/* Ajustes de producción que no cambian el diseño de escritorio. */
html { scroll-behavior: smooth; }
img, video { max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }

@media (max-width: 820px) {
  header { padding: 14px 20px !important; flex-wrap: wrap !important; }
  header nav { width: 100% !important; gap: 14px !important; flex-wrap: wrap !important; }
  header nav a { font-size: 11px !important; }
  section { padding-left: 20px !important; padding-right: 20px !important; }
  footer { padding-left: 20px !important; padding-right: 20px !important; }
  h1 { font-size: clamp(42px, 12vw, 62px) !important; }
  h2 { text-wrap: balance; }
}

@media (max-width: 520px) {
  header > a img { height: 38px !important; }
  header nav { gap: 10px 12px !important; }
  header nav > a:last-child { padding: 9px 13px !important; }
  section { padding-top: 60px !important; padding-bottom: 64px !important; }
  footer { gap: 32px !important; }
}