/* ==========================================================
   Espaço Chico Mendes — Site institucional
   Ajustes responsivos. Base mobile-first em style.css.
   ========================================================== */

/* ---------- Tablet / desktop pequeno (>= 720px) ---------- */
@media (min-width: 720px) {
  .menu-toggle {
    display: none;
  }

  .menu-principal {
    position: static;
    flex-direction: row;
    align-items: center;
    max-height: none;
    opacity: 1;
    overflow: visible;
    padding: 0;
    border-bottom: none;
    background: transparent;
  }

  .menu-link {
    padding: 0.5rem 0.75rem;
  }

  .menu-link-destaque {
    padding: 0.5rem 1.1rem;
  }

  .hero-titulo {
    font-size: 2.9rem;
  }

  .sobre-grade {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .gastronomia-grade {
    grid-template-columns: repeat(4, 1fr);
  }

  .galeria-grade {
    grid-template-columns: repeat(3, 1fr);
  }

  .localizacao-grade {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }

  .localizacao-info {
    justify-content: center;
  }

  .contato-grade {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* ---------- Desktop (>= 1024px) ---------- */
@media (min-width: 1024px) {
  .hero {
    min-height: 92vh;
  }

  .hero-titulo {
    font-size: 3.4rem;
  }

  .secao {
    padding: 5rem 1.5rem;
  }

  .galeria-grade {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* ---------- Celulares bem pequenos (<= 360px) ---------- */
@media (max-width: 360px) {
  .hero-titulo {
    font-size: 1.8rem;
  }

  .secao-titulo {
    font-size: 1.4rem;
  }

  .contato-grade,
  .gastronomia-grade {
    grid-template-columns: 1fr;
  }
}

/* ---------- Acessibilidade: menos animação ---------- */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

  .botao:hover,
  .galeria-item:hover,
  a.contato-item:hover {
    transform: none;
  }
}