/* Confort Park: landing nova. Tokens do marca/kit.md v0.1 (provisório). Celular primeiro.
   Sem @import externo, sem fonte remota. Para trocar a identidade, mude só o bloco :root. */
@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/bricolage.woff2") format("woff2");font-weight:600 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("../fonts/atkinson.woff2") format("woff2");font-weight:200 800;font-display:swap}

:root{
  --azul:#2B2F6E; --noite:#0B0B0B; --papel:#F4F1EA; --branco:#FFFFFF;
  --azul-claro:#8A8FEA; --amarelo:#F5C542; --verde:#3DD6B5;
  --f-titulo:"Bricolage Grotesque",system-ui,sans-serif;
  --f-texto:"Atkinson Hyperlegible Next",system-ui,-apple-system,"Segoe UI",sans-serif;
  --m:20px;           /* margem lateral */
  --max:1120px;
  --raio:18px;
  --barra:76px;       /* altura da barra fixa de WhatsApp no celular */
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:12px}
body{margin:0;font-family:var(--f-texto);font-size:18px;line-height:1.5;color:var(--noite);background:var(--papel)}
img,video{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--f-titulo);font-weight:800;line-height:1.02;margin:0 0 .5em;letter-spacing:-.01em;text-wrap:balance}
h1{font-size:clamp(2.5rem,11vw,4.6rem);font-stretch:85%}
h2{font-size:clamp(2rem,8vw,3.2rem)}
h3{font-size:1.35rem;line-height:1.1}
p{margin:0 0 1em}
a{color:inherit}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--m)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:-999px;top:8px;background:var(--amarelo);color:var(--azul);padding:10px 14px;font-weight:700;z-index:100}
.pular:focus{left:8px}
:focus-visible{outline:3px solid var(--amarelo);outline-offset:3px}
.sec--papel :focus-visible,.sec--branco :focus-visible{outline-color:var(--azul)}

/* seções */
.sec{padding:56px 0}
.sec--azul{background:var(--azul);color:var(--branco)}
.sec--noite{background:var(--noite);color:var(--branco)}
.sec--papel{background:var(--papel);color:var(--azul)}
.sec--branco{background:var(--branco);color:var(--azul)}
.sec--papel p,.sec--branco p{color:var(--noite)}
.micro{font-family:var(--f-texto);font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;color:inherit;opacity:.9}
.marca-texto{background:var(--amarelo);color:var(--azul);padding:0 .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* botões: sobre papel o acento é bloco com texto azul (kit) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 26px;border-radius:999px;font-family:var(--f-texto);font-weight:700;font-size:1.05rem;text-decoration:none;border:3px solid transparent;cursor:pointer;line-height:1.1;text-align:center}
.btn--wa{background:var(--amarelo);color:var(--azul);border-color:var(--amarelo)}
.btn--wa:hover{background:var(--branco);border-color:var(--branco)}
.btn--wa svg{width:22px;height:22px;flex:none}
.btn--linha{background:transparent;color:inherit;border-color:currentColor}
.sec--papel .btn--wa,.sec--branco .btn--wa{background:var(--azul);color:var(--branco);border-color:var(--azul)}
.sec--papel .btn--wa:hover,.sec--branco .btn--wa:hover{background:var(--noite);border-color:var(--noite)}
.btn--bloco{display:flex;width:100%}
.link-leve{font-weight:700;text-underline-offset:4px}

/* cabeçalho */
.topo{background:var(--azul);color:var(--branco)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px}
.logo{font-family:var(--f-titulo);font-weight:800;font-size:1.35rem;text-decoration:none;white-space:nowrap}
.topo .btn{display:none;min-height:44px;padding:8px 20px}

