/* Ajustes de publicação. O visual original permanece em site.css. */
/* O método usa 4 colunas no desktop, 2 no tablet e 1 no celular. */
@media (max-width: 980px) {
  #metodo [style*="grid-template-columns"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
  #metodo [style*="grid-template-columns"],
  #escolas [style*="grid-template-columns"],
  #empresas [style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; }
  #metodo [style*="grid-template-columns"] > div { padding: 24px !important; }
  #metodo [data-anim] + p { font-size: 1.125rem !important; }
  footer > div > div { flex-wrap: wrap; }
}
@media (max-width: 480px) {
  header > div { gap: 8px !important; }
  header > div > a { gap: 8px !important; min-width: 0; }
  header img { max-width: 120px !important; }
  header [data-nav="toggle"] { flex-shrink: 0; }
}