/* ============================================
   MBATOVÍ — Responsive
   ============================================ */
@media (max-width: 1024px) {
  :root { --xxl: 5.5rem; --xxxl: 8rem; }
  .nav__links, .nav__cta { display: none; }
  .hamb { display: flex; }
  .refugio { grid-template-columns: 1fr; gap: var(--md); }
  .refugio:nth-child(even) .refugio__media { order: 0; }
  .refugio__media { aspect-ratio: 16 / 10; }
  .exp { grid-template-columns: repeat(2, 1fr); }
  .voces { grid-template-columns: 1fr; gap: var(--lg); }
  .reserva { grid-template-columns: 1fr; }
  .pie__grid { grid-template-columns: 1fr 1fr; gap: var(--lg); }
  .pie__logo { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
  .cifras ul { grid-template-columns: repeat(2, 1fr); }
  .cifras li:nth-child(3) { border-left: 0; }
  .cifras li:nth-child(n+3) { border-top: 1px solid var(--musgo); }
  .galeria { grid-template-columns: 1fr 1fr; }
  .g-alta { grid-row: auto; aspect-ratio: 3 / 4; }
}

@media (max-width: 480px) {
  :root { --xxl: 4rem; --xl: 3rem; --lg: 2rem; }
  .hero__acciones { flex-direction: column; align-items: stretch; width: 100%; }
  .hero__acciones .btn { width: 100%; }
  .hero__baja { display: none; }
  .lugar__cierre { font-size: 1.2rem; }
  .exp { grid-template-columns: 1fr; }
  .galeria { grid-template-columns: 1fr; }
  .g-alta, .g-baja { aspect-ratio: 16 / 10; }
  .panel { padding: var(--md); }
  .pie__grid { grid-template-columns: 1fr; }
  .pie__bajo { flex-direction: column; }
  .menu a { font-size: 1.6rem; }
  .menu .btn { align-self: stretch; }
  .cifras strong { font-size: 1.8rem; }
  .refugio__n { font-size: 2.6rem; }
  .wa { right: 1rem; bottom: 1rem; width: 52px; height: 52px; }
}

@media (max-width: 375px) {
  :root { --fs-body: 1rem; }
  .nav__logo img { height: 38px; }
}