/* Dra. Roberta Ramos: vinho do lacre (matiz 15) + creme e ouro do Instagram dela. DESIGN.md explica as escolhas. */
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/Cormorant.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/Cormorant-It.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Albert Sans";src:url(/fonts/AlbertSans.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{
  --vinho:oklch(.42 .13 15);--vinho-f:oklch(.34 .11 15);--vinho-c:oklch(.93 .03 20);--rosa:oklch(.74 .09 15);
  --ouro:oklch(.72 .08 70);--ouro-c:oklch(.86 .06 75);
  --noite:oklch(.17 .025 15);--noite-2:oklch(.22 .035 15);
  --tinta:oklch(.24 .03 20);--texto:oklch(.34 .025 25);--suave:oklch(.5 .02 30);
  --papel:oklch(.975 .01 70);--creme:oklch(.95 .02 70);--linha:oklch(.88 .02 60);
  --f-t:"Cormorant Garamond",Georgia,serif;--f-c:"Albert Sans",system-ui,sans-serif;
  --r:20px;--sombra:0 1px 2px oklch(.2 .03 20/.08),0 18px 40px -18px oklch(.2 .05 15/.35);
  --e:cubic-bezier(.2,.7,.2,1);--d:900ms;
  --fs-1:clamp(2.9rem,1.6rem + 5vw,6rem);--fs-2:clamp(2.1rem,1.4rem + 2.6vw,3.6rem);--fs-3:1.5rem;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 1.0625rem/1.7 var(--f-c);color:var(--texto);background:var(--papel)}
img{max-width:100%;height:auto;display:block}
a{color:var(--vinho);text-underline-offset:.2em}
h1,h2,h3{font-family:var(--f-t);color:var(--tinta);line-height:1.02;letter-spacing:-.01em;margin:0 0 .45em;font-weight:500;text-wrap:balance}
h1{font-size:var(--fs-1)}h2{font-size:var(--fs-2)}h3{font-size:var(--fs-3);font-weight:600}
h1 em,h2 em{font-style:italic;font-weight:400}
p{margin:0 0 1em;text-wrap:pretty}
.caixa{width:min(1200px,100% - 2.5rem);margin-inline:auto}
.pular{position:absolute;left:-999px;top:0;background:var(--tinta);color:#fff;padding:.6rem 1rem;z-index:99}.pular:focus{left:1rem}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,li[tabindex]:focus-visible{outline:3px solid var(--ouro);outline-offset:3px;border-radius:6px}
.escondido{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ico{width:1.25em;height:1.25em;flex:none}
.nw{white-space:nowrap}
.rot{font:italic 500 1.3rem/1.2 var(--f-t);color:var(--vinho);margin-bottom:1rem;display:flex;align-items:center;gap:.7rem}
.rot::before{content:"";width:28px;height:1px;background:currentColor}

/* botões: uma ação principal, a secundária é link de texto ao lado */
.acoes{display:flex;flex-wrap:nowrap;align-items:center;gap:1.6rem}
.bt{display:inline-flex;align-items:center;gap:.6rem;white-space:nowrap;min-height:50px;padding:.85rem 1.6rem;border:0;border-radius:999px;background:var(--vinho);color:#fff;font:600 1rem/1 var(--f-c);text-decoration:none;cursor:pointer;box-shadow:var(--sombra);position:relative;overflow:hidden;transition:background-color .3s,transform .3s var(--e)}
.bt::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,oklch(1 0 0/.22) 50%,transparent 70%);translate:-120% 0;transition:translate .8s var(--e)}
.bt:hover{background:var(--vinho-f);transform:translateY(-2px)}.bt:hover::after{translate:120% 0}.bt:active{transform:scale(.98)}
.bt[disabled]{opacity:.6;cursor:wait}
.lk{font-weight:600;white-space:nowrap;color:var(--vinho);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s var(--e);padding:.3rem 0}
.lk:hover{background-size:100% 1px}
.lk::after{content:" →"}

/* topo: fundo sólido no próprio elemento fixo (Safari 26) */
.topo{position:fixed;top:0;left:0;right:0;z-index:20;background-color:transparent;transition:background-color .35s,box-shadow .35s}
.topo.rolou{background-color:var(--noite);box-shadow:0 10px 30px -18px oklch(0 0 0/.6)}
.topo-l{display:flex;align-items:center;gap:2rem;min-height:84px;transition:min-height .35s var(--e)}
.topo.rolou .topo-l{min-height:68px}
.marca{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;flex:none}
.marca .lotus{width:46px;height:43px;fill:var(--ouro);transition:transform .6s var(--e)}
.marca:hover .lotus{transform:rotate(-8deg) scale(1.05)}
.marca b{display:block;font:500 1.6rem/1 var(--f-t);letter-spacing:.01em}
.marca small{display:block;font:600 .66rem/1.4 var(--f-c);letter-spacing:.24em;text-transform:uppercase;color:var(--ouro-c)} /* avoid-ai-design-ignore: SD4 (o logo dela escreve MEDICINA EMOCIONAL assim no Instagram) */
#menu{display:flex;gap:1.8rem;margin-left:auto}
#menu a{color:oklch(.9 .015 60);text-decoration:none;font-weight:500;font-size:.94rem;padding:.4rem 0;position:relative}
#menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ouro);scale:0 1;transform-origin:left;transition:scale .35s var(--e)}
#menu a:hover::after{scale:1 1}
.topo-wa{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--ouro);color:#fff;font-weight:600;text-decoration:none;transition:background-color .3s,color .3s,opacity .3s}
.topo-wa:hover{background:var(--ouro);color:var(--noite)}

/* hero: retrato dela no estúdio escuro, à direita; véu vinho da esquerda; poeira dourada em canvas */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(640px,100svh,1000px);display:grid;align-items:center;padding:calc(84px + 3rem) 0 5rem;background:var(--noite);color:oklch(.88 .02 50)}
.hero-bg{position:absolute;inset:0;z-index:-3}
.hero-bg img{position:absolute;right:0;top:0;height:100%;width:min(62%,1100px);object-fit:cover;object-position:50% 18%;animation:kb 28s ease-in-out infinite alternate;transform-origin:70% 30%}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.12) translate(-1.2%,.8%)}}
.hero-veu{position:absolute;inset:0;z-index:-2;background:
  linear-gradient(90deg,var(--noite) 0%,var(--noite) 36%,oklch(.17 .025 15/.75) 50%,oklch(.17 .025 15/.1) 72%,transparent),
  radial-gradient(55% 70% at 18% 60%,oklch(.32 .1 15/.55),transparent 70%),
  linear-gradient(0deg,var(--noite) 0%,transparent 26%)}
