/* ============================================================
   COMERCIAL BARBOSA — RESPONSIVE.CSS
   ============================================================ */

/* ── TABLET 1024px ────────────────────────────────────── */
@media (max-width:1024px){
  .hero-content{grid-template-columns:1fr;gap:40px}
  .hero-right{display:none}
  .hero-text{text-align:left}
  .stats-grid{grid-template-columns:repeat(3,1fr)}
  .stat-item:nth-child(3)::after{display:none}
  .stat-item:nth-child(4),.stat-item:nth-child(5){border-top:1px solid rgba(255,255,255,.08)}
  .diferenciais-grid{grid-template-columns:repeat(2,1fr)}
  .cta-inner{grid-template-columns:1fr}
  .cta-actions{flex-direction:row;align-items:center}
  .faq-inner{grid-template-columns:1fr;gap:40px}
  .faq-sidebar{position:static}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .localizacao-grid{grid-template-columns:1fr}
}

/* ── MOBILE 768px ─────────────────────────────────────── */
@media (max-width:768px){
  /* Navbar mobile */
  .nav-hamburger{display:none !important}
  .nav-links{display:none !important}
  .nav-cta{display:none !important}
  .nav-cta-mobile{display:flex !important;margin-left:auto}
  .nav-inner{padding:0 16px;gap:12px}
  #navbar .nav-cta-mobile .btn{font-size:11px;padding:9px 14px;gap:6px}
  #navbar .nav-cta-mobile .btn .icon-wa{width:14px;height:14px}

  /* Hero mobile — all centered */
  #hero{padding:90px 0 48px}
  .hero-content{padding:0 16px;grid-template-columns:1fr}
  .hero-right{display:none}
  .hero-text{text-align:center;display:flex;flex-direction:column;align-items:center}
  .hero-badge{align-self:center;justify-content:center}
  .hero-headline{text-align:center}
  .hero-sub{text-align:center;border-left:none;border-top:3px solid var(--green-mid);padding-left:0;padding-top:14px;margin-left:auto;margin-right:auto;font-size:15px}
  .hero-actions{flex-direction:column;align-items:stretch;width:100%;gap:10px}
  .hero-actions .btn{justify-content:center;width:100%}
  .hero-trust{justify-content:center}

  /* Stats */
  #stats{padding:48px 0}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(2)::after{display:none}
  .stat-item:nth-child(3),.stat-item:nth-child(4),.stat-item:nth-child(5){border-top:1px solid rgba(255,255,255,.08)}
  .stat-item:nth-child(odd):last-child{grid-column:1/-1}

  /* Diferenciais */
  #diferenciais{padding:64px 0}
  .diferenciais-grid{grid-template-columns:1fr}
  .diferenciais-header{text-align:center}
  .diferenciais-header .section-tag{display:flex;width:fit-content;margin:0 auto 20px}

  /* Setores */
  #setores{padding:64px 0}
  .setores-header{text-align:center}
  .setores-header .section-tag{display:flex;width:fit-content;margin:0 auto 20px}

  /* Marcas */
  #marcas{padding:56px 0}
  .marcas-header{text-align:center}

  /* Avaliações */
  #avaliacoes{padding:64px 0 56px}
  .avaliacoes-header{text-align:center}
  .avaliacao-card{width:260px}

  /* VIP */
  .vip-section{padding:48px 0}
  .vip-strip{grid-template-columns:1fr;text-align:center;padding:28px 24px}
  .vip-cta-wrap{align-items:center}
  .btn-vip-main{justify-content:center}

  /* Localização */
  #localizacao{padding:64px 0}
  .localizacao-grid{grid-template-columns:1fr}
  #localizacao .section-title{text-align:center}
  #localizacao .section-tag{display:flex;width:fit-content;margin:0 auto 20px}

  /* FAQ */
  #faq{padding:64px 0}
  .faq-inner{grid-template-columns:1fr;gap:32px}
  .faq-sidebar{text-align:center}
  .faq-sidebar .section-tag{display:flex;width:fit-content;margin:0 auto 20px}
  .faq-sidebar .section-subtitle{margin:0 auto 28px}
  .faq-sidebar .btn{display:block;width:fit-content;margin:0 auto}

  /* CTA Final — left aligned on mobile too but centered on narrow */
  #cta-final{padding:72px 0}
  .cta-inner{grid-template-columns:1fr;gap:32px;text-align:center}
  .cta-text .section-tag{display:flex;width:fit-content;margin:0 auto 20px}
  .cta-sub{margin:0 auto}
  .cta-actions{flex-direction:column;align-items:center;width:100%}
  .cta-actions .btn{justify-content:center;width:100%;max-width:320px}
  .cta-badges{justify-content:center}
  .cta-headline{text-align:center}

  /* Footer */
  .footer-grid{grid-template-columns:1fr;gap:32px;text-align:center}
  .footer-brand{display:flex;flex-direction:column;align-items:center}
  .footer-socials{justify-content:center}
  .footer-links{align-items:center}
  .footer-contact-item{justify-content:center;text-align:left}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center}
  .btn-scroll-top{align-self:center}
}

/* ── SMALL MOBILE 380px ───────────────────────────────── */
@media (max-width:380px){
  .hero-headline{font-size:clamp(32px,10vw,48px)}
  .stat-number{font-size:32px}
  .container{padding:0 16px}
}

/* ── SCROLL REVEAL ────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-36px);transition:opacity .7s ease,transform .7s ease}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(36px);transition:opacity .7s ease,transform .7s ease}
.reveal-right.visible{opacity:1;transform:translateX(0)}
.delay-1{transition-delay:.1s !important}
.delay-2{transition-delay:.2s !important}
.delay-3{transition-delay:.3s !important}
.delay-4{transition-delay:.4s !important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}