.elementor-kit-6{--e-global-color-primary:#1F4E79;--e-global-color-secondary:#2EC4B6;--e-global-color-text:#2B2B2B;--e-global-color-accent:#E76F51;--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;}.elementor-kit-6 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){--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 .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 *//* ==========================================
   AJUSTES GLOBALES DEL SITIO (SINCRONIZADO)
   ========================================== */

/* 1. SCROLL SUAVE Y ACCESIBILIDAD */
html {
    scroll-behavior: smooth;
}

/* A11Y: Respetar la preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* Compensación del Header para los anclajes */
#esquema-infraestructura,
#inicio,
#comunidades,
#noticias,
#sobre-el-proyecto {
    scroll-margin-top: var(--rc-scroll-offset, 120px); 
}

/* ==========================================
   2. HEADER: MINIMALISTA CORPORATIVO (AGUA SUTIL)
   ========================================== */
.elementor-location-header {
    position: sticky !important; 
    top: 0px !important;
    z-index: var(--z-header, 100) !important; /* Uso de variable global */
    width: 100% !important;
    min-height: var(--rc-header-height, 100px) !important; 
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important; 
    
    /* NOTA DE RENDIMIENTO: Idealmente descarga esta imagen de Unsplash y súbela a tu WP en WebP */
    background-image: url('https://images.unsplash.com/photo-1432405972618-c60b0225b8f9?q=80&w=2000&auto=format&fit=crop') !important; 
    background-size: cover !important;
    background-position: center 40% !important;
    
    /* Tinte azul noche */
    background-color: rgba(10, 27, 42, 0.72) !important; 
    background-blend-mode: multiply !important; 
    
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2) !important; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-bottom: 0 !important;
}

/* Fuerza al Hero a pegarse al Header */
.rc-entry-hero-v2 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* --- Línea Institucional (Verde Menta) --- */
.elementor-location-header::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important; 
    background: linear-gradient(90deg, var(--rc-green, #009D59) 0%, var(--rc-green-light, #8AD5AD) 50%, var(--rc-blue, #07598D) 100%) !important;
    z-index: 1 !important; 
}

/* Logo y Menú del Header */
.elementor-location-header .elementor-widget-image,
.elementor-location-header .elementor-widget-nav-menu,
.elementor-location-header .elementor-widget-text-editor {
    position: relative !important;
    z-index: 10 !important; 
}

.elementor-location-header .elementor-widget-image img {
    max-height: 50px !important; 
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.8)) !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-item {
    color: #FFFFFF !important;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9), 0px 0px 5px rgba(0, 0, 0, 0.6) !important;
    white-space: nowrap !important; 
}

/* ==========================================
   3. MODO OSCURO (INSTITUCIONAL Y SOBRIO)
   ========================================== */
body.modo-oscuro { 
    background-color: var(--rc-azul-noche, #0A1B2A) !important; 
    color: var(--rc-text-light, #E2E8F0) !important; 
}

/* Header en modo oscuro (Sólido, sin imagen) */
body.modo-oscuro .header-rucalhue, 
body.modo-oscuro .elementor-location-header {
  background-color: var(--rc-blue, #07598D) !important; 
  background-image: none !important; 
  box-shadow: none !important;
}

/* Logo blanco en modo oscuro */
body.modo-oscuro .header-rucalhue img { 
    filter: brightness(0) invert(1) !important; 
}

/* Menú en modo oscuro */
body.modo-oscuro .header-rucalhue .elementor-nav-menu--main .elementor-item { 
    color: #FFFFFF !important; 
    text-shadow: none !important; 
}
body.modo-oscuro .header-rucalhue .elementor-nav-menu--main .elementor-item:hover,
body.modo-oscuro .header-rucalhue .elementor-nav-menu--main .elementor-item.elementor-item-active { 
    color: var(--rc-green, #009D59) !important; 
} 

/* Textos en modo oscuro */
body.modo-oscuro h1, body.modo-oscuro h2, body.modo-oscuro h3, body.modo-oscuro .elementor-heading-title { 
    color: #FFFFFF !important; 
}
body.modo-oscuro p, body.modo-oscuro span, body.modo-oscuro .elementor-text-editor { 
    color: #E2E8F0 !important; 
}

/* ==========================================
   4. ELIMINAR BOTONES DUPLICADOS DEL BODY
   ========================================== */
/* Oculta los botones sueltos que Elementor a veces inyecta */
.contenedor-accesibilidad-texto,
.contenedor-modo {
    display: none !important;
}

/* Muestra únicamente los que están dentro del Header */
.elementor-location-header .contenedor-accesibilidad-texto,
.elementor-location-header .contenedor-modo,
header .contenedor-accesibilidad-texto,
header .contenedor-modo {
    display: flex !important;
}

/* ==========================================
   5. ACCESIBILIDAD: REDUCCIÓN DE MOVIMIENTO
   ========================================== */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}/* End custom CSS */