/* SOLUCIÓN: 100dvh por defecto (móvil), 100vh solo en PC */
@media (min-width: 769px) {
    div[id="menu-panel"],
    div[id="menu-overlay"] {
        height: 100vh !important;
        max-height: 100vh !important;
    }
}

/* SOBRESCRIBIR ALTURA SOLO EN PC */
@media (min-width: 769px) {
    #menu-panel,
    #menu-overlay {
        height: 100vh !important;
        max-height: 100vh !important;
    }
}

/* FIX MOVIL (19/07/2026): hamburguesa al ras del borde derecho.
   theme.min.css de Quark mete margin-right:2rem en .navbar-section a <=840px
   (era para su menu movil propio, que no usamos). custom.css carga ANTES que
   theme.min.css (prioridad 999 = primero), por eso hace falta !important.
   El margen negativo compensa el padding interno (1.25rem) del boton. */
@media (max-width: 840px) {
    #header .navbar-section {
        margin-right: 0 !important;
    }
    #menu-toggle {
        margin-right: -1.25rem !important;
    }
}

/* FIX MOVIL (19/07/2026): tarjetas de precios apiladas en 1 columna.
   El grid viene inline en precios.html.twig (repeat(3,1fr) sin media query),
   por eso el !important. Mismo breakpoint 840px que el fix del header. */
@media (max-width: 840px) {
    #precios-grid {
        grid-template-columns: 1fr !important;
    }
}