/* WS Editore — 17-sep-2026
   Motivo: el bloque del formulario de /packs-educativos/ lleva su rejilla pegada dentro del HTML
   (style="display:grid; grid-template-columns:1fr 1fr"). Un estilo en línea le gana a cualquier
   regla de CSS, así que en celular no se apilaba y empujaba la página 32 px de costado.
   Medido con el navegador a 390 px: 422 px de ancho real (32 px de más). Con esta regla: 390 px.
   El !important es obligatorio, es la única forma de ganarle al estilo en línea.
   Alcance: cualquier bloque .container con esa rejilla — hoy solo el de packs. */
@media (max-width: 960px){
  .container[style*="1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
}