.elementor-2436 .elementor-element.elementor-element-8fcd0bf{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.4;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2436 .elementor-element.elementor-element-8fcd0bf::before, .elementor-2436 .elementor-element.elementor-element-8fcd0bf > .elementor-background-video-container::before, .elementor-2436 .elementor-element.elementor-element-8fcd0bf > .e-con-inner > .elementor-background-video-container::before, .elementor-2436 .elementor-element.elementor-element-8fcd0bf > .elementor-background-slideshow::before, .elementor-2436 .elementor-element.elementor-element-8fcd0bf > .e-con-inner > .elementor-background-slideshow::before, .elementor-2436 .elementor-element.elementor-element-8fcd0bf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2436 .elementor-element.elementor-element-936e6c5 > .elementor-widget-container{margin:177px 177px 177px 177px;}.elementor-2436 .elementor-element.elementor-element-936e6c5{text-align:center;}.elementor-2436 .elementor-element.elementor-element-936e6c5 .elementor-heading-title{font-size:49px;color:#FFFFFF;}.elementor-2436 .elementor-element.elementor-element-b480f53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2436 .elementor-element.elementor-element-b480f53.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2436 .elementor-element.elementor-element-707a50a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2436 .elementor-element.elementor-element-707a50a .elementor-divider-separator{width:0%;}.elementor-2436 .elementor-element.elementor-element-707a50a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2436 .elementor-element.elementor-element-3701615 > .elementor-widget-container{margin:0px 0px 0px -510px;}.elementor-2436 .elementor-element.elementor-element-3701615.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-2436 .elementor-element.elementor-element-5aca502{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:28px 28px;--row-gap:28px;--column-gap:28px;--grid-auto-flow:row;}.elementor-2436 .elementor-element.elementor-element-151a123{--e-image-carousel-slides-to-show:1;width:initial;max-width:initial;}.elementor-2436 .elementor-element.elementor-element-a692aaf{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:30px 30px 30px 30px;bottom:191px;--z-index:1;}.elementor-2436 .elementor-element.elementor-element-a692aaf:not(.elementor-motion-effects-element-type-background), .elementor-2436 .elementor-element.elementor-element-a692aaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00FDF3;}body:not(.rtl) .elementor-2436 .elementor-element.elementor-element-a692aaf{right:5px;}body.rtl .elementor-2436 .elementor-element.elementor-element-a692aaf{left:5px;}.elementor-2436 .elementor-element.elementor-element-353c76d .elementor-repeater-item-c3e0cab.elementor-social-icon{background-color:#FE00EB;}.elementor-2436 .elementor-element.elementor-element-353c76d .elementor-repeater-item-a816caf.elementor-social-icon{background-color:#000000;}.elementor-2436 .elementor-element.elementor-element-353c76d{--grid-template-columns:repeat(1, auto);--icon-size:22px;--grid-column-gap:0px;--grid-row-gap:10px;}.elementor-2436 .elementor-element.elementor-element-353c76d .elementor-widget-container{text-align:center;}.elementor-2436 .elementor-element.elementor-element-353c76d .elementor-social-icon{--icon-padding:0.5em;}.elementor-2436 .elementor-element.elementor-element-02388f5{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:30px 30px 30px 30px;bottom:191px;--z-index:1;}.elementor-2436 .elementor-element.elementor-element-02388f5:not(.elementor-motion-effects-element-type-background), .elementor-2436 .elementor-element.elementor-element-02388f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00FDF3;}body:not(.rtl) .elementor-2436 .elementor-element.elementor-element-02388f5{right:5px;}body.rtl .elementor-2436 .elementor-element.elementor-element-02388f5{left:5px;}.elementor-2436 .elementor-element.elementor-element-f885e1b .elementor-repeater-item-c3e0cab.elementor-social-icon{background-color:#FE00EB;}.elementor-2436 .elementor-element.elementor-element-f885e1b .elementor-repeater-item-a816caf.elementor-social-icon{background-color:#000000;}.elementor-2436 .elementor-element.elementor-element-f885e1b{--grid-template-columns:repeat(1, auto);--icon-size:22px;--grid-column-gap:0px;--grid-row-gap:10px;}.elementor-2436 .elementor-element.elementor-element-f885e1b .elementor-widget-container{text-align:center;}.elementor-2436 .elementor-element.elementor-element-f885e1b .elementor-social-icon{--icon-padding:0.5em;}.elementor-2436 .elementor-element.elementor-element-bbbaea7{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:30px 30px 30px 30px;bottom:30px;--z-index:1;}body:not(.rtl) .elementor-2436 .elementor-element.elementor-element-bbbaea7{right:5px;}body.rtl .elementor-2436 .elementor-element.elementor-element-bbbaea7{left:5px;}.elementor-2436 .elementor-element.elementor-element-1f83338{--grid-template-columns:repeat(1, auto);--icon-size:38px;--grid-column-gap:0px;--grid-row-gap:10px;}.elementor-2436 .elementor-element.elementor-element-1f83338 .elementor-widget-container{text-align:center;}.elementor-2436 .elementor-element.elementor-element-1f83338 .elementor-social-icon{--icon-padding:0.5em;}.elementor-2436 .elementor-element.elementor-element-03622e3{--display:flex;}.elementor-2436 .elementor-element.elementor-element-f17541d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2436 .elementor-element.elementor-element-f17541d .elementor-divider-separator{width:0%;}.elementor-2436 .elementor-element.elementor-element-f17541d .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-2436 .elementor-element.elementor-element-2397c20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:groove;--border-style:groove;border-width:-6px 0px 0px 0px;--border-top-width:-6px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:7px 7px 7px 7px;}.elementor-2436 .elementor-element.elementor-element-e44578b{width:auto;max-width:auto;}.elementor-2436 .elementor-element.elementor-element-e44578b > .elementor-widget-container{border-style:none;border-radius:9px 9px 9px 9px;}.elementor-2436 .elementor-element.elementor-element-bff9c46{--display:flex;}.elementor-2436 .elementor-element.elementor-element-596d8ca{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2436 .elementor-element.elementor-element-596d8ca .elementor-divider-separator{width:0%;}.elementor-2436 .elementor-element.elementor-element-596d8ca .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-2436 .elementor-element.elementor-element-e33900c{--display:flex;--overlay-opacity:0.5;border-style:groove;--border-style:groove;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;--border-radius:7px 7px 7px 7px;}.elementor-2436 .elementor-element.elementor-element-e33900c::before, .elementor-2436 .elementor-element.elementor-element-e33900c > .elementor-background-video-container::before, .elementor-2436 .elementor-element.elementor-element-e33900c > .e-con-inner > .elementor-background-video-container::before, .elementor-2436 .elementor-element.elementor-element-e33900c > .elementor-background-slideshow::before, .elementor-2436 .elementor-element.elementor-element-e33900c > .e-con-inner > .elementor-background-slideshow::before, .elementor-2436 .elementor-element.elementor-element-e33900c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2436 .elementor-element.elementor-element-cdd569e{--display:flex;}.elementor-2436 .elementor-element.elementor-element-3ce03bd{text-align:center;}.elementor-2436 .elementor-element.elementor-element-ed7dde3{--display:flex;}.elementor-2436 .elementor-element.elementor-element-bc8ae7c{--display:flex;}.elementor-2436 .elementor-element.elementor-element-71cb106{--display:flex;}.elementor-2436 .elementor-element.elementor-element-95d6ae3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2436 .elementor-element.elementor-element-1cfeffb{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:19px;}:where( .elementor-2436 .elementor-element.elementor-element-1cfeffb > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2436 .elementor-element.elementor-element-0c9c53e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2436 .elementor-element.elementor-element-99a5636{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2436 .elementor-element.elementor-element-36f3fbb{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2436 .elementor-element.elementor-element-36f3fbb::before, .elementor-2436 .elementor-element.elementor-element-36f3fbb > .elementor-background-video-container::before, .elementor-2436 .elementor-element.elementor-element-36f3fbb > .e-con-inner > .elementor-background-video-container::before, .elementor-2436 .elementor-element.elementor-element-36f3fbb > .elementor-background-slideshow::before, .elementor-2436 .elementor-element.elementor-element-36f3fbb > .e-con-inner > .elementor-background-slideshow::before, .elementor-2436 .elementor-element.elementor-element-36f3fbb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#CACACA96;--background-overlay:'';}.elementor-2436 .elementor-element.elementor-element-36f3fbb.e-con{--align-self:center;}.elementor-2436 .elementor-element.elementor-element-f3c40f6{text-align:center;font-family:"Monda", Sans-serif;font-size:28px;font-weight:600;}.elementor-2436 .elementor-element.elementor-element-acfef0d .elementor-button{background-color:var( --e-global-color-text );font-size:24px;font-weight:600;border-radius:34px 34px 34px 34px;}.elementor-2436 .elementor-element.elementor-element-acfef0d .elementor-button:hover, .elementor-2436 .elementor-element.elementor-element-acfef0d .elementor-button:focus{background-color:var( --e-global-color-kadence3 );}.elementor-2436 .elementor-element.elementor-element-acfef0d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2436 .elementor-element.elementor-element-acfef0d > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-2436 .elementor-element.elementor-element-acfef0d .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:1024px){.elementor-2436 .elementor-element.elementor-element-5aca502{--grid-auto-flow:row;}.elementor-2436 .elementor-element.elementor-element-36f3fbb{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2436 .elementor-element.elementor-element-936e6c5 > .elementor-widget-container{margin:73px 0px 0px 0px;}.elementor-2436 .elementor-element.elementor-element-936e6c5 .elementor-heading-title{font-size:22px;}.elementor-2436 .elementor-element.elementor-element-5aca502{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2436 .elementor-element.elementor-element-151a123{--e-image-carousel-slides-to-show:1;}.elementor-2436 .elementor-element.elementor-element-a692aaf{--width:50px;bottom:225px;}body:not(.rtl) .elementor-2436 .elementor-element.elementor-element-a692aaf{right:0px;}body.rtl .elementor-2436 .elementor-element.elementor-element-a692aaf{left:0px;}.elementor-2436 .elementor-element.elementor-element-353c76d{--icon-size:18px;}.elementor-2436 .elementor-element.elementor-element-02388f5{--width:50px;bottom:225px;}body:not(.rtl) .elementor-2436 .elementor-element.elementor-element-02388f5{right:0px;}body.rtl .elementor-2436 .elementor-element.elementor-element-02388f5{left:0px;}.elementor-2436 .elementor-element.elementor-element-f885e1b{--icon-size:18px;}.elementor-2436 .elementor-element.elementor-element-bbbaea7{--width:60px;bottom:129px;}body:not(.rtl) .elementor-2436 .elementor-element.elementor-element-bbbaea7{right:7px;}body.rtl .elementor-2436 .elementor-element.elementor-element-bbbaea7{left:7px;}.elementor-2436 .elementor-element.elementor-element-1f83338{--icon-size:32px;}.elementor-2436 .elementor-element.elementor-element-36f3fbb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-2436 .elementor-element.elementor-element-b480f53{--width:91.158%;}.elementor-2436 .elementor-element.elementor-element-5aca502{--content-width:1005px;}.elementor-2436 .elementor-element.elementor-element-a692aaf{--width:4%;}.elementor-2436 .elementor-element.elementor-element-02388f5{--width:4%;}.elementor-2436 .elementor-element.elementor-element-bbbaea7{--width:70px;}.elementor-2436 .elementor-element.elementor-element-2397c20{--width:80%;}.elementor-2436 .elementor-element.elementor-element-bff9c46{--content-width:500px;}.elementor-2436 .elementor-element.elementor-element-e33900c{--width:80%;}.elementor-2436 .elementor-element.elementor-element-99a5636{--content-width:941px;}.elementor-2436 .elementor-element.elementor-element-36f3fbb{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-3701615 *//* --- PROBLEMA DE FUENTE: CARGA DE MATERIAL ICONS OUTLINED (DEBE ESTAR EN HEAD) --- */
/* Mantenemos el @import, pero idealmente debe ir en el <head> del sitio. */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Outlined');

/* --- ESTILOS BASE Y ALINEACIÓN CORREGIDA --- */
.plan-caracteristicas-animadas {
    margin-top: 15px;
    padding: 0 15px;
}

.plan-caracteristica {
    display: flex; 
    align-items: center;
    margin-bottom: 8px; 
    color: #000000; 
    font-size: 15px; 
    font-weight: 400; 
    /* Agregamos un padding-left para dar espacio al icono sin que se superponga */
    padding-left: 28px; 
    position: relative; /* Necesario para posicionar correctamente los iconos absolutos */
}

/* Estilo clave para mostrar el icono */
.plan-caracteristica i.material-icons-outlined {
    font-family: 'Material Icons Outlined', sans-serif !important; 
    font-weight: normal; 
    font-style: normal;
    font-size: 20px; 
    color: #000000; 
    position: absolute; /* Usamos posición absoluta para que el texto NO se mueva */
    left: 0;
    top: 50%; /* Centrado vertical */
    transform: translateY(-50%);
    display: inline-block; 
}

/* --- ANIMACIONES Y ESTILOS ESPECÍFICOS --- */

/* 1. ÍCONO DE RAMA (SPA) */
.plan-caracteristica.anim-rama i {
    animation: balanceoRama 3s infinite ease-in-out;
}
@keyframes balanceoRama {
    0% { transform: translateY(-50%) scale(1); }
    50% { transform: translateY(-50%) scale(1.1); } 
    100% { transform: translateY(-50%) scale(1); }
}

/* 2. ÍCONO DE RELOJ (SCHEDULE) */
.plan-caracteristica.anim-reloj i {
    animation: pulsoReloj 2s infinite ease-in-out;
}
@keyframes pulsoReloj {
    0% { transform: translateY(-50%) scale(1); opacity: 1; }
    50% { transform: translateY(-50%) scale(1.05); opacity: 0.9; } 
    100% { transform: translateY(-50%) scale(1); opacity: 1; }
}

/* 3. ÍCONO DE DIFICULTAD (SIGNAL_CELLULAR_ALT): Relleno tipo batería */
.plan-caracteristica.anim-dificultad {
    /* Aquí solo ajustamos el padding-left, el resto lo manejan los hijos */
    position: relative; 
    height: 20px; 
    padding-left: 28px; /* Asegura el espacio para el icono de dificultad */
}

.plan-caracteristica.anim-dificultad .dificultad-fondo,
.plan-caracteristica.anim-dificultad .dificultad-relleno {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); /* Centra verticalmente */
    height: 20px;
    line-height: 20px;
    z-index: 1;
}

.plan-caracteristica.anim-dificultad .dificultad-fondo i {
    color: #000000; 
    opacity: 0.3; 
}

.plan-caracteristica.anim-dificultad .dificultad-relleno {
    z-index: 2;
    overflow: hidden; 
    width: 0; 
    animation: rellenarDificultad 3s forwards ease-out; 
}
.plan-caracteristica.anim-dificultad .dificultad-relleno i {
    color: #4CAF50; /* Verde del relleno */
    position: static; /* Quita el posicionamiento absoluto del ícono interno */
    transform: none; /* Quita la transformación vertical del ícono interno */
}

@keyframes rellenarDificultad {
    0% { width: 0; }
    100% { width: 60%; } 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11f1473 *//* 1. OCULTA EL CHECKBOX INVISIBLE (CONTROLADOR) */
.leer-mas-checkbox {
    display: none !important;
}

/* 2. ESTILO BASE DEL CONTENIDO EXTENSO (MUESTRA MÁS TEXTO AL INICIO) */
.contenido-expandible {
    /* ALTURA AJUSTADA: 250px mostrará más contenido que 180px */
    max-height: 600px; 
    overflow: hidden; 
    transition: max-height 0.5s ease-in-out; 
    
    /* Ajuste del degradado: Lo subimos para que el fade out sea más gradual */
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    
    margin-bottom: 5px; 
}

/* 3. ESTILO DEL BOTÓN (LABEL) */
.boton-alternar {
    display: block;
    cursor: pointer;
    text-align: center;
    color: #1e73be; 
    font-weight: bold;
    font-size: 14px;
    padding: 5px 0;
    position: relative;
    z-index: 10;
}

/* Estado inicial del botón: Muestra "Leer más..." */
.boton-alternar:before {
    content: 'Leer más...';
}

/* 4. LA MAGIA DEL CSS: EXPANDIR AL HACER CLIC */
.leer-mas-checkbox:checked ~ .contenido-expandible {
    max-height: 5000px; 
    -webkit-mask-image: none; 
    mask-image: none;
}

/* El botón cambia de texto a "Leer menos..." */
.leer-mas-checkbox:checked ~ .boton-alternar:before {
    content: 'Leer menos...';
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e44578b *//* --- SECCIÓN PRINCIPAL DE INCLUYE --- */
.plan-incluye-contenedor h2 {
    font-size: 29px;
    font-weight: 700;
    margin-bottom: 25px;
}

/* 1. FORZAMOS EL CONTENEDOR FLEXIBLE */
.lista-incluye {
    display: flex; 
    flex-wrap: wrap; /* Permite que las columnas salten a la siguiente línea en móvil */
    justify-content: space-between; /* Distribuye el espacio entre las dos columnas */
}

/* 2. DEFINIMOS EL ANCHO DE CADA COLUMNA (48% para dejar espacio en medio) */
.incluye-columna {
    width: 48%; /* Cada columna ocupa casi la mitad del espacio */
    display: flex;
    flex-direction: column;
    gap: 20px; 
}

/* Media query para móviles: Hacemos que la columna ocupe el 100% en pantallas pequeñas */
@media (max-width: 767px) {
    .incluye-columna {
        width: 100%; /* Una columna por línea en móvil */
        margin-bottom: 20px; /* Espacio entre las columnas cuando se apilan */
    }
}

/* --- ESTILOS DEL ÍTEM INDIVIDUAL --- */
.incluye-item {
    display: flex;
    /* --- MODIFICACIÓN CLAVE PARA CENTRAR EL TEXTO --- */
    align-items: center; 
    /* El texto (span) ahora se centrará verticalmente con el ícono y su círculo. */

    font-size: 16px;
    line-height: 1.4;
}

.incluye-item span {
    color: #444;
}

/* --- ESTILOS DEL ÍCONO (CÍRCULO VERDE Y COLOR) --- */
.incluye-item i.fa-solid { 
    /* Color principal: Usé un verde similar al de la imagen */
    color: #2EBE8F; /* Mantenemos el color verde que especificaste */
    
    /* Configuración del ícono */
    font-size: 20px; 
    margin-right: 15px;
    
    position: relative;
    /* Eliminamos 'top: 3px' ya que align-items: center lo centrará */
    /* top: 3px; */ 
    
    /* Estilo del círculo contenedor */
    width: 40px;
    min-width: 40px; 
    height: 40px;
    border: 1px solid #2EBE8F; /* Borde con el color verde que especificaste */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px; 
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ce03bd *//* ==================================== */
/* 0. ESTRUCTURA PRINCIPAL DE COLUMNAS */
/* ==================================== */

.itinerario-contenedor-principal {
    display: flex; 
    gap: 30px; 
    justify-content: space-between; 
    flex-wrap: wrap; 
}

.dia-group {
    width: calc(50% - 15px); 
}

@media (max-width: 767px) {
    .dia-group {
        width: 100%;
    }
}


/* ==================================== */
/* 1. ESTILOS DEL TÍTULO (DÍA 1 / DÍA 2) */
/* ==================================== */

.dia-titulo {
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 60px;
    position: relative; 
    
    /* HABILITAMOS FLEX PARA ALINEAR EL ÍCONO Y EL TEXTO */
    display: flex; 
    align-items: center;
    
    text-align: left !important; 
}

/* Estilo del texto "Día 1 / Día 2" */
.dia-titulo .dia-texto {
    font-size: 22px;
    font-weight: 800;
    color: #333;
    /* Espacio entre el ícono y el texto */
    margin-left: 20px; 
}

/* El ícono sigue siendo el elemento de referencia para la insignia */
.dia-titulo i.fa-calendar-alt {
    color: #2EBE8F; 
    font-size: 32px; 
    position: relative; 
    /* Eliminamos el margen derecho aquí porque ahora el margen está en el texto */
    margin-right: 0; 
}

/* ELIMINAMOS ALINEACIÓN A LA DERECHA (EL TEXTO Y EL ÍCONO SE ALINEAN A LA IZQUIERDA) */
.dia-group-right .dia-titulo {
    text-align: left !important; 
}

.dia-group-right .dia-titulo i.fa-calendar-alt {
    margin-left: -30px;
}

/* PSEUDO-ELEMENTO PARA INYECTAR EL NÚMERO (LA INSIGNIA) */
.dia-titulo i.fa-calendar-alt::after {
    content: ''; 
    position: absolute;
    top: -5px; 
    right: -10px; /* La insignia siempre va a la derecha del ícono */
    left: auto;
    
    background-color: #2EBE8F; 
    color: #ffffff; 
    width: 24px;
    height: 24px;
    border-radius: 50%; 
    font-size: 14px;
    font-weight: 900;
    line-height: 24px; 
    text-align: center;
    border: 2px solid #ffffff; 
}

/* INYECCIÓN DE CONTENIDO (NÚMERO DEL DÍA) */
.dia-titulo i.fa-calendar-alt.dia-1::after {
    content: '1';
}

.dia-titulo i.fa-calendar-alt.dia-2::after {
    content: '2';
}


/* ==================================== */
/* 2. ESTILOS DE LA LISTA DE ITINERARIO */
/* ==================================== */

.lista-itinerario {
    list-style: none;
    padding-left: 0;
}

.lista-itinerario li {
    display: flex;
    align-items: center; 
    margin-bottom: 10px;
    font-size: 16px;
    color: #444;
    text-align: left; 
}

/* Estilo de los Íconos Temáticos (AJUSTE CLAVE) */
.lista-itinerario li i.fa-solid {
    color: #2EBE8F; 
    font-size: 18px;
    
    /* ELIMINAMOS MIN-WIDTH para que el ícono se pegue a la izquierda */
    /* Mantenemos un pequeño margen a la derecha para separarlo del texto */
    margin-right: 20px;
    min-width: unset; /* Asegura que no haya un ancho mínimo */
    
    text-align: left;
}

/* Estilo para la nota al final */
.nota-horario {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #666;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ce03bd *//* ==================================== */
/* 0. ESTRUCTURA PRINCIPAL DE COLUMNAS */
/* ==================================== */

.itinerario-contenedor-principal {
    display: flex; 
    gap: 30px; 
    justify-content: space-between; 
    flex-wrap: wrap; 
}

.dia-group {
    width: calc(50% - 15px); 
}

@media (max-width: 767px) {
    .dia-group {
        width: 100%;
    }
}


/* ==================================== */
/* 1. ESTILOS DEL TÍTULO (DÍA 1 / DÍA 2) */
/* ==================================== */

.dia-titulo {
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 60px;
    position: relative; 
    
    /* HABILITAMOS FLEX PARA ALINEAR EL ÍCONO Y EL TEXTO */
    display: flex; 
    align-items: center;
    
    text-align: left !important; 
}

/* Estilo del texto "Día 1 / Día 2" */
.dia-titulo .dia-texto {
    font-size: 22px;
    font-weight: 800;
    color: #333;
    /* Espacio entre el ícono y el texto */
    margin-left: 20px; 
}

/* El ícono sigue siendo el elemento de referencia para la insignia */
.dia-titulo i.fa-calendar-alt {
    color: #2EBE8F; 
    font-size: 32px; 
    position: relative; 
    /* Eliminamos el margen derecho aquí porque ahora el margen está en el texto */
    margin-right: 0; 
}

/* ELIMINAMOS ALINEACIÓN A LA DERECHA (EL TEXTO Y EL ÍCONO SE ALINEAN A LA IZQUIERDA) */
.dia-group-right .dia-titulo {
    text-align: left !important; 
}

.dia-group-right .dia-titulo i.fa-calendar-alt {
    margin-left: -30px;
}

/* PSEUDO-ELEMENTO PARA INYECTAR EL NÚMERO (LA INSIGNIA) */
.dia-titulo i.fa-calendar-alt::after {
    content: ''; 
    position: absolute;
    top: -5px; 
    right: -10px; /* La insignia siempre va a la derecha del ícono */
    left: auto;
    
    background-color: #2EBE8F; 
    color: #ffffff; 
    width: 24px;
    height: 24px;
    border-radius: 50%; 
    font-size: 14px;
    font-weight: 900;
    line-height: 24px; 
    text-align: center;
    border: 2px solid #ffffff; 
}

/* INYECCIÓN DE CONTENIDO (NÚMERO DEL DÍA) */
.dia-titulo i.fa-calendar-alt.dia-1::after {
    content: '1';
}

.dia-titulo i.fa-calendar-alt.dia-2::after {
    content: '2';
}


/* ==================================== */
/* 2. ESTILOS DE LA LISTA DE ITINERARIO */
/* ==================================== */

.lista-itinerario {
    list-style: none;
    padding-left: 0;
}

.lista-itinerario li {
    display: flex;
    align-items: center; 
    margin-bottom: 10px;
    font-size: 16px;
    color: #444;
    text-align: left; 
}

/* Estilo de los Íconos Temáticos (AJUSTE CLAVE) */
.lista-itinerario li i.fa-solid {
    color: #2EBE8F; 
    font-size: 18px;
    
    /* ELIMINAMOS MIN-WIDTH para que el ícono se pegue a la izquierda */
    /* Mantenemos un pequeño margen a la derecha para separarlo del texto */
    margin-right: 20px;
    min-width: unset; /* Asegura que no haya un ancho mínimo */
    
    text-align: left;
}

/* Estilo para la nota al final */
.nota-horario {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #666;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ce03bd *//* ==================================== */
/* 0. ESTRUCTURA PRINCIPAL DE COLUMNAS */
/* ==================================== */

.itinerario-contenedor-principal {
    display: flex; 
    gap: 30px; 
    justify-content: space-between; 
    flex-wrap: wrap; 
}

.dia-group {
    width: calc(50% - 15px); 
}

@media (max-width: 767px) {
    .dia-group {
        width: 100%;
    }
}


/* ==================================== */
/* 1. ESTILOS DEL TÍTULO (DÍA 1 / DÍA 2) */
/* ==================================== */

.dia-titulo {
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 60px;
    position: relative; 
    
    /* HABILITAMOS FLEX PARA ALINEAR EL ÍCONO Y EL TEXTO */
    display: flex; 
    align-items: center;
    
    text-align: left !important; 
}

/* Estilo del texto "Día 1 / Día 2" */
.dia-titulo .dia-texto {
    font-size: 22px;
    font-weight: 800;
    color: #333;
    /* Espacio entre el ícono y el texto */
    margin-left: 20px; 
}

/* El ícono sigue siendo el elemento de referencia para la insignia */
.dia-titulo i.fa-calendar-alt {
    color: #2EBE8F; 
    font-size: 32px; 
    position: relative; 
    /* Eliminamos el margen derecho aquí porque ahora el margen está en el texto */
    margin-right: 0; 
}

/* ELIMINAMOS ALINEACIÓN A LA DERECHA (EL TEXTO Y EL ÍCONO SE ALINEAN A LA IZQUIERDA) */
.dia-group-right .dia-titulo {
    text-align: left !important; 
}

.dia-group-right .dia-titulo i.fa-calendar-alt {
    margin-left: -30px;
}

/* PSEUDO-ELEMENTO PARA INYECTAR EL NÚMERO (LA INSIGNIA) */
.dia-titulo i.fa-calendar-alt::after {
    content: ''; 
    position: absolute;
    top: -5px; 
    right: -10px; /* La insignia siempre va a la derecha del ícono */
    left: auto;
    
    background-color: #2EBE8F; 
    color: #ffffff; 
    width: 24px;
    height: 24px;
    border-radius: 50%; 
    font-size: 14px;
    font-weight: 900;
    line-height: 24px; 
    text-align: center;
    border: 2px solid #ffffff; 
}

/* INYECCIÓN DE CONTENIDO (NÚMERO DEL DÍA) */
.dia-titulo i.fa-calendar-alt.dia-1::after {
    content: '1';
}

.dia-titulo i.fa-calendar-alt.dia-2::after {
    content: '2';
}


/* ==================================== */
/* 2. ESTILOS DE LA LISTA DE ITINERARIO */
/* ==================================== */

.lista-itinerario {
    list-style: none;
    padding-left: 0;
}

.lista-itinerario li {
    display: flex;
    align-items: center; 
    margin-bottom: 10px;
    font-size: 16px;
    color: #444;
    text-align: left; 
}

/* Estilo de los Íconos Temáticos (AJUSTE CLAVE) */
.lista-itinerario li i.fa-solid {
    color: #2EBE8F; 
    font-size: 18px;
    
    /* ELIMINAMOS MIN-WIDTH para que el ícono se pegue a la izquierda */
    /* Mantenemos un pequeño margen a la derecha para separarlo del texto */
    margin-right: 20px;
    min-width: unset; /* Asegura que no haya un ancho mínimo */
    
    text-align: left;
}

/* Estilo para la nota al final */
.nota-horario {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #666;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ce03bd *//* ==================================== */
/* 0. ESTRUCTURA PRINCIPAL DE COLUMNAS */
/* ==================================== */

.itinerario-contenedor-principal {
    display: flex; 
    gap: 30px; 
    justify-content: space-between; 
    flex-wrap: wrap; 
}

.dia-group {
    width: calc(50% - 15px); 
}

@media (max-width: 767px) {
    .dia-group {
        width: 100%;
    }
}


/* ==================================== */
/* 1. ESTILOS DEL TÍTULO (DÍA 1 / DÍA 2) */
/* ==================================== */

.dia-titulo {
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 60px;
    position: relative; 
    
    /* HABILITAMOS FLEX PARA ALINEAR EL ÍCONO Y EL TEXTO */
    display: flex; 
    align-items: center;
    
    text-align: left !important; 
}

/* Estilo del texto "Día 1 / Día 2" */
.dia-titulo .dia-texto {
    font-size: 22px;
    font-weight: 800;
    color: #333;
    /* Espacio entre el ícono y el texto */
    margin-left: 20px; 
}

/* El ícono sigue siendo el elemento de referencia para la insignia */
.dia-titulo i.fa-calendar-alt {
    color: #2EBE8F; 
    font-size: 32px; 
    position: relative; 
    /* Eliminamos el margen derecho aquí porque ahora el margen está en el texto */
    margin-right: 0; 
}

/* ELIMINAMOS ALINEACIÓN A LA DERECHA (EL TEXTO Y EL ÍCONO SE ALINEAN A LA IZQUIERDA) */
.dia-group-right .dia-titulo {
    text-align: left !important; 
}

.dia-group-right .dia-titulo i.fa-calendar-alt {
    margin-left: -30px;
}

/* PSEUDO-ELEMENTO PARA INYECTAR EL NÚMERO (LA INSIGNIA) */
.dia-titulo i.fa-calendar-alt::after {
    content: ''; 
    position: absolute;
    top: -5px; 
    right: -10px; /* La insignia siempre va a la derecha del ícono */
    left: auto;
    
    background-color: #2EBE8F; 
    color: #ffffff; 
    width: 24px;
    height: 24px;
    border-radius: 50%; 
    font-size: 14px;
    font-weight: 900;
    line-height: 24px; 
    text-align: center;
    border: 2px solid #ffffff; 
}

/* INYECCIÓN DE CONTENIDO (NÚMERO DEL DÍA) */
.dia-titulo i.fa-calendar-alt.dia-1::after {
    content: '1';
}

.dia-titulo i.fa-calendar-alt.dia-2::after {
    content: '2';
}


/* ==================================== */
/* 2. ESTILOS DE LA LISTA DE ITINERARIO */
/* ==================================== */

.lista-itinerario {
    list-style: none;
    padding-left: 0;
}

.lista-itinerario li {
    display: flex;
    align-items: center; 
    margin-bottom: 10px;
    font-size: 16px;
    color: #444;
    text-align: left; 
}

/* Estilo de los Íconos Temáticos (AJUSTE CLAVE) */
.lista-itinerario li i.fa-solid {
    color: #2EBE8F; 
    font-size: 18px;
    
    /* ELIMINAMOS MIN-WIDTH para que el ícono se pegue a la izquierda */
    /* Mantenemos un pequeño margen a la derecha para separarlo del texto */
    margin-right: 20px;
    min-width: unset; /* Asegura que no haya un ancho mínimo */
    
    text-align: left;
}

/* Estilo para la nota al final */
.nota-horario {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #666;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ce03bd *//* ==================================== */
/* 0. ESTRUCTURA PRINCIPAL DE COLUMNAS */
/* ==================================== */

.itinerario-contenedor-principal {
    display: flex; 
    gap: 30px; 
    justify-content: space-between; 
    flex-wrap: wrap; 
}

.dia-group {
    width: calc(50% - 15px); 
}

@media (max-width: 767px) {
    .dia-group {
        width: 100%;
    }
}


/* ==================================== */
/* 1. ESTILOS DEL TÍTULO (DÍA 1 / DÍA 2) */
/* ==================================== */

.dia-titulo {
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 60px;
    position: relative; 
    
    /* HABILITAMOS FLEX PARA ALINEAR EL ÍCONO Y EL TEXTO */
    display: flex; 
    align-items: center;
    
    text-align: left !important; 
}

/* Estilo del texto "Día 1 / Día 2" */
.dia-titulo .dia-texto {
    font-size: 22px;
    font-weight: 800;
    color: #333;
    /* Espacio entre el ícono y el texto */
    margin-left: 20px; 
}

/* El ícono sigue siendo el elemento de referencia para la insignia */
.dia-titulo i.fa-calendar-alt {
    color: #2EBE8F; 
    font-size: 32px; 
    position: relative; 
    /* Eliminamos el margen derecho aquí porque ahora el margen está en el texto */
    margin-right: 0; 
}

/* ELIMINAMOS ALINEACIÓN A LA DERECHA (EL TEXTO Y EL ÍCONO SE ALINEAN A LA IZQUIERDA) */
.dia-group-right .dia-titulo {
    text-align: left !important; 
}

.dia-group-right .dia-titulo i.fa-calendar-alt {
    margin-left: -30px;
}

/* PSEUDO-ELEMENTO PARA INYECTAR EL NÚMERO (LA INSIGNIA) */
.dia-titulo i.fa-calendar-alt::after {
    content: ''; 
    position: absolute;
    top: -5px; 
    right: -10px; /* La insignia siempre va a la derecha del ícono */
    left: auto;
    
    background-color: #2EBE8F; 
    color: #ffffff; 
    width: 24px;
    height: 24px;
    border-radius: 50%; 
    font-size: 14px;
    font-weight: 900;
    line-height: 24px; 
    text-align: center;
    border: 2px solid #ffffff; 
}

/* INYECCIÓN DE CONTENIDO (NÚMERO DEL DÍA) */
.dia-titulo i.fa-calendar-alt.dia-1::after {
    content: '1';
}

.dia-titulo i.fa-calendar-alt.dia-2::after {
    content: '2';
}


/* ==================================== */
/* 2. ESTILOS DE LA LISTA DE ITINERARIO */
/* ==================================== */

.lista-itinerario {
    list-style: none;
    padding-left: 0;
}

.lista-itinerario li {
    display: flex;
    align-items: center; 
    margin-bottom: 10px;
    font-size: 16px;
    color: #444;
    text-align: left; 
}

/* Estilo de los Íconos Temáticos (AJUSTE CLAVE) */
.lista-itinerario li i.fa-solid {
    color: #2EBE8F; 
    font-size: 18px;
    
    /* ELIMINAMOS MIN-WIDTH para que el ícono se pegue a la izquierda */
    /* Mantenemos un pequeño margen a la derecha para separarlo del texto */
    margin-right: 20px;
    min-width: unset; /* Asegura que no haya un ancho mínimo */
    
    text-align: left;
}

/* Estilo para la nota al final */
.nota-horario {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #666;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1cfeffb *//* ==================================== */
/* 0. ESTRUCTURA PRINCIPAL DE COLUMNAS */
/* ==================================== */

.itinerario-contenedor-principal {
    display: flex; /* Habilitar Flexbox */
    gap: 30px; /* Espacio entre las columnas de los días */
    justify-content: space-between; /* Distribuye el espacio */
    flex-wrap: wrap; /* Para que se apilen en móvil */
}

.dia-group {
    width: calc(50% - 15px); /* Cada grupo ocupa la mitad menos la mitad del gap */
}

/* Regla para el móvil (apilado) */
@media (max-width: 767px) {
    .dia-group {
        width: 100%;
    }
}


/* ==================================== */
/* 1. ESTILOS DEL TÍTULO (DÍA 1 / DÍA 2) */
/* ==================================== */

.dia-titulo {
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
    position: relative; 
    
    /* MODIFICACIÓN: Ya no es inline-block, se alinea por el padre (.dia-group) */
    display: block; 
}

/* Alineación a la derecha para el Día 2 */
.dia-group-right .dia-titulo {
    text-align: right; /* Alinea el ícono y la insignia a la derecha */
}

/* Ajuste del margen para el ícono en el Día 2 (para que no se salga) */
.dia-group-right .dia-titulo i.fa-calendar-alt {
    margin-left: 20px;
    margin-right: 0;
}


/* Estilos de Ícono y Insignia (SIN CAMBIOS) */

.dia-titulo i.fa-calendar-alt {
    color: #2EBE8F; 
    font-size: 32px; 
    position: relative; 
}

/* PSEUDO-ELEMENTO PARA INYECTAR EL NÚMERO (LA INSIGNIA) */
.dia-titulo i.fa-calendar-alt::after {
    content: ''; 
    position: absolute;
    top: -5px; 
    
    background-color: #2EBE8F; 
    color: #ffffff; 
    
    width: 24px;
    height: 24px;
    border-radius: 50%; 
    font-size: 14px;
    font-weight: 900;
    line-height: 24px; 
    text-align: center;
    border: 2px solid #ffffff; 
    
    /* AJUSTE PARA LA INSIGNIA EN DÍA 1 (DEFAULT) */
    right: -10px; 
    left: auto;
}

/* Ajuste de posición de la insignia para el Día 2 */
.dia-group-right .dia-titulo i.fa-calendar-alt::after {
    left: -10px; /* Lo mueve a la izquierda del ícono */
    right: auto;
}


/* INYECCIÓN DE CONTENIDO (NÚMERO DEL DÍA) */
.dia-titulo i.fa-calendar-alt.dia-1::after {
    content: '1';
}

.dia-titulo i.fa-calendar-alt.dia-2::after {
    content: '2';
}


/* ==================================== */
/* 2. ESTILOS DE LA LISTA DE ITINERARIO */
/* ==================================== */

/* Eliminamos los puntos de lista por defecto */
.lista-itinerario {
    list-style: none;
    padding-left: 0;
}

/* Alineación y espaciado de cada ítem de la lista */
.lista-itinerario li {
    display: flex;
    align-items: center; 
    margin-bottom: 10px;
    font-size: 16px;
    color: #444;
    text-align: left; /* Aseguramos que el texto fluya de izquierda a derecha */
}

/* Estilo de los Íconos Temáticos */
.lista-itinerario li i.fa-solid {
    color: #2EBE8F; 
    font-size: 18px;
    min-width: 25px; 
    text-align: center;
    margin-right: 10px;
}

/* Estilo para la nota al final */
.nota-horario {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #666;
}/* End custom CSS */