/* =====================================================================
   RESPONSIVE.CSS — Cantina Itália Pizzaria
   Breakpoints: 1440px / 1024px / 768px / 480px
===================================================================== */

/* ===== Telas grandes (acima de 1440px) ===== */
@media (min-width: 1440px) {
  .container { max-width: 1320px; }
}

/* ===== Tablets grandes / notebooks pequenos (até 1024px) ===== */
@media (max-width: 1024px) {
  .nav__list { gap: 18px; }
  .nav__link { font-size: 0.85rem; }

  .diferenciais__grid { grid-template-columns: repeat(2, 1fr); }
  .cardapio__grid { grid-template-columns: repeat(2, 1fr); }
  .depoimentos__grid { grid-template-columns: repeat(2, 1fr); }

  .historia__grid { grid-template-columns: 1fr; gap: 40px; }
  .historia__image { order: -1; max-width: 320px; margin: 0 auto; }

  .footer__inner { grid-template-columns: 1fr 1fr; }
}

/* ===== Tablets / celulares grandes (até 768px) ===== */
@media (max-width: 768px) {
  :root { --espaco-secao: var(--espaco-secao-mobile); }

  .nav {
    position: fixed;
    top: 0; right: -100%;
    width: 78%;
    max-width: 320px;
    height: 100vh;
    background: var(--cor-branco);
    box-shadow: -8px 0 30px rgba(0,0,0,0.15);
    transition: right 0.35s ease;
    z-index: 1050;
    padding: 100px 32px 32px;
  }
  .nav.active { right: 0; }
  .nav__list { flex-direction: column; gap: 24px; }
  .nav__link { font-size: 1.05rem; }

  .header__actions { display: none; }
  .hamburger { display: flex; }

  .hero__content { padding-top: 80px; }
  .hero__cta { flex-direction: column; align-items: flex-start; }
  .hero__cta .btn { width: 100%; justify-content: center; }

  .diferenciais__grid { grid-template-columns: 1fr; }
  .cardapio__grid { grid-template-columns: 1fr; }

  .localizacao__grid { grid-template-columns: 1fr; }
  .localizacao__map iframe { height: 300px; }

  .galeria__ambiente { grid-template-columns: 1fr; }
  .carousel__btn { width: 36px; height: 36px; font-size: 0.85rem; }

  .contato__grid { grid-template-columns: 1fr; }

  .footer__inner { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer__bottom { flex-direction: column; text-align: center; justify-content: center; }

  .historia__stats { gap: 24px; }
}

/* ===== Celulares (até 480px) ===== */
@media (max-width: 480px) {
  .container { padding: 0 18px; }

  .hero__title { font-size: 2.1rem; }
  .hero__subtitle { font-size: 1rem; }

  .section__title { font-size: 1.6rem; }

  .footer__inner { grid-template-columns: 1fr; }

  .cta-final__buttons { flex-direction: column; width: 100%; }
  .cta-final__buttons .btn { width: 100%; }

  .cardapio__cta { flex-direction: column; width: 100%; }
  .cardapio__cta .btn { width: 100%; }

  .float-whatsapp { width: 52px; height: 52px; bottom: 18px; right: 18px; }
  .back-to-top { width: 42px; height: 42px; bottom: 82px; right: 20px; }

  .header__logo-text { font-size: 1rem; }
}