.elementor-138 .elementor-element.elementor-element-b67884a{--display:flex;--min-height:65vh;}.elementor-138 .elementor-element.elementor-element-b67884a .elementor-background-slideshow__slide__image{background-size:cover;}.elementor-138 .elementor-element.elementor-element-8fd5183{--display:flex;}.elementor-138 .elementor-element.elementor-element-8fd5183:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-8fd5183 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8ba7d57 );}.elementor-138 .elementor-element.elementor-element-a3a8f78{--grid-template-columns:repeat(0, auto);text-align:center;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--grid-column-gap:22px;--grid-row-gap:0px;}.elementor-138 .elementor-element.elementor-element-a3a8f78 .elementor-social-icon{background-color:var( --e-global-color-secondary );}.elementor-138 .elementor-element.elementor-element-a3a8f78 .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-a3a8f78 .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-a3a8f78 .elementor-social-icon:hover{background-color:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-5cba131{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-5cba131:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-5cba131 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8ba7d57 );}.elementor-138 .elementor-element.elementor-element-9cb9a53 .elementor-heading-title{font-weight:200;letter-spacing:0.25em;}.elementor-138 .elementor-element.elementor-element-d75f01d{--item-display:flex;--read-more-alignment:1;--grid-row-gap:0px;--grid-column-gap:31px;}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.78 * 100% );}.elementor-138 .elementor-element.elementor-element-d75f01d:after{content:"0.78";}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__thumbnail__link{width:100%;}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__meta-data span + span:before{content:"•";}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__card{background-color:#252525;border-width:0px;padding-top:0px;padding-bottom:0px;}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__text{padding:0 15px;margin-top:0px;margin-bottom:0px;}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__meta-data{padding:10px 15px;color:var( --e-global-color-secondary );}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__avatar{padding-right:15px;padding-left:15px;}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__badge{right:0;}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__card .elementor-post__badge{margin:15px;}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__title, .elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__title a{color:var( --e-global-color-4fb4420 );}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__title{margin-bottom:14px;}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__excerpt{margin-bottom:0px;}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__read-more{color:var( --e-global-color-secondary );margin-bottom:0px;}.elementor-138 .elementor-element.elementor-element-24abdd8{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-138 .elementor-element.elementor-element-24abdd8:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-24abdd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-138 .elementor-element.elementor-element-02c3472{--display:flex;}.elementor-138 .elementor-element.elementor-element-74d3139{padding:10px 10px 10px 10px;}.elementor-138 .elementor-element.elementor-element-a13d085{--display:flex;}.elementor-138 .elementor-element.elementor-element-a13d085:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-a13d085 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-138 .elementor-element.elementor-element-85c24e8 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-138 .elementor-element.elementor-element-db2bfcb{--display:flex;}.elementor-138 .elementor-element.elementor-element-a90809a{padding:60px 10px 60px 10px;}.elementor-138 .elementor-element.elementor-element-a90809a .elementor-wrapper{--video-aspect-ratio:1.77777;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-138 .elementor-element.elementor-element-24abdd8{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-138 .elementor-element.elementor-element-b67884a{--width:100%;}}@media(max-width:767px){.elementor-138 .elementor-element.elementor-element-a3a8f78{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--grid-column-gap:18px;}.elementor-138 .elementor-element.elementor-element-5cba131{--padding-top:15px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-138 .elementor-element.elementor-element-d75f01d:after{content:"0.5";}.elementor-138 .elementor-element.elementor-element-d75f01d .elementor-post__thumbnail__link{width:100%;}.elementor-138 .elementor-element.elementor-element-24abdd8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-138 .elementor-element.elementor-element-85c24e8 > .elementor-widget-container{padding:0px 10px 0px 10px;}}/* Start custom CSS for posts, class: .elementor-element-d75f01d *//* --- TERCERMUNDO: ESTILO BASE DEL BADGE EN WIDGET POSTS --- */
.elementor-posts-container .elementor-post__badge {
  border-radius: 0px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  padding: 6px 12px !important;
  box-shadow: none !important;
}

/* 1. En Vivo (#F05DA1 - Texto Negro) */
.elementor-posts-container article.category-en-vivo .elementor-post__badge {
  background-color: #F05DA1 !important;
  color: #000000 !important;
}

/* 2. Lanzamientos (#FFE700 - Texto Negro) */
.elementor-posts-container article.category-lanzamientos .elementor-post__badge {
  background-color: #FFE700 !important;
  color: #000000 !important;
}

/* 3. Crónicas (#00AED8 - Texto Blanco) */
.elementor-posts-container article.category-cronicas .elementor-post__badge {
  background-color: #00AED8 !important;
  color: #FFFFFF !important;
}

/* 4. Podcast (#F55200 - Texto Blanco) */
.elementor-posts-container article.category-podcast .elementor-post__badge {
  background-color: #F55200 !important;
  color: #FFFFFF !important;
}

/* 5. Ecos (#05A23A - Texto Blanco) */
.elementor-posts-container article.category-ecos .elementor-post__badge {
  background-color: #05A23A !important;
  color: #FFFFFF !important;
}

/* --- TERCERMUNDO: CAROUSEL HORIZONTAL + ALTURA FIJA --- */

/* 0. Forzar altura total del widget (igual a FB + Spotify) */
.tm-posts-carousel {
  height: 480px !important;          /* ← Ajusta este valor si hace falta (prueba 460-500) */
  max-height: 480px !important;
  overflow: hidden !important;
}

/* 1. Contenedor principal → Flex horizontal + scroll */
.tm-posts-carousel .elementor-posts-container,
.tm-posts-carousel .elementor-posts,
.tm-posts-carousel .elementor-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  gap: 25px !important;
  padding-bottom: 15px !important;
  width: 100% !important;
  height: 100% !important;           /* ← Ocupa toda la altura del widget */
  max-height: 100% !important;
}