.poeira{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero-t{max-width:40rem}
.selo{display:inline-flex;font:500 .9rem/1 var(--f-c);color:var(--ouro-c);border:1px solid oklch(.72 .08 70/.45);padding:.65rem 1rem;border-radius:999px;margin-bottom:1.8rem}
.hero h1{color:#fff;margin-bottom:.35em}
.hero h1 em{color:var(--rosa)}
.hero-l{font-size:1.15rem;max-width:33rem;margin-bottom:2.2rem;color:oklch(.86 .02 50)}
.hero .lk{color:var(--ouro-c)}
.nota{display:inline-flex;align-items:center;gap:.55rem;margin-top:2.4rem;color:inherit;text-decoration:none;font-size:.95rem}
.nota b{font:600 1.6rem/1 var(--f-t);color:#fff}
.nota .plataforma{width:22px;height:22px}
.nota::before{content:"★★★★★";color:oklch(.78 .13 80);letter-spacing:.08em;font-size:1rem;order:2}
.nota span{order:3}
.hero .lacre{position:absolute;right:clamp(1rem,6vw,7rem);bottom:clamp(2rem,9vh,6rem);width:clamp(92px,9vw,138px);filter:drop-shadow(0 12px 24px rgb(0 0 0/.45));rotate:-12deg}
.rolar{position:absolute;left:50%;bottom:1.6rem;width:26px;height:42px;border:1.5px solid oklch(.86 .06 75/.6);border-radius:14px;translate:-50% 0}
.rolar span{position:absolute;left:50%;top:8px;width:3px;height:8px;border-radius:2px;background:var(--ouro-c);translate:-50% 0;animation:desce 1.8s var(--e) infinite}
@keyframes desce{0%{opacity:0;transform:translateY(-4px)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
/* entrada: título por palavra, o resto em cascata, o lacre "carimba" */
.js .hero-t>:not(h1){opacity:0;transform:translateY(20px)}
.js .hero.foi .hero-t>:not(h1){opacity:1;transform:none;transition:opacity 1s var(--e),transform 1s var(--e)}
.js .hero.foi .hero-t>:nth-child(3){transition-delay:.55s}.js .hero.foi .hero-t>:nth-child(4){transition-delay:.7s}.js .hero.foi .hero-t>:nth-child(5){transition-delay:.85s}
.js .hero .lacre{opacity:0;transform:scale(1.8)}
.js .hero.foi .lacre{opacity:1;transform:none;transition:opacity .25s 1.1s,transform .55s cubic-bezier(.3,1.6,.5,1) 1.1s}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.split .w>span{display:inline-block}
.js .split .w>span{transform:translateY(105%);opacity:0}
.js .split.foi .w>span{transform:none;opacity:1;transition:transform 1s var(--e),opacity .6s var(--e);transition-delay:calc(var(--i) * 55ms)}

/* faixa de temas correndo */
.temas{background:var(--vinho);color:#fff;overflow:hidden;padding:1.05rem 0;border-block:1px solid oklch(.72 .08 70/.35)}
.temas-t{display:flex;align-items:center;gap:2.2rem;width:max-content;animation:marquee 42s linear infinite}
.temas span{font:italic 400 1.7rem/1 var(--f-t);white-space:nowrap}
.temas .lotus{width:24px;height:22px;fill:var(--ouro-c);flex:none}
.temas:hover .temas-t{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}

/* assinatura: lótus em 3D que se abre em 3 camadas ao rolar */
.lotus3d{position:relative;height:280vh;background:radial-gradient(60% 55% at 72% 48%,oklch(.32 .1 15/.65),transparent 70%),linear-gradient(180deg,var(--noite),var(--noite-2) 50%,var(--noite));color:oklch(.86 .02 50)}
.lotus3d-pin{position:sticky;top:0;height:100svh;display:grid;align-items:center;overflow:hidden}
.lotus3d h2{color:#fff}.lotus3d .rot{color:var(--ouro-c)}
.lotus3d-g{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}
.camadas{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1.3rem}
.camadas li{display:grid;grid-template-columns:52px 1fr;gap:1.1rem;opacity:.32;transition:opacity .6s var(--e),transform .6s var(--e)}
.camadas li.ativa{opacity:1;transform:translateX(8px)}
.camadas .n{font:500 1.9rem/1 var(--f-t);color:var(--ouro)}
.camadas h3{color:#fff;margin-bottom:.2rem;font-size:1.7rem}.camadas p{margin:0;font-size:.98rem}
.lotus3d-v{position:relative;height:min(80svh,680px)}
.lotus3d-v canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s var(--e);touch-action:pan-y;cursor:grab}
.lotus3d-v.com-3d canvas{opacity:1}.lotus3d-v.com-3d .lotus-svg{opacity:0}
.lotus-svg{position:absolute;inset:18%;width:64%;height:64%;fill:none;stroke:var(--ouro);stroke-width:3;transition:opacity .6s}
.lotus-svg use{stroke-dasharray:6000;stroke-dashoffset:6000}
.lotus-svg.foi use{stroke-dashoffset:0;transition:stroke-dashoffset 3s var(--e)}
.lotus3d-d{position:absolute;bottom:.6rem;left:0;right:0;text-align:center;font-size:.85rem;color:oklch(.75 .03 50);margin:0;opacity:0;transition:opacity .6s}
.com-3d .lotus3d-d{opacity:1}

/* tratamentos: lista editorial; a foto do lado troca com o item em foco */
.trat{padding:clamp(4.5rem,10vw,8rem) 0;background:radial-gradient(70% 60% at 100% 0%,oklch(.93 .03 20),transparent 70%),var(--papel)}
.trat-g{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.trat-c{position:sticky;top:110px}
.trat-l{max-width:26rem}
.trat-fig{position:relative;aspect-ratio:4/5;max-width:380px;margin-top:2rem;border-radius:200px 200px var(--r) var(--r);overflow:hidden;box-shadow:var(--sombra);background:var(--creme)}
.trat-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;opacity:0;scale:1.08;transition:opacity .7s var(--e),scale 1.2s var(--e)}
.trat-fig img.on{opacity:1;scale:1}
.trat-l2{list-style:none;margin:0;padding:0;counter-reset:t}
.trat-l2 li{position:relative;display:grid;grid-template-columns:2.6rem 1fr;column-gap:1rem;padding:1.7rem 0;border-bottom:1px solid var(--linha);cursor:default;transition:padding .45s var(--e)}
.trat-l2 li::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--vinho);scale:0 1;transform-origin:left;transition:scale .6s var(--e)}
.trat-l2 li.on::before{scale:1 1}
.trat-l2 li.on{padding-left:.6rem}
.trat-l2 .lotus{width:26px;height:24px;margin-top:.7rem;fill:var(--ouro);transition:transform .6s var(--e)}.trat-l2 li.on .lotus{transform:rotate(-14deg) scale(1.15);fill:var(--vinho)}
.trat-l2 h3{grid-column:2;font-size:clamp(1.7rem,1.2rem + 1.4vw,2.4rem);font-weight:500;margin:0 0 .35rem;transition:color .4s}
.trat-l2 li.on h3{color:var(--vinho);font-style:italic}
.trat-l2 p{grid-column:2;margin:0;max-width:34rem}
.t-mini{display:none}

/* quem atende: colagem com parallax */
.dra{padding:clamp(4.5rem,10vw,8rem) 0;background:var(--creme);position:relative;overflow:hidden}
.dra::before{content:"";position:absolute;width:640px;height:640px;left:-220px;top:-180px;border-radius:50%;border:1px solid oklch(.72 .08 70/.35)}
.dra-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5.5rem);align-items:center;position:relative}
.dra-r{font-weight:600;color:var(--vinho);line-height:1.5}
.colagem{position:relative;aspect-ratio:1/1.08;max-width:560px;width:100%}
.colagem img{position:absolute;object-fit:cover;box-shadow:var(--sombra)}
.c1{left:16%;top:0;width:54%;height:80%;border-radius:999px 999px var(--r) var(--r);object-position:50% 20%}
.c2{left:0;bottom:0;width:40%;aspect-ratio:1;border-radius:50%;border:6px solid var(--creme)}
.c3{right:0;bottom:8%;width:36%;height:58%;object-position:50% 0;border-radius:var(--r) var(--r) 999px 999px;border:6px solid var(--creme)}
.js .colagem img{opacity:0;transform:translateY(30px) scale(.96)}
.js .colagem.foi img{opacity:1;transform:none;transition:opacity var(--d) var(--e),transform 1.1s var(--e)}
.js .colagem.foi .c2{transition-delay:.14s}.js .colagem.foi .c3{transition-delay:.28s}
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0;padding:1.4rem 0;border-block:1px solid var(--linha)}
.nums dt{font:500 clamp(2.2rem,1.6rem + 1.6vw,3rem)/1 var(--f-t);color:var(--vinho)}
.nums dd{margin:.35rem 0 0;font-size:.88rem;line-height:1.4;color:var(--suave)}
@supports (animation-timeline:view()){
  @media (min-width:900px) and (prefers-reduced-motion:no-preference){
    .colagem .c1{animation:sobe linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
    .colagem .c2{animation:sobe2 linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
    .colagem .c3{animation:desce2 linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
    .hero-bg{animation:afasta linear both;animation-timeline:scroll(root);animation-range:0 100vh}
    .faixa-t{animation:sobe linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  }
}
@keyframes sobe{from{translate:0 30px}to{translate:0 -30px}}@keyframes sobe2{from{translate:0 70px}to{translate:0 -70px}}
@keyframes desce2{from{translate:0 -50px}to{translate:0 50px}}@keyframes afasta{to{translate:0 22vh;opacity:.55}}

/* faixa com vídeo das fotos dela e a frase do Instagram */
.faixa{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(420px,70svh,640px);display:grid;align-items:center;padding:5rem 0;background:var(--noite)}
.bg-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;background:var(--noite) center/cover}
.faixa-veu{position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 80% at 50% 50%,oklch(.17 .025 15/.55),oklch(.17 .025 15/.92)),linear-gradient(0deg,oklch(.3 .1 15/.4),transparent)}
.faixa-t{margin:0 auto;text-align:center;max-width:56rem}
.faixa blockquote{margin:0 0 1.4rem;font:italic 400 clamp(2rem,1.3rem + 3vw,4rem)/1.12 var(--f-t);color:#fff}
.faixa figcaption{font:italic 500 1.2rem/1 var(--f-t);color:var(--ouro-c)}

/* consulta em 3 passos */
.cons{padding:clamp(4.5rem,10vw,8rem) 0;background:var(--papel)}
.cons-t{max-width:44rem;margin-bottom:3rem}
.passos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,3vw,2.4rem)}
.passos li{position:relative;padding:2rem 1.6rem 1.8rem;border-radius:var(--r);background:#fff;border:1px solid var(--linha);transition:transform .45s var(--e),box-shadow .45s var(--e)}
.passos li:hover{transform:translateY(-6px);box-shadow:var(--sombra)}
.passos .n{display:block;font:italic 400 3.6rem/1 var(--f-t);color:var(--ouro);margin-bottom:1rem}
.passos p{font-size:.98rem;margin:0}
.cons-n{margin:2.2rem 0 0;font-weight:500}

/* avaliações: origem e foto em cada uma */
.avs{padding:clamp(4.5rem,10vw,8rem) 0;background:linear-gradient(180deg,var(--papel),var(--creme))}
.avs-t{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2.4rem}
.avs-t h2{margin:0}.nota-c{margin:0}.nota-c b{color:var(--tinta)}
.avs-g{columns:3 300px;column-gap:1.4rem}
.av{break-inside:avoid;margin:0 0 1.4rem;background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:1.6rem;transition:transform .45s var(--e),box-shadow .45s var(--e)}
.av:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.av blockquote{margin:0 0 1.2rem;font-size:1rem;color:var(--tinta)}
.av blockquote::before{content:"★★★★★";display:block;color:oklch(.76 .14 80);letter-spacing:.1em;font-size:.9rem;margin-bottom:.6rem}
.av figcaption{display:flex;align-items:center;gap:.75rem}
.av figcaption img{width:44px;height:44px;border-radius:50%}
.av b{display:block;font-size:.95rem;color:var(--tinta)}
.av small{display:block;font-size:.82rem;line-height:1.4;color:var(--suave)}
.av .plataforma{width:14px;height:14px;vertical-align:-2px;margin-right:.3rem}

/* dúvidas */
.faq{padding:0 0 clamp(4.5rem,10vw,8rem);background:var(--creme)}
.faq-g{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem}
details{border-bottom:1px solid var(--linha)}
summary{cursor:pointer;list-style:none;padding:1.2rem 2.5rem 1.2rem 0;font:600 1.4rem/1.25 var(--f-t);color:var(--tinta);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:.4rem;top:50%;width:11px;height:11px;border-right:1.5px solid var(--vinho);border-bottom:1.5px solid var(--vinho);translate:0 -70%;rotate:45deg;transition:rotate .35s var(--e)}
details[open] summary::after{rotate:225deg}
details p{padding-bottom:1.3rem;margin:0}

/* contato */
.cont{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(60% 70% at 0% 100%,oklch(.32 .1 15/.7),transparent 70%),var(--noite);color:oklch(.86 .02 50);padding:clamp(4.5rem,10vw,7rem) 0}
.cont h2{color:#fff}.cont a{color:var(--ouro-c)}
.cont-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.cont-l{font-size:1.1rem}
.cont .bt{margin-bottom:2rem}
.cont dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.9rem 1.4rem}
.cont dt{font-weight:600;color:#fff}.cont dd{margin:0}
.form{background:var(--papel);color:var(--texto);border-radius:var(--r);padding:clamp(1.4rem,3vw,2.2rem);display:grid;gap:1rem}
.form a{color:var(--vinho)}
.campo{display:grid;gap:.35rem;margin:0;border:0;padding:0;min-width:0}
.campo label,.campo legend{font-weight:600;color:var(--tinta);font-size:.95rem;padding:0}
.campo small{color:var(--suave);font-size:.82rem;font-weight:400}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
input,textarea,select{font:inherit;color:var(--tinta);width:100%;padding:.8rem .95rem;border:1.5px solid var(--linha);border-radius:12px;background:#fff;transition:border-color .2s}
input:focus,textarea:focus,select:focus{border-color:var(--vinho);outline:none;box-shadow:0 0 0 3px var(--vinho-c)}
[aria-invalid=true]{border-color:oklch(.55 .18 25)}
.int-f{display:flex;flex-wrap:wrap;gap:.5rem}
.int-f legend{width:100%;margin-bottom:.35rem}
.int-f label{display:inline-flex;align-items:center;gap:.45rem;font-weight:500;padding:.55rem .95rem;border:1.5px solid var(--linha);border-radius:999px;cursor:pointer;min-height:44px;background:#fff}
.int-f label:has(input:checked){border-color:var(--vinho);background:var(--vinho-c);color:var(--vinho-f)}
.int-f input{width:auto;accent-color:var(--vinho);margin:0}
.form .bt{justify-self:start}
.form-st{margin:0;font-weight:600;min-height:1.2em}.form-st.ok{color:oklch(.45 .1 160)}.form-st.erro{color:oklch(.5 .18 25)}
.form-lg{font-size:.82rem;color:var(--suave);margin:0}

/* rodapé e páginas internas */
.rod{background:oklch(.14 .02 15);color:oklch(.76 .02 50);padding:3.5rem 0 1.5rem;font-size:.92rem}
.rod a{color:var(--ouro-c)}
.rod-g{display:grid;grid-template-columns:1.1fr 1fr 1.3fr .9fr;gap:2rem;margin-bottom:2rem}
.rod .lacre{width:84px;margin-top:1.4rem;rotate:-10deg}
.rod address{font-style:normal}.rod b{color:#fff}
.rod-l{display:grid;gap:.5rem;align-content:start}
.rod-f{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;border-top:1px solid oklch(.28 .03 15);padding-top:1.3rem;font-size:.85rem}
.rod-f p{margin:0}
.int{padding:calc(84px + 3rem) 0 clamp(3rem,7vw,5rem)}
.int .marca{color:var(--tinta)}
.art{max-width:44rem}.art h2{font-size:1.9rem;margin-top:2rem}
body:has(.int) .topo{background-color:var(--noite)}

/* revelar ao rolar: sem JS tudo aparece */
.js .reveal{opacity:0;transform:translateY(26px)}
.js .reveal.foi{opacity:1;transform:none;transition:opacity .8s var(--e),transform .8s var(--e)}
[id]{scroll-margin-top:76px}

@media (max-width:1060px){#menu{display:none}.topo-l{justify-content:space-between}}
@media (max-width:980px){
  .hero{align-items:end;min-height:max(100svh,700px);padding-bottom:3rem}
  .hero-bg img{width:100%;height:68%;object-position:50% 12%}
  .hero-veu{background:linear-gradient(0deg,var(--noite) 0%,var(--noite) 38%,oklch(.17 .025 15/.7) 52%,transparent 72%),linear-gradient(180deg,oklch(.17 .025 15/.6),transparent 22%)}
  .hero .lacre{top:110px;bottom:auto;right:1.2rem;width:82px}
  .rolar{display:none}
  .lotus3d{height:auto}.lotus3d-pin{position:relative;height:auto;padding:4.5rem 0}
  .lotus3d-g{grid-template-columns:1fr}.lotus3d-v{height:min(62svh,460px);order:-1}
  .camadas li{opacity:1}
  .trat-g,.dra-g,.cont-g,.faq-g{grid-template-columns:1fr}
  .trat-c{position:static}.trat-fig{display:none}
  .trat-l2 li{grid-template-columns:84px 1fr;column-gap:1.1rem;align-items:start}
  .t-mini{display:block;grid-row:1/4;width:84px;height:105px;object-fit:cover;object-position:50% 20%;border-radius:60px 60px 12px 12px}
  .trat-l2 .lotus{display:none}
  .trat-l2 li.on{padding-left:0}
  .colagem{justify-self:center;max-width:460px}
  .rod-g{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .passos{grid-template-columns:1fr}
  .duas{grid-template-columns:1fr}
  .nums{grid-template-columns:1fr 1fr 1fr;gap:.6rem}.nums dd{font-size:.78rem}
  .rod-g{grid-template-columns:1fr}
  .temas span{font-size:1.35rem}
  .js .topo-wa.longe{opacity:0;pointer-events:none}
  /* colagem sem sobreposicao: arco a esquerda, as 2 menores empilhadas a direita */
  .colagem{aspect-ratio:1/1.05}
  .c1{left:0;width:58%;height:100%}
  .c3{right:0;top:0;bottom:auto;width:38%;height:56%;border:0}
  .c2{left:auto;right:0;width:38%;border:0}
}
@media (max-width:400px){
  .caixa{width:calc(100% - 1.75rem)}
  .acoes{gap:1rem}.bt{padding:.8rem 1.15rem;font-size:.95rem}
  .marca small{display:none}.marca b{font-size:1.35rem}.marca .lotus{width:38px;height:36px}
  .topo-wa{padding:.5rem .8rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation:none!important}
  .js .reveal,.js .colagem img,.js .hero-t>*,.js .hero .lacre,.js .split .w>span{opacity:1;transform:none}
  .lotus-svg use{stroke-dashoffset:0}
  .poeira{display:none}
}