/* ============================================================
   ITALÍNEA — RESPONSIVE.CSS
   ============================================================ */

/* ── TABLET (≤1024px) ─────────────────────── */
@media(max-width:1024px){
  .ambientes-grid{grid-template-columns:repeat(2,1fr)}
  .diferenciais-grid{grid-template-columns:repeat(2,1fr)}
  .sobre-inner{grid-template-columns:1fr;gap:48px}
  .sobre-images{display:none}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
}

/* ── MOBILE (≤768px) ─────────────────────── */
@media(max-width:768px){
  html,body{overflow-x:hidden!important}

  /* Nav */
  .nav-hamburger{display:flex}
  .nav-links{display:none}
  .nav-cta{display:none}
  .nav-mobile-cta{display:flex;margin-left:auto}
  .nav-inner{padding:0 16px}
  #navbar .nav-mobile-cta .btn{font-size:10px!important;padding:9px 14px!important;gap:6px!important}

  /* Hero */
  #hero{padding:90px 0 60px;min-height:100svh}
  .hero-bg-desk{display:none}
  .hero-bg-mob{display:block}
  .hero-content{max-width:100%;padding:0 20px}
  .hero-headline{font-size:clamp(34px,10vw,50px)}
  .hero-actions{flex-direction:column;align-items:stretch;width:100%}
  .hero-actions .btn{justify-content:center;width:100%}
  .hero-trust{justify-content:center}
  .hero-sub{font-size:15px}

  /* Stats */
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(2)::after{display:none}
  .stat-item{padding:24px 12px}

  /* Ambientes */
  #ambientes{padding:64px 0}
  .ambientes-grid{grid-template-columns:1fr;gap:14px}
  .ambientes-header{margin-bottom:36px}

  /* Diferenciais */
  #diferenciais{padding:64px 0}
  .diferenciais-grid{grid-template-columns:1fr 1fr;gap:12px}
  .diferencial-card{padding:24px 16px}

  /* Sobre */
  #sobre{padding:64px 0}

  /* Avaliações */
  #avaliacoes{padding:64px 0}
  .avaliacao-card{flex:0 0 272px}
  .avaliacoes-rating-bar{flex-wrap:wrap;justify-content:center;gap:8px}

  /* Localização */
  #localizacao{padding:64px 0}
  .localizacao-inner{grid-template-columns:1fr;gap:36px}
  .map-wrapper iframe{height:300px}

  /* CTA Final */
  #cta-final{padding:72px 0}
  .cta-badges{gap:8px}
  .cta-inner{gap:20px;padding:0 8px}
  #cta-final .btn{width:100%;justify-content:center}

  /* Footer */
  #footer{padding:48px 0 24px}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-brand{text-align:center;display:flex;flex-direction:column;align-items:center}
  .footer-brand p{text-align:center}
  .footer-col{text-align:center}
  .footer-links{align-items:center}
  .footer-contact-item{justify-content:center}
  .footer-bottom{flex-direction:column;text-align:center;gap:8px}

  /* Section common */
  .section-title{text-align:center}
  .section-subtitle{text-align:center;margin:0 auto}
  .section-tag{display:flex;width:fit-content;margin:0 auto 20px}
  .sobre-text .section-tag{margin:0 0 20px}
}

/* ── SMALL (≤480px) ─────────────────────── */
@media(max-width:480px){
  .diferenciais-grid{grid-template-columns:1fr}
  .stat-number{font-size:clamp(28px,8vw,42px)}
  .hero-badge{font-size:10px}
  .cta-title{font-size:clamp(28px,8vw,40px)}
}
