/* ============================================================
   Ajustes por ancho de pantalla
   ------------------------------------------------------------
   Capa: base
   ============================================================ */

/* ═══════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════ */
@media(max-width: 600px) {
  .nav-buttons { gap: 8px; padding: 10px 14px; }
  .nav-btn { font-size: .68rem; padding: 6px 13px; }
  .section-body { padding: 22px 18px; }
  .section-header { padding: 16px 20px; }
  .sticker-gata { width: 72px; min-width: 72px; }
  div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  div[style*="span 2"] { grid-column: span 1 !important; }
  .hero { padding: 60px 20px 56px; }
  .hero h1 { font-size: clamp(2rem, 8vw, 2.8rem); }
}