/* =========================================================
   Revisão de 06/11: cores mais quentes, contraste, transição do contato e ajustes por resolução.
   Carregado depois de site.css (e inner.css nas internas).
   ========================================================= */

/* ---------- cor: papel e tinta mais quentes, apoio com mais contraste ---------- */
html:root{
  --bg:#F8F1E3; --paper:#EFE3CA; --night:#150E09; --ink:#1E150A;
  --muted:rgba(30,21,10,.74); --line:rgba(30,21,10,.16);
  --max:1360px;
}
html:root ::selection{background:var(--rust-d);color:#F8F1E3}
html:root body{text-rendering:optimizeLegibility;font-kerning:normal;-webkit-tap-highlight-color:transparent}
html:root :focus-visible{outline:2px solid var(--rust-d);outline-offset:3px}
html:root .hd.scrolled{background:rgba(248,241,227,.9)}
html:root .ft,html:root .faq{background-image:radial-gradient(rgba(30,21,10,.12) .9px,transparent 1.1px)}

/* textos de apoio que estavam claros ou pequenos demais */
html:root .svt-tab{color:rgba(30,21,10,.34)}
html:root .svt-tab:hover{color:rgba(30,21,10,.62)}
html:root .svt-tab.is-on{color:var(--ink)}
html:root .lang{color:rgba(30,21,10,.6)}
html:root .ndi span span{color:var(--muted)}
html:root .stop .bub{font-size:15.5px;line-height:1.5}
html:root .legal{color:var(--muted)}
html:root .legal a:hover{color:var(--ink)}
html:root .small{font-size:14.5px}
html:root .fhint,html:root .fnote{color:var(--muted)}
html:root .pic figcaption,html:root .cap,html:root .meta dt{font-size:14.5px;color:var(--muted)}

/* ---------- transição para o contato: header escurece junto com a página ---------- */
html:root .hd{transition:background .35s,color .35s}
html:root .hd.is-night{background:rgba(21,14,9,.88);color:#F8F1E3}
html:root .hd.is-night .wm,html:root .hd.is-night .nl{color:#F8F1E3}
html:root .hd.is-night .lang{color:rgba(248,241,227,.6)}
html:root .hd.is-night .lang b{color:#F8F1E3}
html:root .hd.is-night .btn--dark{background:#F8F1E3;color:var(--ink);border-color:#F8F1E3}
html:root .hd.is-night .menu-btn,html:root .hd.is-night .mbtn{background:#F8F1E3;color:var(--ink)}
/* cada texto do contato troca de cor quando a tinta passa por ele */
html:root #agendar .wa{color:var(--ink);transition:color .45s cubic-bezier(.2,.8,.2,1)}
html:root #agendar .ink-clip{color:transparent;background-image:radial-gradient(circle at var(--ix,50%) var(--iy,9999px),#F8F1E3 var(--ir,0px),var(--ink) var(--ir,0px));-webkit-background-clip:text;background-clip:text}
html:root #agendar .wa.is-ink{color:#F8F1E3}
html:root #agendar .cta-h .hi{color:var(--rust)}
html:root #agendar .form{transition:box-shadow .45s cubic-bezier(.2,.8,.2,1)}
html:root #agendar .form.is-ink{box-shadow:10px 12px 0 var(--rust)}

/* ---------- telas grandes: o conteúdo acompanha a largura ---------- */
@media (min-width:1680px){
  html:root{--max:1500px}
  html:root .nl,html:root .hd .btn{font-size:16px}
  html:root .svt-list b{font-size:21px}
  html:root .svt-list span{font-size:17px}
  html:root .fgd .h3{font-size:clamp(40px,2.8vw,56px)}
  html:root .fgd li a{font-size:19px}
}
/* rodapé: menos vazio entre o conteúdo e o logo gigante */
html:root .legal{margin-top:40px}
html:root .giant{margin-top:clamp(10px,2vw,36px)}

/* ---------- desktop estreito e tablet deitado (861 a 1180) ---------- */
@media (min-width:861px) and (max-width:1180px){
  html:root .bk{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,4vw,56px)}
  html:root .opt{font-size:15.5px;padding-inline:16px 14px}
  html:root .hd .nav{gap:18px}
  html:root .deck{width:calc(100% - 110px)}
  html:root .stop .bub{width:240px}
}

/* ---------- tablet em pé (561 a 860): usa a largura em vez de esticar o layout de celular ---------- */
@media (min-width:561px) and (max-width:860px){
  html:root .hero .ctas{align-items:center}
  html:root .hero .ctas .btn--lg{width:auto;min-width:360px}
  html:root .svt-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}
  html:root .opts{grid-template-columns:repeat(2,minmax(0,1fr))}
  html:root .deck{width:min(640px,calc(100% - 40px));margin-inline:auto}
  html:root .tcard{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  html:root .fgd{grid-template-columns:repeat(3,minmax(0,1fr))}
  html:root .fgd .fi{grid-column:1/-1}
  html:root .legal{flex-direction:row;justify-content:space-between}
  html:root .ccard{width:min(46vw,360px)}
  html:root .form{max-width:600px}
  html:root .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html:root .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  html:root .g3>:last-child:nth-child(odd){grid-column:1/-1}
  html:root .g2{grid-template-columns:repeat(2,minmax(0,1fr))}
  html:root .hero .sub,html:root .ihero .lead{max-width:56ch}
}
@media (max-width:860px){html:root #agendar .form.is-ink{box-shadow:6px 7px 0 var(--rust)}}

/* ---------- logo animado (Lottie do vercink.json; o texto fica de reserva até carregar) ---------- */
.wm{position:relative}
.wm .wl{display:none;position:relative;width:118px;aspect-ratio:1634/420;overflow:visible}
.wm .wl svg,.giant .gl svg{position:absolute;width:117.5%!important;height:257.14%!important;left:-4.04%;top:-71.43%;max-width:none}
.wm.has-lottie .wl{display:block}
.wm.has-lottie .wt{display:none}
.wl path,.gl path{fill:currentColor}
.giant .gl{display:none;position:relative;width:min(100%,1600px);aspect-ratio:1634/420;margin-inline:auto;overflow:visible}
.giant.has-lottie{display:block;font-size:0;line-height:0;margin-bottom:-4vw}
.giant.has-lottie .gt{display:none}
.giant.has-lottie .gl{display:block}
@media (max-width:860px){.wm .wl{width:104px}}

/* formulário: retorno do envio e campo-isca contra robôs */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
html:root .fnote{font-size:15px;line-height:1.45;color:var(--ink);background:var(--paper);border-radius:14px;padding:12px 16px}
html:root .fnote.ok{background:var(--teal);color:#F8F1E3}
html:root .fnote a{color:inherit;font-weight:700;text-decoration:underline;text-decoration-color:var(--rust);text-underline-offset:3px}

/* política de privacidade */
.ihero--sm h1{font-size:clamp(46px,6vw,96px)}
.pvw{max-width:760px;display:flex;flex-direction:column;gap:clamp(34px,4vw,52px)}
.pv h2{font:800 clamp(26px,2.4vw,36px)/1.06 var(--f-d);letter-spacing:-.035em;margin:0 0 14px}
.pv p{margin:0 0 12px;font-size:17px;line-height:1.6;color:var(--muted);max-width:64ch}
.pv p b{color:var(--ink);font-weight:600}
.pv a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--rust);text-underline-offset:3px}
.pv .cpref{margin-top:8px}

/* aviso de cookies (só o Google Analytics; nada carrega antes do aceite) */
.ck{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:90;width:min(440px,calc(100% - 32px));background:#F8F1E3;color:var(--ink);border:2px solid var(--ink);border-radius:20px;box-shadow:6px 7px 0 var(--ink);padding:18px 18px 16px;display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.5;transform:translateY(calc(100% + 40px));transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.ck.on{transform:none}
.ck p{margin:0}
.ck a{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:var(--rust);text-underline-offset:3px}
.ck .row{display:flex;gap:10px;flex-wrap:wrap}
.ck button{font:600 15px/1 var(--f-b);min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--ink);cursor:pointer;background:#F8F1E3;color:var(--ink);transition:background .2s,color .2s}
.ck button.yes{background:var(--ink);color:#F8F1E3}
.ck button:hover{background:var(--rust-d);border-color:var(--rust-d);color:#F8F1E3}
body.ck-open .mbar{opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.ck{transition:none}}