/* ============================================================
   EAP — responsive.css
   Breakpoints: 1440 / 1024 / 768 / 430 / 390 / 360 / 320
   ============================================================ */

@media (max-width:1440px){
  .hero-photo img{height:400px}
}

@media (max-width:1180px){
  .nav a{padding:9px 8px;font-size:.76rem}
  .header-cta .btn{padding:13px 17px;font-size:.76rem}
  .svc-feature{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:1024px){
  body{font-size:16.5px}
  .section{padding:66px 0}
  .nav{display:none}
  .header-cta{display:none}
  .burger{display:flex}
  .mobile-wa{
    display:inline-flex;align-items:center;justify-content:center;
    width:48px;height:48px;border-radius:10px;background:var(--wa);color:#fff;
    margin-left:10px;flex:none;
  }
  .mobile-wa:hover{background:var(--wa-dark)}
  .mobile-wa svg{width:22px;height:22px}
  .header-inner{gap:10px}

  .hero-grid{grid-template-columns:1fr;gap:36px;padding-block:56px 48px}
  .hero-visual{min-height:0}
  .hero-photo img{height:330px}
  .hero-chip.b{left:8px}
  .af-inner{grid-template-columns:1fr;gap:16px}

  .svc-feature{grid-template-columns:repeat(2,1fr)}
  .svc-groups{grid-template-columns:1fr}
  .svc-list{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr;gap:32px}
  .local-grid{grid-template-columns:repeat(3,1fr)}
  .app-grid{grid-template-columns:repeat(2,1fr)}
  .related{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
  .ig-layout{grid-template-columns:1fr;gap:32px}
  .cta-wa{grid-template-columns:1fr;padding:32px}
  .band-inner{grid-template-columns:1fr;gap:22px}
  .svc-hero{grid-template-columns:1fr;gap:32px;padding-block:48px}
  .contact-grid{grid-template-columns:1fr;gap:30px}
  .ig-grid-mini{grid-template-columns:1fr 1fr}
}

@media (max-width:768px){
  .section{padding:54px 0}
  .section.tight{padding:44px 0}
  .sec-head{margin-bottom:32px}
  .svc-list{grid-template-columns:repeat(2,1fr)}
  .local-grid{grid-template-columns:repeat(2,1fr)}
  .two-col{columns:1}
  .ig-grid-mini{grid-template-columns:1fr}
  .app-grid{grid-template-columns:1fr}
  .hero-actions .btn{flex:1 1 100%}
  .hero-meta{gap:18px}
  .ig-card .ig-frame{aspect-ratio:9/11}
  .instagram-section{padding:48px 0}
  .footer-grid{grid-template-columns:1fr;gap:26px}
  .footer-bottom{flex-direction:column;gap:10px}
  .faq summary{font-size:.98rem;padding-right:40px}
  .cta-actions .btn{flex:1 1 100%}
}

@media (max-width:560px){
  :root{--gut:18px}
  body{font-size:16px}
  .header-inner{height:66px}
  .mobile-panel{inset:66px 0 0}
  .brand img{width:36px;height:36px}
  .brand-name{font-size:1.1rem}
  .brand-sub{font-size:.53rem;letter-spacing:.15em}

  h1{font-size:clamp(1.75rem,7.6vw,2.35rem)}
  .hero-grid{padding-block:40px 36px}
  .hero-photo{transform:none;border-width:7px}
  .hero-photo img{height:250px}
  .hero-chip.a{top:-12px;right:6px;font-size:.66rem;padding:8px 11px}
  .hero-chip.b{bottom:26px;left:4px;font-size:.66rem;padding:8px 11px}
  .hero-dots{display:none}
  .hero-sub{font-size:.98rem}
  .hero-actions{gap:10px}
  .hero-meta{margin-top:26px;padding-top:20px;gap:14px}
  .hero-meta strong{font-size:1.2rem}

  .svc-feature{grid-template-columns:1fr}
  .svc-list{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .local-grid{grid-template-columns:1fr}
  .related{grid-template-columns:1fr}
  .chip-cloud a{font-size:.82rem;padding:8px 13px}

  .page-head{padding:38px 0 34px}
  .page-head .lead{font-size:1rem}
  .breadcrumb{padding:10px 0}
  .breadcrumb ol{font-size:.76rem}

  .cta-wa{padding:26px 22px}
  .cta-wa h2{font-size:1.35rem}
  .band{padding:40px 0}
  .band::after{display:none}

  .contact-rows{padding:4px 20px 18px}
  .contact-rows .row{gap:12px;padding:15px 0}
  .contact-card .cc-head{padding:18px 20px}

  .ig-badge{font-size:.6rem;padding:7px 12px;letter-spacing:.08em}
  .ig-title h2{font-size:1.35rem}
  .instagram-section{padding:48px 0}
  .ig-card{border-radius:22px}
  .ig-card-foot{padding:14px 16px}
  .ig-actions{width:100%}
  .ig-actions .btn{width:100%}
  .ig-shield{font-size:.74rem;padding:9px 14px}
  .ig-fallback{padding:22px}
  .ig-fallback .handle{font-size:1.25rem}

  .footer-credit{padding:0 4px}
  .suprema-credit{font-size:.72rem;padding:7px 13px 7px 10px;gap:8px}
  .suprema-credit .sc-txt{white-space:normal}
}

/* --- telas pequenas críticas --- */
@media (max-width:430px){
  .btn{padding:15px 20px;font-size:.8rem}
  .btn-sm{padding:10px 14px;font-size:.72rem}
  .hero-actions .btn{width:100%}
  .filter-bar input[type="search"]{min-width:100%}
  .filter-chips button{font-size:.68rem;padding:9px 12px}
}

@media (max-width:360px){
  :root{--gut:14px}
  .brand-sub{display:none}
  .burger{width:44px;height:44px}
  .mobile-wa{width:44px;height:44px}
  .hero-photo img{height:215px}
  .hero-meta strong{font-size:1.08rem}
  .faq summary{font-size:.93rem}
}

@media (max-width:320px){
  :root{--gut:12px}
  body{font-size:15.5px}
  .brand-name{font-size:1rem}
  .hero-badges .tag{font-size:.62rem;padding:6px 10px}
  .btn{padding:14px 16px;font-size:.76rem}
}

/* respiro para as ações flutuantes não cobrirem conteúdo */
@media (max-width:900px){
  body{padding-bottom:0}
  .site-footer{padding-bottom:118px}
  .faq section:last-child,.section:last-of-type{scroll-margin-bottom:120px}
}
@media (min-width:901px){
  .site-footer{padding-bottom:34px}
}

/* desktop largo */
@media (min-width:1600px){
  :root{--maxw:1320px}
  .hero-photo img{height:470px}
}