/* PHN — peças do padrão PHN (Site Definitivo) aplicadas ao site da agência.
   Carregado depois do CSS inline de cada página. Usa os tokens que todas as páginas já definem
   (--gold, --gold-light, --light, --dark, --dark-2, --muted). Criado em 15/10/2026. */

/* ---------- 1. Toque mínimo de 44 px (regra 35 do padrão) ---------- */
.btn-primary,.btn-secondary,.btn-ghost,.open-modal,button.open-modal{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
#nav-burger{min-width:44px;min-height:44px;align-items:center;justify-content:center;box-sizing:border-box}
.modal-close{width:46px!important;height:46px!important} /* 46: o modal fechado tem scale(.97) */
.faq-q{min-height:44px}
#mobile-menu a,.mob-menu a,.nav-mobile a{min-height:44px;display:flex;align-items:center}

/* ---------- 2. Fecho: faixa de CTA com a oferta nomeada ---------- */
.cta-band .cta-offer{display:inline-block;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);border:.5px solid rgba(201,168,76,.35);padding:.45rem .9rem;margin-bottom:2.2rem}
.cta-band .btn-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;margin-top:2.4rem}
.cta-band .btn-row .btn-primary{margin:0}
.btn-wa{min-height:44px;display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.6rem;border:.5px solid rgba(201,168,76,.45);color:var(--light);text-decoration:none;font-family:'DM Sans',sans-serif;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;transition:border-color .25s,color .25s}
.btn-wa:hover,.btn-wa:focus-visible{border-color:var(--gold);color:var(--gold-light);outline:none}
.btn-wa svg{width:16px;height:16px;fill:currentColor}

/* ---------- 3. Fecho: byline agrupada antes da faixa de CTA ---------- */
.closing-grid{display:grid;gap:1.6rem}

/* ---------- 4. WhatsApp flutuante ---------- */
.wa-float{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:850;width:56px;height:56px;border-radius:50%;background:#1F8F4E;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .25s ease}
.wa-float:hover,.wa-float:focus-visible{transform:scale(1.06);outline:2px solid var(--gold);outline-offset:3px}
.wa-float svg{width:28px;height:28px;fill:#fff}
body.ck-aberto .wa-float{bottom:calc(150px + env(safe-area-inset-bottom,0px))}
@media(min-width:760px){body.ck-aberto .wa-float{bottom:calc(110px + env(safe-area-inset-bottom,0px))}}

/* ---------- 5. Rodapé: link de cookies ---------- */
.ft-cookies{font-size:.72rem;color:rgba(136,136,136,.3);text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font-family:inherit}
.ft-cookies:hover{color:var(--gold)}

@media (prefers-reduced-motion:reduce){.wa-float{transition:none}}

/* ---------- 6. Celular: grades com estilo inline viram uma coluna (estouro de até 62px em 390px) ---------- */
@media (max-width:760px){
  [style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns:repeat(2,1fr)"],
  [style*="grid-template-columns:repeat(3,1fr)"],[style*="grid-template-columns:1fr 1fr 1fr"],
  [style*="grid-template-columns:repeat(4,1fr)"],[style*="grid-template-columns:repeat(5,1fr)"],
  [style*="grid-template-columns:1fr 1.8fr"],[style*="grid-template-columns:1fr 1.45fr"],[style*="grid-template-columns:1fr 1.1fr"]{grid-template-columns:1fr!important}
  [style*="display:grid"]>*{min-width:0}
  [style*="display:grid"]>[style*="padding:3rem"]{padding:2rem 1.4rem!important}
  [style*="display:grid"]>a[style*="padding:2.5rem"]{padding:1.8rem 1.4rem!important}
}

/* ---------- 7. Se o CDN do GSAP falhar: página rola, nav aparece, modal funciona ---------- */
html.no-gsap #smooth-wrapper{position:static!important;overflow:visible!important;inset:auto;visibility:visible!important}
html.no-gsap #smooth-content{transform:none!important}
html.no-gsap #main-nav{opacity:1!important}
html.no-gsap #preloader,html.no-gsap #curtain-top,html.no-gsap #curtain-bottom{display:none!important}
html.no-gsap body{overflow:auto!important}

/* ---------- 8. Animação de entrada sem GSAP (CSS .reveal; html.rv é marcado no <head>) ---------- */
.rv [data-anim],.rv [data-anim-title]{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}
.rv [data-anim].in,.rv [data-anim-title].in{opacity:1;transform:none}
#main-nav{transition:opacity .6s ease,background .5s,border-color .5s}
@media (prefers-reduced-motion:reduce){.rv [data-anim],.rv [data-anim-title]{opacity:1;transform:none;transition:none}}
@media (max-width:480px){.hero-actions{flex-wrap:wrap;gap:1.2rem 2rem}.hero-actions .btn-primary{white-space:nowrap}}

/* ---------- 9. FAQ em details/summary (padrão PHN): o acordeão da página segue no comando ---------- */
details.faq-item>summary.faq-q{list-style:none}
details.faq-item>summary.faq-q::-webkit-details-marker{display:none}
details.faq-item>summary.faq-q:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
main{display:block}

/* ---------- 10. Passagem citável dentro do "Em resumo" ---------- */
.s-tldr-passage{max-width:780px;margin-top:2rem;padding-top:1.6rem;border-top:.5px solid rgba(201,168,76,.15);font-size:.95rem;font-weight:300;line-height:1.9;color:rgba(232,228,220,.72)}