/* hero */
.hero{padding:36px 0 56px}
.hero .sub{font-size:1.15rem;max-width:34em}
.hero .prova{display:flex;align-items:baseline;gap:12px;margin:22px 0 26px;font-weight:700}
.hero .prova .num{font-family:var(--f-titulo);font-weight:800;font-stretch:75%;font-size:3.2rem;line-height:.9;color:var(--amarelo)}
.hero .acoes{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.hero .acoes .btn--wa{width:100%}

/* vídeo */
.video{max-width:340px;margin:0 auto;border-radius:var(--raio);overflow:hidden;background:#000}
.video video{width:100%;aspect-ratio:9/16;object-fit:cover}
.legenda-video{font-size:.9rem;opacity:.85;text-align:center;margin-top:12px}

/* passos */
.passos{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px;counter-reset:p}
.passos li{counter-increment:p;position:relative;background:var(--branco);border-radius:var(--raio);padding:22px 20px 22px 76px;color:var(--noite)}
.passos li::before{content:counter(p,decimal-leading-zero);position:absolute;left:18px;top:18px;font-family:var(--f-titulo);font-weight:800;font-size:2rem;color:var(--azul);font-stretch:75%}
.passos h3{color:var(--azul);margin-bottom:.3em}
.passos p{margin:0}

/* onde fica */
.endereco{font-family:var(--f-titulo);font-weight:700;font-size:1.5rem;line-height:1.15;font-style:normal;margin:0 0 18px}
.grupo-btn{display:grid;gap:12px;margin:18px 0}
.aviso{border:3px solid var(--amarelo);border-radius:var(--raio);padding:16px 18px;margin:22px 0}
.aviso p:last-child{margin:0}

/* preço */
.cartoes{display:grid;gap:14px;margin:24px 0}
.cartao{background:var(--branco);border:3px solid var(--azul);border-radius:var(--raio);padding:22px;color:var(--noite)}
.cartao .valor{margin:.2em 0 .5em;font-family:var(--f-titulo);font-weight:800;font-stretch:75%;font-size:3.4rem;line-height:.9;color:var(--azul)}
.cartao .valor small{font-size:1.1rem;font-weight:700;font-stretch:100%}
.cartao h3{color:var(--azul)}
.tabela-wrap{overflow-x:auto;margin:20px 0;border-radius:var(--raio);background:var(--branco)}
table{border-collapse:collapse;width:100%;color:var(--noite)}
caption{text-align:left;padding:14px 16px;font-weight:700;color:var(--azul)}
th,td{padding:12px 16px;text-align:left;border-top:1px solid #d9d4c7;font-size:1rem}
thead th{background:var(--azul);color:var(--branco);font-size:.9rem;border-top:0}
td.fonte{font-size:.85rem}

/* avaliações */
.avaliacoes{display:grid;gap:16px;margin:26px 0 0}
.aval{background:var(--branco);color:var(--noite);border-radius:30px;padding:24px 22px;margin:0}
.aval blockquote{margin:0 0 14px;font-family:var(--f-titulo);font-weight:700;font-size:1.2rem;line-height:1.15;color:var(--azul)}
.aval blockquote p{margin:0}
.aval figcaption{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1rem}
.aval .ini{width:42px;height:42px;border-radius:50%;background:var(--azul);color:var(--amarelo);display:grid;place-items:center;font-family:var(--f-titulo);font-weight:800;flex:none}
.aval a{font-weight:400;font-size:.85rem}
.selo{display:inline-block;margin-top:22px;font-weight:700}

/* FAQ */
.faq{margin-top:24px;display:grid;gap:10px}
.faq details{background:var(--branco);border-radius:var(--raio);color:var(--noite)}
.faq summary{list-style:none;cursor:pointer;padding:18px 54px 18px 20px;font-family:var(--f-titulo);font-weight:700;font-size:1.15rem;line-height:1.15;color:var(--azul);position:relative;min-height:56px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.7rem;font-weight:700}
.faq details[open] summary::after{content:"\2212"}
.faq .resp{padding:0 20px 18px}
.faq .resp p:last-child{margin:0}

/* fecho */
.fecho h2{font-size:clamp(2.3rem,10vw,4.2rem)}
.fecho .btn{margin-top:10px}

/* espanhol */
.es .btn--wa{margin-top:6px}

/* rodapé */
.rodape{background:var(--noite);color:var(--branco);padding:40px 0 calc(40px + var(--barra));font-size:.95rem}
.rodape a{color:var(--branco)}
.rodape .linhas p{margin:0 0 6px;color:var(--branco)}
.rodape ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:6px 20px}
.link-botao{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:6px 0;min-height:44px}

/* [a confirmar] precisa saltar aos olhos na prévia; some na virada (ver DEPLOY.md) */
.a-confirmar,.pendente{display:none}
body.previa .a-confirmar{display:inline}
body.previa .pendente{display:block}
.a-confirmar{background:#ffe08a;color:#3a2a00;outline:2px dashed #b36b00;outline-offset:1px;padding:0 .2em;border-radius:3px}
.pendente{background:#ffe08a;color:#3a2a00;border:2px dashed #b36b00;border-radius:10px;padding:10px 14px;font-weight:700}
.faixa-previa{display:none}
body.previa .faixa-previa{display:block}
.faixa-previa{background:#ffe08a;color:#3a2a00;text-align:center;font-weight:700;font-size:.9rem;padding:8px var(--m)}

/* barra fixa de WhatsApp (celular) */
.barra-wa{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--noite);padding:10px var(--m) calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(0,0,0,.25)}
.barra-wa .btn{width:100%}

/* banner de consentimento: "Aceitar" e "Recusar" com o mesmo peso */
.banner{position:fixed;left:0;right:0;bottom:var(--barra);z-index:60;background:var(--branco);color:var(--noite);border-top:4px solid var(--azul);padding:16px var(--m);box-shadow:0 -10px 30px rgba(0,0,0,.3)}
.banner[hidden]{display:none}
.banner p{margin:0 0 12px;font-size:.95rem;max-width:60em}
.banner{max-height:75vh;overflow-y:auto}
.banner h2{font-size:1.15rem;margin:0 0 6px}
.banner .botoes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.banner .btn{min-height:48px;padding:10px 8px;font-size:.95rem;background:var(--azul);color:var(--branco);border-color:var(--azul)}
.banner .escolha{margin:12px 0 0;display:grid;gap:10px}
.banner .escolha[hidden]{display:none}
.banner .escolha label{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.banner .escolha input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--azul)}

/* privacidade / 404 */
.texto-longo{max-width:44em}
.texto-longo h2{font-size:1.6rem;margin-top:1.6em}
.texto-longo li{margin-bottom:.4em}

/* tablet e computador */
@media (min-width:760px){
  :root{--m:32px}
  body{font-size:19px}
  .sec{padding:88px 0}
  .topo .btn{display:inline-flex}
  .barra-wa{display:none}
  .banner{bottom:0}
  .banner .wrap{display:flex;gap:28px;align-items:center}
  .banner p{margin:0;flex:1}
  .banner .botoes{width:380px;flex:none}
  .banner .wrap>div:first-child{flex:1}
  .rodape{padding-bottom:40px}
  .hero{padding:72px 0 96px}
  .hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
  .hero .acoes{flex-direction:row;align-items:center;gap:26px}
  .hero .acoes .btn--wa{width:auto}
  .passos{grid-template-columns:repeat(2,1fr)}
  .cartoes{grid-template-columns:repeat(3,1fr)}
  .avaliacoes{grid-template-columns:repeat(2,1fr)}
  .grupo-btn{grid-template-columns:repeat(2,max-content)}
  .dois{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
}
@media (min-width:1100px){
  .passos{grid-template-columns:repeat(4,1fr)}
  .passos li{padding:70px 20px 24px}
  .avaliacoes{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}

/* complementos */
.nav{display:none}
.nav a{text-decoration:none;font-weight:700;padding:10px 4px}
.nav a:hover{text-decoration:underline;text-underline-offset:4px}
.hero-arte{display:none}
.hero-arte img{width:100%;max-width:420px;margin:0 auto}
.atualizado{font-size:.9rem;opacity:.8;margin-top:14px}
.kicker{color:var(--amarelo)}
.fala{margin:20px 0 0}
.fala summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;text-underline-offset:4px}
.fala p{margin:.2em 0;max-width:34em}
.etiqueta{display:inline-block;font-family:var(--f-texto);font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;background:var(--amarelo);color:var(--azul);padding:4px 10px;border-radius:999px;margin-bottom:14px}
.numeros{display:grid;gap:12px;margin:22px 0}
.numeros p{margin:0;font-weight:700;font-size:1.1rem;color:var(--branco)}
.numeros strong{font-family:var(--f-titulo);font-size:2.2rem;line-height:1;display:block;color:var(--amarelo)}
.sec--azul .btn--linha{color:var(--branco)}
.sec--papel .btn--linha,.sec--branco .btn--linha{color:var(--azul)}
.carga{margin-top:24px}
@media (min-width:760px){
  .nav{display:flex;gap:14px}
  .hero-arte{display:block}
  .numeros{grid-template-columns:repeat(3,1fr);gap:28px}
}

body.previa .revisar{border:2px dashed #b36b00;background:#fff3cf;border-radius:10px;padding:4px 16px 8px;margin:1.4em 0}

.linha{display:block}
.sec--papel li,.sec--branco li{color:var(--noite)}
.dois>div+div{margin-top:36px}
.video{position:relative}
.video .btn{position:absolute;z-index:2;left:50%;bottom:64px;transform:translateX(-50%)}
.video .btn[hidden]{display:none}
.rodape ul{padding-left:0}
@media (min-width:760px){.dois>div+div{margin-top:0}}
.video .btn{white-space:nowrap}

/* 16/10/2026, reunião com o sócio: botão de WhatsApp na cor do WhatsApp em toda a página.
   Texto escuro sobre o verde (contraste 9:1); branco sobre esse verde não passa no contraste. */
.btn--wa,.sec--papel .btn--wa,.sec--branco .btn--wa{background:var(--wa-verde);color:var(--noite);border-color:var(--wa-verde)}
.btn--wa:hover,.sec--papel .btn--wa:hover,.sec--branco .btn--wa:hover{background:var(--wa-verde-escuro);color:var(--noite);border-color:var(--wa-verde-escuro)}
:root{--wa-verde:#25D366;--wa-verde-escuro:#1FB855}

/* Calculadora de preço (substitui os cartões e a tabela por dias) */
.calc{display:grid;gap:18px;margin:24px 0;background:var(--branco);border:3px solid var(--azul);border-radius:var(--raio);padding:22px;color:var(--noite)}
.calc-campo{border:0;margin:0;padding:0;min-width:0}
.calc-campo > label,.calc-campo legend{display:block;font-family:var(--f-titulo);font-weight:800;font-size:1.2rem;color:var(--azul);margin:0 0 10px;padding:0}
.calc-dias{display:flex;align-items:stretch;gap:8px;max-width:260px}
.calc-dias input{flex:1;min-width:0;min-height:56px;text-align:center;font-family:var(--f-titulo);font-weight:800;font-size:1.6rem;color:var(--azul);border:3px solid var(--azul);border-radius:14px;background:var(--papel);-moz-appearance:textfield}
.calc-dias input::-webkit-outer-spin-button,.calc-dias input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.calc-mais{width:56px;min-height:56px;flex:none;border:3px solid var(--azul);border-radius:14px;background:var(--azul);color:var(--branco);font-size:1.6rem;font-weight:800;cursor:pointer;line-height:1}
.calc-opcao{display:flex;align-items:center;gap:12px;padding:12px 14px;border:3px solid var(--papel);border-radius:14px;margin-bottom:8px;cursor:pointer;font-weight:700;color:var(--azul)}
.calc-opcao small{display:block;font-weight:400;color:var(--noite)}
.calc-opcao input{width:22px;height:22px;flex:none;accent-color:var(--azul)}
.calc-opcao:has(input:checked){border-color:var(--azul);background:var(--papel)}
.calc-total{background:var(--azul);color:var(--branco);border-radius:14px;padding:18px 20px}
.calc-total p{margin:0;color:var(--branco)}
.calc-rotulo{font-weight:700}
.calc-valor{font-family:var(--f-titulo);font-weight:800;font-stretch:75%;font-size:3.4rem;line-height:1;color:var(--amarelo)!important;margin:6px 0!important}
.calc-nota{font-size:.95rem;opacity:.9}
.calc-longa{margin:0;font-weight:700}
@media (min-width:768px){.calc{grid-template-columns:1fr 1fr;align-items:start}.calc-total,.calc-longa{grid-column:1 / -1}}
/* atributo hidden vence qualquer display de classe (troca de endereço de 23/10/2026) */
[hidden]{display:none!important}