/* =========================================================
   Header responsive (móvil / escritorio)
   Refuerza el menú móvil del tema Jeena para el sitio ESISDEM.
   ========================================================= */

/* --- Escritorio: ocultar elementos que son solo para móvil --- */
.main-header .navigation .menu-mobile-cta { display: none; }

@media only screen and (max-width: 991px) {

    /* Ocultar la barra superior de contacto en móvil (evita amontonamiento) */
    .main-header .header-top-wrap { display: none !important; }

    /* Barra principal más compacta */
    .main-header .header-upper { padding: 2px 0; }
    .main-header .header-inner { min-height: 0; }

    /* Logo móvil a la izquierda, botón hamburguesa a la derecha */
    .main-menu { width: 100%; }
    .main-menu .navbar-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .main-menu .mobile-logo { margin-right: auto; max-width: none; padding: 6px 18px; }
    .main-menu .mobile-logo img { max-height: 34px; width: auto; max-width: none; }

    /* Botón hamburguesa: mejor área táctil */
    .main-menu .navbar-header .navbar-toggle { padding: 6px 4px; }

    /* Panel desplegable: fondo blanco, sombra y bordes */
    .main-menu .navbar-collapse {
        top: 100%;
        left: 0;
        width: 100%;
        position: absolute;
        background: #ffffff;
        box-shadow: 0 24px 40px rgba(10, 15, 40, 0.15);
        border-radius: 0 0 10px 10px;
        max-height: calc(100vh - 70px);
        overflow: auto;
        z-index: 999;
    }
    .main-menu .navbar-collapse > ul {
        display: block;
        background: #ffffff !important;
        padding: 10px 0 !important;
    }

    /* Enlaces legibles (oscuros sobre blanco) */
    .main-menu .navbar-collapse li { border-top: 1px solid #f1f1f4; }
    .main-menu .navbar-collapse li a {
        display: block;
        padding: 12px 20px !important;
        color: var(--heading-color, #14133b) !important;
        font-size: 16px;
    }
    .main-menu .navbar-collapse li.current > a,
    .main-menu .navbar-collapse li a:hover {
        color: var(--primary-color, #6a49f2) !important;
    }

    /* Submenú (Políticas): acordeón — oculto hasta tocar */
    .main-menu .navbar-collapse li.dropdown > ul { display: none; }
    .main-menu .navbar-collapse li.dropdown > ul.mobile-open { display: block; }
    .main-menu .navbar-collapse li ul { background: #fafafa; }
    .main-menu .navbar-collapse li ul li a { padding-left: 34px !important; font-size: 15px; }

    /* Rotar el chevron cuando está abierto */
    .main-menu .navbar-collapse li.dropdown.open > .dropdown-btn span { transform: rotate(180deg); display: inline-block; }

    /* Botón/chevron del desplegable dentro del menú */
    .main-menu .navbar-collapse li.dropdown .dropdown-btn {
        position: absolute;
        right: 8px;
        top: 2px;
        width: 48px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        border-left: 1px solid #f1f1f4;
        color: var(--heading-color, #14133b);
    }
    .main-menu .navbar-collapse li.dropdown { position: relative; }

    /* CTA de WhatsApp dentro del menú móvil */
    .main-header .navigation .menu-mobile-cta { display: block; }
    .main-header .navigation .menu-mobile-cta a {
        margin: 10px 20px;
        padding: 12px 18px !important;
        background: #25d366;
        color: #fff !important;
        border-radius: 30px;
        text-align: center;
        font-weight: 600;
    }
    .main-header .navigation .menu-mobile-cta a:hover { background: #128c7e; color: #fff !important; }
}