/* 2. Cada card → ancho + altura 100% del contenedor */
.tm-posts-carousel article.elementor-post,
.tm-posts-carousel .elementor-post {
  flex: 0 0 280px !important;        /* Ancho desktop (cámbialo fácil) */
  min-width: 280px !important;
  max-width: 280px !important;
  width: 280px !important;
  height: 100% !important;           /* ← Altura completa */
  max-height: 100% !important;
  scroll-snap-align: start !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Móvil: cards más anchas */
@media (max-width: 767px) {
  .tm-posts-carousel article.elementor-post,
  .tm-posts-carousel .elementor-post {
    flex: 0 0 85% !important;
    min-width: 85% !important;
    max-width: 85% !important;
    width: 85% !important;
  }
}

/* 3. Imagen de la card (que ocupe buen espacio) */
.tm-posts-carousel .elementor-post__thumbnail {
  flex: 0 0 auto !important;
  height: 180px !important;          /* ← Altura fija de la imagen (ajusta si quieres) */
  overflow: hidden !important;
}

.tm-posts-carousel .elementor-post__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* 4. Contenido de texto (título + excerpt + meta) */
.tm-posts-carousel .elementor-post__text,
.tm-posts-carousel .elementor-post__content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 16px !important;
  overflow: hidden !important;
}

/* 5. Recortar excerpt */
.tm-posts-carousel .elementor-post__excerpt,
.tm-posts-carousel .elementor-post__excerpt p {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;  /* 3 líneas se ve más limpio */
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.45 !important;
  margin-bottom: 12px !important;
}

/* 6. Barra de scroll */
.tm-posts-carousel .elementor-posts-container::-webkit-scrollbar,
.tm-posts-carousel .elementor-grid::-webkit-scrollbar {
  height: 4px !important;
}

.tm-posts-carousel .elementor-posts-container::-webkit-scrollbar-track,
.tm-posts-carousel .elementor-grid::-webkit-scrollbar-track {
  background: #111111 !important;
}

.tm-posts-carousel .elementor-posts-container::-webkit-scrollbar-thumb,
.tm-posts-carousel .elementor-grid::-webkit-scrollbar-thumb {
  background: #00AED8 !important;
  border-radius: 2px !important;
}
/* === MEJORA DE RENDIMIENTO CARRUSEL MÓVIL === */
.tm-posts-carousel {
  will-change: transform;
  -webkit-overflow-scrolling: touch;
  transform: translateZ(0);
}

/* Reduce trabajo en scroll */
.tm-posts-carousel .elementor-posts-container {
  scroll-behavior: auto !important; /* quita smooth si está */
}

/* --- TERCERMUNDO: THUMBNAILS — ENCUADRE FIJO + B/N → COLOR --- */
.tm-posts-carousel .elementor-post__thumbnail {
  position: relative !important;
  height: 180px !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
}

.tm-posts-carousel .elementor-post__thumbnail img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  inset: auto !important;
  margin: 0 !important;
  filter: grayscale(100%) contrast(1.06) !important;
  transition: filter 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  will-change: filter;
}

.tm-posts-carousel article.elementor-post:hover .elementor-post__thumbnail img,
.tm-posts-carousel article.elementor-post:focus-within .elementor-post__thumbnail img {
  filter: grayscale(0) contrast(1) !important;
  object-position: center center !important;
  transform: none !important;
}

.tm-posts-carousel .elementor-post__badge {
  filter: none !important;
  z-index: 2 !important;
  position: relative;
}

/* --- TERCERMUNDO: COLOR SIEMPRE EN MÓVIL Y TABLET --- */

/* a) Dispositivos sin hover real (táctiles) */
@media (hover: none), (pointer: coarse) {
  .tm-posts-carousel .elementor-post__thumbnail img {
    filter: grayscale(0) contrast(1) !important;
    transition: none !important;
  }
}

/* b) Refuerzo por ancho: breakpoint de Elementor */
@media (max-width: 1024px) {
  .tm-posts-carousel .elementor-post__thumbnail img {
    filter: grayscale(0) contrast(1) !important;
    transition: none !important;
  }
}


/* Accesibilidad: respeta reducción de movimiento */
@media (prefers-reduced-motion: reduce) {
  .tm-posts-carousel .elementor-post__thumbnail img {
    transition: filter 0.2s linear !important;
    transform: none !important;
  }
}

.tm-posts-carousel .elementor-post__thumbnail {
  position: relative !important;
}

.tm-posts-carousel .elementor-post__badge {
  position: absolute !important;
  top: px;
  left: px;
}/* End custom CSS */
/* Start custom CSS for sb-instagram-feed, class: .elementor-element-85c24e8 *//* 1. Definir la caja con altura fija y scroll interno */
#sb_instagram {
  max-height: 550px !important; /* Ajusta la altura deseada para la caja */
  overflow-y: auto !important;  /* Activa el scroll vertical interno */
  padding-right: 0px;           /* Margen para que no tape la barra de scroll */
}

/* 2. Personalizar la barra de scroll para que combine con el dark mode */
#sb_instagram::-webkit-scrollbar {
  width: 6px;
}
#sb_instagram::-webkit-scrollbar-track {
  background: #000000;
}
#sb_instagram::-webkit-scrollbar-thumb {
  background: #FFE700; /* Amarillo acento para el scrollbar */
  border-radius: 0px;  /* Manteniendo la regla 0 radius */
}/* End custom CSS */