/* --- MUNICIPIO DE CAPILLA DEL MONTE - CLEAN DESIGN V5 --- */
:root {
    --brand-blue: #009EE2;
    --dark-text: #333333;
    --light-bg: #f8f9fa;
    --white: #ffffff;
}

/* 1. Reset Global */
html, body {
    overflow-x: hidden !important;
    position: relative;
    width: 100% !important;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }

/* 2. Desktop Navigation (1025px+) */
@media (min-width: 1025px) {
    /* Header Container - Limpio, sin bordes innecesarios */
    .elementor-element-453454d {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 0 4% !important;
        background: #ffffff !important;
        box-shadow: 0 2px 15px rgba(0,0,0,0.05) !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 999999 !important;
        min-height: 90px !important;
        border: none !important;
    }

    /* Logo Styling */
    .elementor-element-a678ac9 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 250px !important;
    }

    .elementor-element-d07b246 img {
        width: 100% !important;
        max-width: 220px !important;
        height: auto !important;
    }

    /* Menu Layout - Fix Wrapping */
    .elementor-element-4e9b5a7 {
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: flex-end !important;
    }

    .eael-advanced-menu {
        display: flex !important;
        gap: 2px !important;
        align-items: center !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-wrap: nowrap !important;
    }

    .eael-advanced-menu > li > a {
        color: var(--dark-text) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        padding: 15px 12px !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        transition: all 0.3s ease !important;
        display: block !important;
    }

    .eael-advanced-menu > li:hover > a {
        color: var(--brand-blue) !important;
        background: rgba(0, 158, 226, 0.05) !important;
        border-radius: 6px;
    }

    /* Dropdowns Profesionales */
    .eael-advanced-menu .sub-menu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        background: #ffffff !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
        min-width: 260px !important;
        border-radius: 0 0 12px 12px !important;
        padding: 10px 0 !important;
        display: none !important; 
        z-index: 1000 !important;
        border: 1px solid #eee !important;
        border-top: 3px solid var(--brand-blue) !important;
    }

    .eael-advanced-menu li:hover > .sub-menu {
        display: block !important;
        animation: fadeInDown 0.3s ease forwards;
    }

    .eael-advanced-menu .sub-menu li a {
        padding: 12px 25px !important;
        font-size: 14px !important;
        color: #444 !important;
        font-weight: 500 !important;
        display: block !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
        border-left: 3px solid transparent;
    }

    .eael-advanced-menu .sub-menu li a:hover {
        background: #f8f9fa !important;
        color: var(--brand-blue) !important;
        padding-left: 30px !important;
        border-left-color: var(--brand-blue);
    }
    
    .eael-advanced-menu .sub-menu .sub-menu {
        left: 100% !important;
        top: -5px !important;
    }
}

/* 3. Mobile Navigation (< 1024px) */
@media (max-width: 1024px) {
    .elementor-element-453454d {
        padding: 10px 20px !important;
        min-height: 80px !important;
        background: white !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    }

    .eael-advanced-menu-toggle {
        display: block !important;
    }

    .sub-menu.open {
        display: block !important;
        padding-left: 15px !important;
        background: #f9f9f9 !important;
    }
}

/* 4. Animations & Utilities */
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.elementor-hidden-desktop { display: none !important; }
@media (max-width: 1024px) { .elementor-hidden-desktop { display: block !important; } }

img { max-width: 100%; height: auto; }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { background: var(--brand-blue); border-radius: 10px; }