.elementor-1285 .elementor-element.elementor-element-3a5e3cef{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:16px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-0158ad6 .dce-separator, .elementor-1285 .elementor-element.elementor-element-0158ad6 a, .elementor-1285 .elementor-element.elementor-element-0158ad6 a + span{padding:0 5px;}.elementor-1285 .elementor-element.elementor-element-0158ad6 li, .elementor-1285 .elementor-element.elementor-element-0158ad6 a{color:#FFFFFF;}.elementor-1285 .elementor-element.elementor-element-0158ad6 a:hover{color:#A3E635;}.elementor-1285 .elementor-element.elementor-element-0158ad6 li.item-current{color:#000000;}.elementor-1285 .elementor-element.elementor-element-0158ad6 .dce-breadcrumbs{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;}.elementor-1285 .elementor-element.elementor-element-0158ad6 .item-current{font-family:"Inter", Sans-serif;font-size:14px;font-weight:800;}.elementor-1285 .elementor-element.elementor-element-0158ad6 li.item-home{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;}.elementor-1285 .elementor-element.elementor-element-0158ad6 li.item-home a{color:#000000;}.elementor-1285 .elementor-element.elementor-element-0158ad6 .dce-separator span{color:#000000;}.elementor-1285 .elementor-element.elementor-element-266261b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-6b1e902{--display:flex;}.elementor-1285 .elementor-element.elementor-element-ef0c4b5 .elementor-heading-title{line-height:52px;letter-spacing:1.5px;color:#FFFFFF;}.elementor-1285 .elementor-element.elementor-element-ad98663{--display:flex;}.elementor-1285 .elementor-element.elementor-element-6c678af img{border-style:solid;border-width:2px 2px 2px 2px;border-color:#84CC16;border-radius:25px 25px 25px 25px;}.elementor-1285 .elementor-element.elementor-element-dd8d71e{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-dd8d71e:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-dd8d71e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}.elementor-1285 .elementor-element.elementor-element-fa198e3{text-align:center;}.elementor-1285 .elementor-element.elementor-element-fa198e3 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:40px;font-weight:bold;}.elementor-1285 .elementor-element.elementor-element-2b042a5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1285 .elementor-element.elementor-element-3dc529d{--display:flex;--justify-content:space-around;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-1285 .elementor-element.elementor-element-478e8eb{--display:flex;--justify-content:space-around;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-1285 .elementor-element.elementor-element-82b5090{--display:flex;--justify-content:space-around;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-1285 .elementor-element.elementor-element-f52fcc9{--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-1285 .elementor-element.elementor-element-18a5062{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;font-family:"Inter", Sans-serif;font-size:22px;font-weight:400;line-height:1.6em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-1285 .elementor-element.elementor-element-2fdafb7{--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-1285 .elementor-element.elementor-element-9ea9945{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}@media(min-width:768px){.elementor-1285 .elementor-element.elementor-element-3a5e3cef{--content-width:1280px;}.elementor-1285 .elementor-element.elementor-element-266261b{--content-width:1280px;}.elementor-1285 .elementor-element.elementor-element-6b1e902{--width:60%;}.elementor-1285 .elementor-element.elementor-element-ad98663{--width:40%;}}/* Start custom CSS for dce-breadcrumbs, class: .elementor-element-0158ad6 *//* =========================================
   BREADCRUMBS: ADAPTACIÓN MODO OSCURO
   ========================================= */

.elementor-1285 .elementor-element.elementor-element-0158ad6 {
    --color-lime: #A3E635; /* Tu verde corporativo */
    --color-white: #ffffff;
    --color-white-soft: rgba(255, 255, 255, 0.7); /* Blanco sutil para no cansar */
    --color-white-mute: rgba(255, 255, 255, 0.3);
}

/* 1. Contenedor de la lista */
.elementor-1285 .elementor-element.elementor-element-0158ad6 ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important; /* Ajustado para el Hero */
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
}

/* 2. El punto verde (Estilo Luismi) */
.elementor-1285 .elementor-element.elementor-element-0158ad6 ul::before {
    content: '' !important;
    width: 8px !important; 
    height: 8px !important;
    background-color: var(--color-lime) !important;
    border-radius: 50% !important;
    margin-right: 12px !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

/* 3. Estilo de los textos e items (Blanco) */
.elementor-1285 .elementor-element.elementor-element-0158ad6 li, 
.elementor-1285 .elementor-element.elementor-element-0158ad6 li a, 
.elementor-1285 .elementor-element.elementor-element-0158ad6 li span {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: var(--color-white-soft) !important; /* Blanco suave por defecto */
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

/* Efecto Hover: Cambia a Verde Lima */
.elementor-1285 .elementor-element.elementor-element-0158ad6 li a:hover {
    color: var(--color-lime) !important;
}

/* 4. Estilo específico para el separador » */
.elementor-1285 .elementor-element.elementor-element-0158ad6 .dce-separator {
    margin: 0 8px !important;
    color: var(--color-white-mute) !important; /* Gris muy transparente */
    font-weight: 400 !important;
}

/* 5. Página actual (Blanco Puro) */
.elementor-1285 .elementor-element.elementor-element-0158ad6 .item-current {
    font-weight: 500 !important;
    color: var(--color-white) !important;
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a5e3cef *//* HERO SOBRE MÍ */
.elementor-1285 .elementor-element.elementor-element-3a5e3cef {
    background-color: #1F2937 !important; /* Azul Oscuro */
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-266261b *//* HERO SOBRE MÍ */
.elementor-1285 .elementor-element.elementor-element-266261b {
    background-color: #1F2937 !important; /* Azul Oscuro */
    padding: 40px 0 !important;
    color: #ffffff !important;
}

.elementor-1285 .elementor-element.elementor-element-266261b h1 {
    font-family: 'Outfit', sans-serif !important;
    font-size: 54px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    margin-bottom: 25px !important;
}

.elementor-1285 .elementor-element.elementor-element-266261b .elementor-text-editor {
    font-size: 20px !important;
    line-height: 1.6 !important;
    color: rgba(255,255,255,0.9) !important;
}

/* La foto con tu sello de identidad */
.elementor-1285 .elementor-element.elementor-element-266261b img {
    border-radius: 20px !important;
    border: 3px solid #A3E635 !important; /* Borde Verde Lima para resaltar */
}
/* Ajuste de espaciado para el contenido expandido */
.elementor-1285 .elementor-element.elementor-element-266261b .elementor-text-editor {
    font-size: 19px !important;
    line-height: 1.7 !important;
    margin-bottom: 30px !important;
}

/* Estilo para el listado de pilares dentro del Hero */
.elementor-1285 .elementor-element.elementor-element-266261b ul {
    list-style: none !important;
    padding: 0 !important;
    margin-top: 25px !important;
}

.elementor-1285 .elementor-element.elementor-element-266261b li {
    position: relative !important;
    padding-left: 30px !important;
    margin-bottom: 15px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.elementor-1285 .elementor-element.elementor-element-266261b li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 9px !important;
    width: 8px !important;
    height: 8px !important;
    background-color: #A3E635 !important; /* Tu Verde Lima */
    border-radius: 50% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b042a5 *//* =========================================
   REPARACIÓN: TARJETAS TIMELINE CON HOVER
   ========================================= */

/* 1. Seleccionamos el envoltorio de cada columna/contenedor hijo */
.elementor-1285 .elementor-element.elementor-element-2b042a5 .elementor-widget-wrap,
.elementor-1285 .elementor-element.elementor-element-2b042a5 .e-con-inner,
.elementor-1285 .elementor-element.elementor-element-2b042a5 .e-con {
    background-color: #ffffff !important; /* Fondo blanco obligatorio para el hover */
    border-radius: 20px !important; /* Tu sello de 20px */
    padding: 40px 30px !important;
    border: 1px solid #E9ECEF !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease-in-out !important; /* Suaviza el movimiento */
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 2. EFECTO HOVER: Movimiento y Sombra */
.elementor-1285 .elementor-element.elementor-element-2b042a5 .elementor-widget-wrap:hover,
.elementor-1285 .elementor-element.elementor-element-2b042a5 .e-con:hover {
    transform: translateY(-12px) !important; /* La tarjeta sube */
    box-shadow: 0 25px 50px rgba(0,0,0,0.1) !important; /* La sombra crece */
    border-color: #A3E635 !important; /* El borde se vuelve verde lima */
}

/* 3. Ajuste de los títulos dentro de la tarjeta */
.elementor-1285 .elementor-element.elementor-element-2b042a5 h4 {
    color: #A3E635 !important; /* Año en Verde Lima */
    font-weight: 900 !important;
    margin-bottom: 10px !important;
}

.elementor-1285 .elementor-element.elementor-element-2b042a5 h3 {
    color: #1F2937 !important; /* Azul oscuro */
    font-weight: 800 !important;
    margin-bottom: 15px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f52fcc9 *//* =========================================
   SOBRE MÍ: BLOQUE MANIFIESTO (FILOSOFÍA)
   ========================================= */

/* 1. Fondo Azul Oscuro para contraste total */
.elementor-1285 .elementor-element.elementor-element-f52fcc9 {
    background-color: #1F2937 !important;
    padding: 100px 24px !important;
    text-align: center !important;
}

/* 2. Limitador de ancho (Max 850px para lectura óptima) */
.elementor-1285 .elementor-element.elementor-element-f52fcc9 .elementor-widget-wrap {
    max-width: 850px !important;
    margin: 0 auto !important;
}

/* 3. Título en Blanco */
.elementor-1285 .elementor-element.elementor-element-f52fcc9 h2 {
    font-family: 'Outfit', sans-serif !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 30px !important;
}

/* 4. Subtítulo Destacado (Lead Text) */
/* Lo tratamos como un párrafo de gran impacto */
.elementor-1285 .elementor-element.elementor-element-f52fcc9 .elementor-text-editor p {
    font-family: 'Inter', sans-serif !important;
    font-size: 22px !important; /* Aumentamos el tamaño considerablemente */
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin-bottom: 40px !important;
    font-weight: 400 !important;
}

/* 5. Listado de Pilares (Texto Blanco + Puntos Lima) */
.elementor-1285 .elementor-element.elementor-element-f52fcc9 ul {
    list-style: none !important;
    padding: 0 !important;
    text-align: left !important;
    display: inline-block !important;
}

.elementor-1285 .elementor-element.elementor-element-f52fcc9 li {
    position: relative !important;
    padding-left: 35px !important;
    margin-bottom: 20px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    color: #ffffff !important;
}

/* Negritas en Verde Lima para que "salten" */
.elementor-1285 .elementor-element.elementor-element-f52fcc9 li strong {
    color: #A3E635 !important;
    font-weight: 700 !important;
}

.elementor-1285 .elementor-element.elementor-element-f52fcc9 li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 9px !important;
    width: 8px !important;
    height: 8px !important;
    background-color: #A3E635 !important; /* Verde Lima */
    border-radius: 50% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fdafb7 *//* =========================================
   CIERRE MAESTRO: SOBRE MÍ (CTA)
   ========================================= */

/* 1. Fondo Verde Lima Potente */
.elementor-1285 .elementor-element.elementor-element-2fdafb7 {
    background-color: #A3E635 !important;
    padding: 100px 24px !important;
    text-align: center !important;
}

/* 2. Textos en Negro para Contraste */
.elementor-1285 .elementor-element.elementor-element-2fdafb7 h2 {
    font-family: 'Outfit', sans-serif !important;
    font-size: 52px !important;
    font-weight: 800 !important;
    color: #000000 !important;
    margin-bottom: 20px !important;
}

.elementor-1285 .elementor-element.elementor-element-2fdafb7 p {
    font-family: 'Inter', sans-serif !important;
    font-size: 20px !important;
    color: #000000 !important;
    max-width: 750px !important;
    margin: 0 auto 45px auto !important;
    line-height: 1.5 !important;
}

/* 3. ALINEACIÓN DE BOTONES EN FILA */
.elementor-1285 .elementor-element.elementor-element-2fdafb7 .elementor-widget-wrap {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

.elementor-1285 .elementor-element.elementor-element-2fdafb7 .elementor-widget-button {
    width: auto !important;
    max-width: fit-content !important;
}

/* 4. BOTÓN PRINCIPAL (Agendar) - Clase .btn-primary */
.elementor-1285 .elementor-element.elementor-element-2fdafb7 .btn-primary .elementor-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 18px 35px !important;
    border-radius: 12px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    border: none !important;
    transition: all 0.3s ease !important;
}

/* 5. BOTÓN SECUNDARIO (Contacto) - Clase .btn-secondary */
.elementor-1285 .elementor-element.elementor-element-2fdafb7 .btn-secondary .elementor-button {
    background-color: transparent !important;
    border: 2px solid #000000 !important;
    color: #000000 !important;
    padding: 16px 35px !important;
    border-radius: 12px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important; /* Mismo peso que el principal */
}

/* Hover Global */
.elementor-1285 .elementor-element.elementor-element-2fdafb7 .elementor-button:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* 6. RESPONSIVE MÓVIL */
@media (max-width: 767px) {
    .elementor-1285 .elementor-element.elementor-element-2fdafb7 .elementor-widget-wrap {
        flex-direction: column !important;
    }
    .elementor-1285 .elementor-element.elementor-element-2fdafb7 .elementor-widget-button {
        width: 100% !important;
    }
}/* End custom CSS */