.elementor-kit-12{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-ffac325:#000000;--e-global-color-1ecdf3c:#121212;--e-global-color-cf7bc9c:#1A1A1A;--e-global-color-a0d5872:#FFFFFF;--e-global-color-b4b599b:#F7E7CE;--e-global-color-7325c8c:#D4AF37;--e-global-color-cdcd54e:#C39F48;--e-global-color-e6efdc4:#B8860B;--e-global-color-a62f92e:#B76E79;--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;background-color:#FAF9F6;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:#C6A86B;color:#FFFFFF;box-shadow:0px 6px 12px 0px rgba(0, 0, 0, 0.2);border-style:solid;border-width:1px 1px 1px 1px;border-color:#C6A86B;border-radius:35px 35px 35px 35px;padding:12px 30px 12px 30px;}.elementor-kit-12 button:hover,.elementor-kit-12 button:focus,.elementor-kit-12 input[type="button"]:hover,.elementor-kit-12 input[type="button"]:focus,.elementor-kit-12 input[type="submit"]:hover,.elementor-kit-12 input[type="submit"]:focus,.elementor-kit-12 .elementor-button:hover,.elementor-kit-12 .elementor-button:focus{background-color:#B2935A;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.5);}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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 .site-branding{flex-direction:column;align-items:stretch;}.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 *//* ==============================================
   SOLUCIÓN COMPLETA HEADER FIJO ELEMENTOR
   ============================================== */

/* 1. CONFIGURACIÓN DEL HEADER FIJO */
.elementor-location-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: #fff !important; /* Cambia el color según tu diseño */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

/* 2. ELIMINAR PADDING DEL BODY */
body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 3. AJUSTAR PRIMERA SECCIÓN (donde está tu video) */
.elementor-section:first-of-type,
.elementor-container:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 4. CONFIGURACIÓN ESPECÍFICA PARA VIDEO DE FONDO */
.elementor-background-video-container,
.elementor-background-video-embed {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -1 !important;
}

/* 5. CONTENIDO SUPERPUESTO (H1, H2, texto) */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-text-editor {
    position: relative !important;
    z-index: 2 !important;
}

/* 6. SECCIÓN CON VIDEO - ALTURA COMPLETA */
.video-hero-section {
    min-height: 100vh !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 7. EFECTO PARALLAX PARA EL CONTENIDO */
.parallax-content {
    position: relative !important;
    z-index: 2 !important;
    padding-top: 20vh !important; /* Ajusta según necesites */
}

/* 8. RESPONSIVE - TABLETS */
@media (max-width: 1024px) {
    .elementor-location-header {
        position: fixed !important;
    }
    
    .parallax-content {
        padding-top: 15vh !important;
    }
}

/* 9. RESPONSIVE - MÓVILES */
@media (max-width: 768px) {
    .video-hero-section {
        min-height: 70vh !important;
    }
    
    .parallax-content {
        padding-top: 10vh !important;
    }
    
    .elementor-location-header {
        position: fixed !important;
        box-shadow: 0 1px 5px rgba(0,0,0,0.1) !important;
    }
}

/* 10. SOLUCIÓN PARA ADMIN BAR DE WORDPRESS */
.admin-bar .elementor-location-header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    .admin-bar .elementor-location-header {
        top: 46px !important;
    }
}

/* 11. AJUSTE FINO PARA ELEMENTOR PRO */
.elementor-pro .elementor-location-header {
    transition: all 0.3s ease !important;
}

/* 12. CLASE PERSONALIZADA PARA TU SECCIÓN DE VIDEO */
/* Agrega la clase 'hero-video' a tu sección en Elementor */
.hero-video {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
}

.hero-video .elementor-container {
    position: relative !important;
    z-index: 2 !important;
}/* End custom CSS */