/* Additional responsive helpers (most rules colocated with components) */
@media (max-width: 640px) {
  .section-title { font-size: clamp(2rem, 9vw, 2.75rem); }
  .comercio-detail__grid { gap: 1.5rem; }
  .comercio-detail__contact li { font-size: 0.95rem; }
  .comercio-detail__separator { margin: 2rem 0 1.5rem; }
  .hero__actions .btn { padding: 0.875rem 1.5rem; font-size: 0.85rem; }
  .eventos__item { grid-template-columns: auto 1fr; }
  .eventos__tag { grid-column: 2; padding-left: 6.5rem; padding-top: 0.25rem; font-size: 0.7rem; }
  .comercios__toolbar { padding: 0.85rem; }
  .comercios__chip { padding: 0.65rem 0.9rem; font-size: 0.82rem; }
  .commerce-card__body { padding: 1.05rem 1.05rem 1.15rem; }
}
@media (max-width: 380px) {
  .nav__logo { font-size: 1.3rem; }
}

@media (min-width: 700px) {
  .comercios__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1080px) {
  /* .comercios__toolbar {
    grid-template-columns: minmax(280px, 420px) 1fr auto;
    align-items: center;
  } */

  .comercios__summary {
    justify-self: end;
  }

  .comercios__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}