/* ============================================
   AYUDA — RESPONSIVE MÓVIL
   El header usa .ayuda-module-header SIN .module-header,
   por lo que ninguna regla global de .module-header aplica aquí.
   Los inline styles del JS ya garantizan el layout correcto;
   este CSS solo ajusta tamaños en pantallas pequeñas.
   ============================================ */

@media (max-width: 768px) {
    /* Título: reducir tamaño en móvil */
    .ayuda-module-header .ayuda-title {
        font-size: 1rem !important;
    }
}

@media (max-width: 480px) {
    .ayuda-module-header .ayuda-btn-volver {
        padding: 5px 8px !important;
    }

    .ayuda-module-header .ayuda-title {
        font-size: 0.9rem !important;
    }
}