.elementor-728 .elementor-element.elementor-element-41b8613{--display:flex;--min-height:84vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-728 .elementor-element.elementor-element-b170261{--swiper-slides-to-display:2;--swiper-slides-gap:24px;}.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-728 .elementor-element.elementor-element-b170261{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-728 .elementor-element.elementor-element-b170261{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-b170261 *//* =========================================
   1. ASIMETRÍA DEL CARRUSEL (UNO ARRIBA, UNO ABAJO) - [BUCLE INFINITO FIX]
   ========================================= */

/* Le quitamos el !important a "transform" para permitir que el motor teletransporte invisiblemente los clones */
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide {
    transition: opacity 0.5s ease; 
}

/* Forzamos a la tarjeta a usar modo columna para poder reordenar */
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide .e-loop-item > .e-con {
    display: flex !important;
    flex-direction: column !important;
}

/* TARJETAS PARES: Se vinculan por su ADN nativo (índices 0, 2, 4, 6...) 
   Soporta hasta 20 noticias en bucle perfecto. */
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="0"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="2"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="4"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="6"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="8"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="10"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="12"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="14"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="16"] .caja-dinamica-texto {
    order: 2 !important; 
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}

/* TARJETAS IMPARES: (índices 1, 3, 5, 7...) */
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="1"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="3"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="5"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="7"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="9"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="11"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="13"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="15"] .caja-dinamica-texto,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="17"] .caja-dinamica-texto {
    order: -1 !important; 
    margin-bottom: 15px !important; 
    margin-top: 0 !important;
}

/* La etiqueta amarilla cae al suelo en las tarjetas impares invertidas */
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="1"] .etiqueta-esquina,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="3"] .etiqueta-esquina,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="5"] .etiqueta-esquina,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="7"] .etiqueta-esquina,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="9"] .etiqueta-esquina,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="11"] .etiqueta-esquina,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="13"] .etiqueta-esquina,
.elementor-728 .elementor-element.elementor-element-b170261 .swiper-slide[data-swiper-slide-index="15"] .etiqueta-esquina {
    top: auto !important;
    bottom: -5px !important;
}


/* =========================================
   2. TEXTOS TIPO FIGMA (1 LÍNEA Y RAYA EXACTA)
   ========================================= */
.elementor-728 .elementor-element.elementor-element-b170261 .caja-dinamica-texto {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important; 
    flex-wrap: nowrap !important;
}

/* EL TÍTULO (Forzado a 1 línea, y le devolvemos su raya a la derecha) */
.elementor-728 .elementor-element.elementor-element-b170261 .caja-dinamica-texto .elementor-widget-heading {
    flex: 0 0 auto !important; 
    width: auto !important; 
    max-width: none !important; /* EL CAMBIO CLAVE: Cero límites de ancho, para que empuje al párrafo sin pisarlo */
    white-space: nowrap !important; 
    border-right: 1px solid #000 !important; 
    padding-right: 12px !important; 
    margin: 0 !important; 
}


/* Asegura que las letras del título tampoco salten renglón */
.elementor-728 .elementor-element.elementor-element-b170261 .caja-dinamica-texto .elementor-widget-heading h1,
.elementor-728 .elementor-element.elementor-element-b170261 .caja-dinamica-texto .elementor-widget-heading h2,
.elementor-728 .elementor-element.elementor-element-b170261 .caja-dinamica-texto .elementor-widget-heading h3 {
    white-space: nowrap !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* LA DESCRIPCIÓN (Cede el espacio ante el título) */
.elementor-728 .elementor-element.elementor-element-b170261 .caja-dinamica-texto .elementor-widget-text-editor {
    flex: 1 1 0 !important;
    border-left: none !important; /* Limpiamos cualquier raya fantasma vieja */
    padding-left: 12px !important; 
    margin: 0 !important; 
}

.elementor-728 .elementor-element.elementor-element-b170261 .caja-dinamica-texto .elementor-widget-text-editor p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}



/* =========================================
   3. RESCATE RESPONSIVO PARA MÓVILES (Anti torre de letras)
   ========================================= */
@media (max-width: 767px) {
    /* Le devolvemos al título la libertad de saltar renglón en la pantallita del celular */
    .elementor-728 .elementor-element.elementor-element-b170261 .caja-dinamica-texto .elementor-widget-heading,
    .elementor-728 .elementor-element.elementor-element-b170261 .caja-dinamica-texto .elementor-widget-heading h1,
    .elementor-728 .elementor-element.elementor-element-b170261 .caja-dinamica-texto .elementor-widget-heading h2,
    .elementor-728 .elementor-element.elementor-element-b170261 .caja-dinamica-texto .elementor-widget-heading h3 {
        white-space: normal !important; 
    }
    
    /* Le ponemos un límite del 65% al título para garantizar que el párrafo respire a su derecha */
    .elementor-728 .elementor-element.elementor-element-b170261 .caja-dinamica-texto .elementor-widget-heading {
        max-width: 65% !important; 
    }
}/* End custom CSS */