.elementor-kit-18{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-18 button,.elementor-kit-18 input[type="button"],.elementor-kit-18 input[type="submit"],.elementor-kit-18 .elementor-button{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-kit-18 e-page-transition{background-color:#FFBC7D;}.elementor-kit-18 a{color:var( --e-global-color-secondary );}.elementor-kit-18 a:hover{color:var( --e-global-color-accent );}.elementor-kit-18 h1{color:var( --e-global-color-primary );}.elementor-kit-18 h2{color:var( --e-global-color-primary );}.elementor-kit-18 h3{color:var( --e-global-color-primary );}.elementor-kit-18 h4{color:var( --e-global-color-primary );}.elementor-kit-18 h5{color:var( --e-global-color-primary );}.elementor-kit-18 button:hover,.elementor-kit-18 button:focus,.elementor-kit-18 input[type="button"]:hover,.elementor-kit-18 input[type="button"]:focus,.elementor-kit-18 input[type="submit"]:hover,.elementor-kit-18 input[type="submit"]:focus,.elementor-kit-18 .elementor-button:hover,.elementor-kit-18 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================================
   OCULTAR TITULOS DE PAGINA (PAGE TITLE)
   ESTETICA LIMPIA + SEO SAFE
   ===================================================== */

/* WordPress + Elementor */
h1.entry-title,
.elementor-page-title,
.page-title,
.woocommerce-products-header__title {
    display: none !important;
}

/* Elimina espacio que deja el título */
.entry-header,
.page-header {
    margin: 0 !important;
    padding: 0 !important;
}

/* Corrige posible espacio superior extra */
.site-main {
    padding-top: 0 !important;
}
/* =====================================================
   HEADER OVERLAY ELEMENTOR – BLANCO + RESPONSIVE
   ===================================================== */

/* HEADER flotante sobre el HERO */
.elementor-location-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent !important;
}

/* Elimina espacio blanco superior */
body {
    padding-top: 0 !important;
}

/* HERO sube detrás del header */
.elementor-section:first-of-type {
    margin-top: 0 !important;
    padding-top: 120px; /* Altura header desktop */
}

/* =========================
   TEXTO Y ICONOS EN BLANCO
   ========================= */

/* Menú desktop */
.elementor-nav-menu--main .elementor-item {
    color: #ffffff !important;
}

/* Hover menú */
.elementor-nav-menu--main .elementor-item:hover {
    color: #f5f5f5 !important;
}

/* Icono hamburguesa */
.elementor-menu-toggle {
    color: #ffffff !important;
}

/* Líneas del icono hamburguesa */
.elementor-menu-toggle svg {
    fill: #ffffff !important;
}

/* =========================
   MOBILE OPTIMIZATION
   ========================= */
@media (max-width: 768px) {

    /* Header flotante también en mobile */
    .elementor-location-header {
        position: absolute;
        background: transparent !important;
    }

    /* Ajuste del hero en mobile */
    .elementor-section:first-of-type {
        padding-top: 90px;
    }

    /* Alineación menú hamburguesa a la derecha */
    .elementor-nav-menu__container {
        justify-content: flex-end !important;
    }

    .elementor-menu-toggle {
        margin-left: auto !important;
    }

    /* Menú desplegable (cuando se abre) */
    .elementor-nav-menu--dropdown {
        background: rgba(0,0,0,0.95) !important;
        text-align: right;
    }

    /* Texto del menú desplegado */
    .elementor-nav-menu--dropdown .elementor-item {
        color: #ffffff !important;
    }
}

/* =========================
   STICKY EFFECT (SCROLL)
   ========================= */

/* Fondo oscuro al hacer scroll */
.elementor-sticky--effects {
    background: rgba(0,0,0,0.85) !important;
    backdrop-filter: blur(6px);
}

/* Mantiene texto blanco en sticky */
.elementor-sticky--effects .elementor-item,
.elementor-sticky--effects .elementor-menu-toggle {
    color: #ffffff !important;
}/* End custom CSS */