/* Móvil (base) → tablet 600+ → escritorio 900+.
   Las fuentes y fotos escalan solas con el ancho de .sheet; aquí solo el marco y la composición. */
@media (min-width: 600px) {
  :root { --max-width: 600px; }
  body { padding: 32px 16px; }
  .sheet { border-radius: 28px; box-shadow: 0 30px 70px rgba(67, 54, 49, .16); }
}
@media (min-width: 900px) {
  :root { --max-width: 780px; }
  .events__list { grid-template-columns: 1fr 1fr; gap: 2em 1.5em; }
  .sheet > section { padding-inline: 3em; }
}
@media (max-width: 360px) { :root { --gutter: 1.4em; } }