.elementor-33 .elementor-element.elementor-element-60631eae{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;--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-33 .elementor-element.elementor-element-120af335{--display:flex;}.elementor-33 .elementor-element.elementor-element-22c3b9a2{--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;}.elementor-33 .elementor-element.elementor-element-1b08517f .elementor-menu-toggle{margin:0 auto;}.elementor-33 .elementor-element.elementor-element-1b08517f .elementor-nav-menu .elementor-item{font-family:"Outfit", Sans-serif;font-size:15px;font-weight:700;}.elementor-33 .elementor-element.elementor-element-1b08517f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-33 .elementor-element.elementor-element-1b08517f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-33 .elementor-element.elementor-element-1b08517f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-33 .elementor-element.elementor-element-1b08517f .elementor-nav-menu--main .elementor-item:focus{color:#9AE347;fill:#9AE347;}.elementor-33 .elementor-element.elementor-element-1b08517f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-33 .elementor-element.elementor-element-1b08517f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#02010100;}.elementor-33 .elementor-element.elementor-element-1b08517f .e--pointer-framed .elementor-item:before,
					.elementor-33 .elementor-element.elementor-element-1b08517f .e--pointer-framed .elementor-item:after{border-color:#02010100;}.elementor-33 .elementor-element.elementor-element-1b08517f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#9AE347;}.elementor-33 .elementor-element.elementor-element-4719bf0f{--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;}.elementor-33 .elementor-element.elementor-element-dc05a64{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;--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-33 .elementor-element.elementor-element-03f697d{--display:flex;}.elementor-33 .elementor-element.elementor-element-90aedf4{--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;}.elementor-33 .elementor-element.elementor-element-d57a832{--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;}.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-menu-toggle{margin:0 auto;}.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu .elementor-item{font-family:"Outfit", Sans-serif;font-size:15px;font-weight:700;}.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--main .elementor-item:focus{color:#9AE347;fill:#9AE347;}.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#02010100;}.elementor-33 .elementor-element.elementor-element-bab7ac7 .e--pointer-framed .elementor-item:before,
					.elementor-33 .elementor-element.elementor-element-bab7ac7 .e--pointer-framed .elementor-item:after{border-color:#02010100;}.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#9AE347;}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-dc05a64{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;}.elementor-33 .elementor-element.elementor-element-03f697d{--width:35%;}.elementor-33 .elementor-element.elementor-element-90aedf4{--width:45%;}.elementor-33 .elementor-element.elementor-element-d57a832{--width:15%;}}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-60631eae{--content-width:1280px;}.elementor-33 .elementor-element.elementor-element-120af335{--width:15%;}.elementor-33 .elementor-element.elementor-element-22c3b9a2{--width:65%;}.elementor-33 .elementor-element.elementor-element-4719bf0f{--width:25%;}.elementor-33 .elementor-element.elementor-element-03f697d{--width:15%;}.elementor-33 .elementor-element.elementor-element-90aedf4{--width:25%;}.elementor-33 .elementor-element.elementor-element-d57a832{--width:65%;}}/* Start custom CSS for button, class: .elementor-element-7ce37926 *//* =========================================
   BOTÓN CABECERA: ESTILO FINO GLOSARIO
   ========================================= */

/* 1. Estado Normal */
.elementor-33 .elementor-element.elementor-element-7ce37926 .elementor-button {
    background-color: #A3E635 !important; /* Verde Lima */
    color: #000000 !important;
    padding: 12px 24px !important; /* Padding equilibrado */
    border-radius: 16px !important; /* Radio más fino */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; /* Sombra sutil */
    transition: all 0.3s ease !important;
    border: none !important;
}

/* 2. Efecto Hover (Elevación) */
.elementor-33 .elementor-element.elementor-element-7ce37926 .elementor-button:hover {
    background-color: #A3E635 !important;
    transform: translateY(-2px) !important; /* Sube ligeramente */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07) !important; /* La sombra crece */
}

/* 3. Ajuste para Móvil (Para que quepa en el 3 en raya) */
@media (max-width: 767px) {
    .elementor-33 .elementor-element.elementor-element-7ce37926 .elementor-button {
        padding: 10px 16px !important;
        font-size: 13px !important;
        border-radius: 12px !important; /* Un poco más pequeño en móvil */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c2a899a *//* =========================================
   BOTÓN CABECERA: ESTILO FINO GLOSARIO
   ========================================= */

/* 1. Estado Normal */
.elementor-33 .elementor-element.elementor-element-c2a899a .elementor-button {
    background-color: #A3E635 !important; /* Verde Lima */
    color: #000000 !important;
    padding: 12px 24px !important; /* Padding equilibrado */
    border-radius: 16px !important; /* Radio más fino */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; /* Sombra sutil */
    transition: all 0.3s ease !important;
    border: none !important;
}

/* 2. Efecto Hover (Elevación) */
.elementor-33 .elementor-element.elementor-element-c2a899a .elementor-button:hover {
    background-color: #A3E635 !important;
    transform: translateY(-2px) !important; /* Sube ligeramente */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07) !important; /* La sombra crece */
}

/* 3. Ajuste para Móvil (Para que quepa en el 3 en raya) */
@media (max-width: 767px) {
    .elementor-33 .elementor-element.elementor-element-c2a899a .elementor-button {
        padding: 10px 16px !important;
        font-size: 13px !important;
        border-radius: 12px !important; /* Un poco más pequeño en móvil */
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-bab7ac7 *//* =========================================
   CABECERA MÓVIL: DESPLEGABLE DEFINITIVO
   ========================================= */

/* 1. LIMPIEZA DEL ICONO (HAMBURGUESA) */
.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-menu-toggle {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-menu-toggle i {
    color: #000000 !important;
    font-size: 26px !important;
}

/* 2. CONTENEDOR DESPLEGABLE (ANCHO TOTAL) */
.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--dropdown {
    position: absolute !important;
    top: 100% !important;
    right: -20px !important; /* Ajuste para que llegue al borde de la pantalla */
    width: 100vw !important; /* Rompe el límite del 15% */
    background-color: #ffffff !important;
    border-radius: 0 0 16px 16px !important; /* Estilo fino del glosario */
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
    border: none !important;
    padding: 10px 0 !important;
    z-index: 9999 !important;
}

/* 3. ESTILO DE LOS ENLACES (OUTFIT) */
.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--dropdown a {
    font-family: 'Outfit', sans-serif !important; /* Fuente de titulares */
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #1F2937 !important; /* Gris oscuro */
    background-color: #ffffff !important;
    padding: 16px 24px !important;
    border-bottom: 1px solid #F3F4F6 !important;
    transition: all 0.3s ease !important;
}

/* 4. ESTADOS ACTIVO Y HOVER (VERDE SOBRE BLANCO) */
/* Eliminamos cualquier fondo negro residual */
.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--dropdown a:hover,
.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--dropdown a.highlighted {
    color: #A3E635 !important; /* Verde Lima */
    background-color: #ffffff !important;
    font-weight: 700 !important;
}

/* 5. ELIMINAR BORDE ÚLTIMO ELEMENTO */
.elementor-33 .elementor-element.elementor-element-bab7ac7 .elementor-nav-menu--dropdown li:last-child a {
    border-bottom: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc05a64 *//* =========================================
   ESTILO DEFINITIVO CABECERA MÓVIL
   ========================================= */

/* 1. Ajuste del Logo (Más pequeño para móvil) */
.elementor-33 .elementor-element.elementor-element-dc05a64 .logo-icon-luismi {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    font-size: 15px !important;
    background-color: #A3E635 !important; /* Verde Lima */
}

.elementor-33 .elementor-element.elementor-element-dc05a64 .logo-text-luismi {
    font-size: 18px !important;
}

/* 2. Botón Fino (Estilo Glosario 16px) */
.elementor-33 .elementor-element.elementor-element-dc05a64 .elementor-button {
    padding: 10px 12px !important; /* Padding ajustado */
    font-size: 13px !important;
    border-radius: 16px !important; /* Radio fino del glosario */
    font-weight: 700 !important;
    white-space: nowrap !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; /* Sombra sutil */
}

/* 3. Menú Hamburguesa limpio */
.elementor-33 .elementor-element.elementor-element-dc05a64 .elementor-menu-toggle {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 0 !important;
}

.elementor-33 .elementor-element.elementor-element-dc05a64 .elementor-menu-toggle i {
    font-size: 22px !important;
    color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   CABECERA ÚNICA: ADAPTACIÓN TOTAL LUISMI.PRO
   ========================================= */

/* 1. Logo: Círculo perfecto y tipografía Outfit */
.logo-luismi {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.logo-icon-luismi {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    background-color: #A3E635 !important; /* Verde Lima */
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 20px !important;
    color: #000000 !important;
}

.logo-text-luismi {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    color: #000000 !important;
    letter-spacing: -0.5px !important;
}

.logo-text-luismi span {
    color: #A3E635 !important; /* .pro en verde */
}

/* 2. Menú Navegación (Outfit 700 + Interacción Verde Lima) */
.elementor-nav-menu a {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    color: #1F2937 !important; /* Navy base */
    text-decoration: none !important;
    transition: color 0.3s ease !important; /* Suavidad al interactuar */
}

/* Efecto Hover (Pasar el ratón) y Active (Página actual) */
.elementor-nav-menu a:hover, 
.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item.elementor-item-active,
.elementor-nav-menu .current-menu-item a {
    color: #A3E635 !important; /* Cambio a Verde Lima */
    text-decoration: none !important;
}

/* 3. Ajustes RESPONSIVE (Móvil) */
@media (max-width: 767px) {
    /* Logo más compacto */
    .logo-luismi { gap: 6px !important; order: 1 !important; flex: 1 !important; }
    .logo-icon-luismi { width: 30px !important; height: 30px !important; min-width: 30px !important; font-size: 14px !important; }
    .logo-text-luismi { font-size: 18px !important; }

    /* Botón CTA Fino (Estilo Glosario) */
    .elementor-widget-button { order: 2 !important; margin: 0 10px !important; }
    .elementor-widget-button .elementor-button {
        padding: 10px 14px !important;
        font-size: 13px !important;
        border-radius: 16px !important;
        white-space: nowrap !important;
        font-weight: 600 !important;
    }

    /* Menú Hamburguesa */
    .elementor-widget-nav-menu { order: 3 !important; }
    .elementor-menu-toggle { padding: 0 !important; display: flex !important; align-items: center !important; }
    .elementor-menu-toggle i { font-size: 24px !important; color: #000000 !important; }
    
    /* Icono verde al estar abierto */
    .elementor-menu-toggle.elementor-active i { color: #A3E635 !important; }

    /* Desplegable con bordes suaves */
    .elementor-nav-menu--dropdown {
        border-radius: 16px !important;
        margin-top: 15px !important;
        overflow: hidden !important;
        box-shadow: 0 10px 24px rgba(0,0,0,0.1) !important;
        border: 1px solid #E9ECEF !important;
    }
    
    /* Enlaces del desplegable en verde al pulsar */
    .elementor-nav-menu--dropdown a:hover,
    .elementor-nav-menu--dropdown a.elementor-item-active {
        color: #A3E635 !important;
    }
}/* End custom CSS */