/* Adaptación a celular y tablet — Houston Works */
:root { --hw-px: 47px; }
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
img, video { max-width: 100%; }

@media (max-width: 900px) {
  :root { --hw-px: 20px; }

  /* Grillas: todo en una sola columna */
  .hw-g2, .hw-g3, .hw-g4, .hw-g6, .hw-stack { grid-template-columns: minmax(0, 1fr) !important; column-gap: 20px !important; row-gap: 32px !important; }
  .hw-stack { row-gap: 40px !important; }
  .hw-g2 { row-gap: 20px !important; }
  .hw-g3b { grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; }
  .hw-span3 { grid-column: auto !important; }
  .hw-g4 > * { grid-column: auto !important; }
  .hw-gimg { height: auto !important; }
  .hw-pair { grid-template-columns: minmax(0, 1fr) !important; grid-column: auto !important; }
  .hw-pair img, .hw-pair video { height: auto !important; }
}