@font-face{font-family:"EB Garamond";src:url(fonts/eb-garamond.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(fonts/eb-garamond-italic.woff2) format("woff2");font-weight:400 600;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --verde:#1E3A2A;--vinho:#5A1F36;--creme:#FBF3EA;--purpura:#581E57;--musgo:#CAD0B1;
  --creme-2:#F4EADC;--musgo-claro:#E7EAD8;--tinta:#2B2A22;--tinta-suave:#5A5044;
  --serif:"EB Garamond",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --borda:rgba(30,58,42,.2);--borda-clara:rgba(251,243,234,.26);
  --gutter:clamp(20px,5vw,72px);
  --lado:max(var(--gutter),calc((100vw - 1320px) / 2));
  --folha:clamp(64px,12vw,200px);
  --secao:clamp(64px,8vw,124px);
  --curva:clamp(34px,7vw,110px);
  --topo:84px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--creme);color:var(--tinta);font:400 17px/1.65 var(--sans);overflow-wrap:break-word;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,blockquote,figure{margin:0}
ul,ol{padding:0;list-style:none}
strong{font-weight:600}
:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}

h1,h2,h3{font-family:var(--serif);font-weight:400;color:inherit}
h2{font-size:clamp(2.55rem,5.5vw,5.3rem);line-height:1.02;letter-spacing:-.018em;text-wrap:balance}
h3{font-size:1.6rem;line-height:1.15;font-weight:500}
h1 em,h2 em{font-style:italic;font-weight:400}

.pagina{margin-inline:var(--lado)}
.secao{position:relative;padding-block:var(--secao) calc(var(--secao) + var(--curva))}
.curva{position:absolute;left:0;bottom:-1px;width:100%;height:var(--curva);display:block;z-index:1;pointer-events:none}
.creme-2{background:var(--creme-2)}
.escuro{background:var(--verde);color:var(--creme)}
.vinho{background:var(--vinho);color:var(--creme)}
.purpura{background:var(--purpura);color:var(--creme)}

.foto{position:relative;overflow:hidden;background:var(--creme-2)}
.foto img{width:100%;height:100%;object-fit:cover}
.anima .foto img[data-par]{position:absolute;left:0;top:-4%;width:100%;height:108%;max-width:none}

.chapeu{font:italic 400 1.3rem/1.2 var(--serif);color:var(--vinho);margin-bottom:.8em}
.escuro .chapeu{color:var(--musgo)}
.intro{font-size:1.12rem;max-width:58ch;margin-top:1.2em}
.fecho{font:400 clamp(2rem,4.2vw,4rem)/1.06 var(--serif);letter-spacing:-.012em;margin-top:clamp(40px,6vw,88px);text-wrap:balance}
.pequeno{font-size:.875rem;line-height:1.55;color:var(--tinta-suave)}

.citacao{font:italic 400 clamp(1.3rem,2vw,1.7rem)/1.28 var(--serif)}
.citacao cite{display:block;margin-top:.6em;font:400 .875rem/1.4 var(--sans);font-style:normal;opacity:.82}

/* Botão */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:.6em;background:var(--vinho);color:#fff;text-decoration:none;font:600 1rem/1.2 var(--sans);padding:1.1em 1.7em;border-radius:999px;transition:background-color .25s,color .25s,transform .25s;text-align:center}
.botao:hover{background:var(--purpura);transform:translateY(-2px)}
.botao svg{width:1.25em;height:1.25em;flex:none;fill:currentColor}
.botao.claro{background:var(--creme);color:var(--vinho)}
.botao.claro:hover{background:#fff}
.chamada{margin-top:clamp(28px,3.4vw,44px)}
.chamada-nota{margin-top:.8em;font-size:.875rem;line-height:1.5;color:var(--tinta-suave);max-width:46ch}
.escuro .chamada-nota,.purpura .chamada-nota,.vinho .chamada-nota,.hero .chamada-nota{color:var(--creme);opacity:.86}

/* Barra e topo */
.barra-id{position:relative;z-index:41;background:var(--verde);color:var(--creme);font-size:.75rem;line-height:1.3;padding:.55em var(--gutter);text-align:center}
.topo{position:sticky;top:0;z-index:40;height:var(--topo);margin-bottom:calc(-1 * var(--topo));background:var(--creme);color:var(--verde);transition:background-color .35s,color .35s,box-shadow .35s}
.topo.rolou{box-shadow:0 10px 34px rgba(30,58,42,.1)}
.topo-int{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-inline:var(--lado);height:100%}
.marca{display:block;flex:none;position:relative}
.marca img{height:60px;width:auto}
.marca .so-simbolo,.marca .logo-clara{display:none}
.menu{display:flex;gap:clamp(14px,2.1vw,30px);font-size:.875rem;font-weight:500}
.menu a{text-decoration:none;white-space:nowrap;padding:.4em 0;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s}
.menu a:hover{background-size:100% 1px}
.topo .botao{padding:.8em 1.25em;font-size:.875rem;white-space:nowrap}
.abre-menu{display:none;width:44px;height:44px;flex:none;border:0;padding:0;background:none;color:inherit;cursor:pointer;position:relative}
.abre-menu span{position:absolute;left:10px;right:10px;height:1.5px;background:currentColor;transition:transform .3s,top .3s}
.abre-menu span:nth-child(1){top:17px}
.abre-menu span:nth-child(2){top:26px}
html.js .topo.sobre-hero{background:transparent;color:var(--creme)}
html.js .topo.sobre-hero .inteira{display:none}
html.js .topo.sobre-hero .inteira-c{display:block}
html.js .topo.sobre-hero .botao{background:var(--creme);color:var(--vinho)}

/* 1. Primeira dobra */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--vinho);color:var(--creme);min-height:calc(100svh - 30px);display:flex;align-items:center;padding-block:calc(var(--topo) + 28px) calc(var(--curva) + 36px)}
.hero-grade{position:static;width:auto}
.hero-grade>div:first-child{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;max-width:min(58vw,800px)}
.hero h1{order:1;font-size:clamp(3.2rem,7.5vw,7.6rem);line-height:.97;letter-spacing:-.024em}
.hero h1 em{color:var(--musgo)}
.hero .chamada{order:2;margin-top:clamp(24px,2.6vw,36px);display:flex;align-items:center;gap:1.1em;flex-wrap:wrap}
.hero .chamada-nota{margin:0}
.hero a.js-wa{margin:0;background:var(--creme);color:var(--vinho)}
.hero a.js-wa:hover{background:#fff}
.hero p.texto{order:3;font-size:1.02rem;line-height:1.6;margin-top:clamp(22px,2.4vw,32px);max-width:35rem}
.hero .citacao{order:4;margin-top:clamp(18px,1.8vw,24px);max-width:33rem;font-size:clamp(1.25rem,1.7vw,1.5rem)}
.hero .citacao cite{opacity:.86}
.hero .hero-id{order:5;margin-top:1.2em;max-width:35rem;color:var(--creme);opacity:.8;font-size:.8125rem}
.hero-foto{position:absolute;top:-6%;right:0;bottom:-2%;width:54vw;z-index:-1;margin:0}
.hero-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.1) 8%,rgba(0,0,0,.38) 18%,rgba(0,0,0,.72) 28%,#000 42%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.1) 8%,rgba(0,0,0,.38) 18%,rgba(0,0,0,.72) 28%,#000 42%)}
.hero::after{content:"";position:absolute;inset:0 0 auto 0;height:190px;background:linear-gradient(180deg,rgba(66,20,38,.62),rgba(66,20,38,0));z-index:-1;pointer-events:none}
.mascara{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.palavra{display:inline-block}

/* 2. Credenciais */
.credenciais{position:relative;padding-block:clamp(22px,3vw,44px) calc(clamp(28px,3vw,44px) + var(--curva))}
.credenciais ul{margin-inline:var(--lado);display:flex;flex-wrap:wrap;gap:.2em 0;font:400 clamp(1.2rem,1.9vw,1.65rem)/1.4 var(--serif)}
.credenciais li{display:inline-flex;align-items:center}
.credenciais li:not(:last-child)::after{content:"";flex:none;width:.34em;height:.34em;margin-inline:.7em;border-radius:0 60% 0 60%;background:var(--musgo)}

/* 3. Reconhecer */
.s-reconhecer{padding-top:clamp(56px,7vw,110px)}
.reconhecer{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px)}
.rec-a{grid-column:1/9;grid-row:1;position:relative;z-index:2}
.rec-a h2{font-size:clamp(3.2rem,9vw,9.2rem);line-height:.94;letter-spacing:-.028em;color:var(--verde)}
.rec-a .intro{max-width:30em;margin-top:1.5em;font-size:1.2rem}
.rec-foto{grid-column:8/13;grid-row:1/3;margin-right:calc(-1 * var(--lado));margin-top:clamp(40px,6vw,96px);border-radius:var(--folha) 0 0 0;align-self:start;aspect-ratio:4/5.5}
.rec-foto img{object-position:50% 12%}
.rec-b{display:contents}
.cenas{grid-column:1/8;grid-row:2;margin-top:clamp(36px,5vw,72px)}
.cenas li{padding:.95em 0;border-top:1px solid var(--borda);font:400 clamp(1.3rem,1.85vw,1.65rem)/1.28 var(--serif)}
.cenas li:nth-child(even){padding-left:clamp(0px,5vw,72px)}
.cenas li:last-child{border-bottom:1px solid var(--borda)}
.rec-b .fecho{grid-column:1/-1;grid-row:3;font-size:clamp(2.6rem,7.2vw,7.2rem);line-height:.98;letter-spacing:-.024em;color:var(--vinho);text-align:center;margin-top:clamp(56px,8vw,120px)}

/* 4. Veneno */
.s-veneno{padding-bottom:calc(var(--secao) + var(--curva) * .6)}
.veneno{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:start}
.ven-txt{display:contents}
.ven-txt h2{grid-column:1/-1;grid-row:1;font-size:clamp(2.9rem,7.4vw,7.6rem);line-height:.97;letter-spacing:-.024em;text-wrap:pretty;margin-bottom:clamp(36px,5vw,72px)}
.ven-txt h2 em{color:var(--musgo)}
.ven-txt p{grid-column:1/6;max-width:31rem}
.ven-txt p:nth-of-type(1){grid-row:2}
.ven-txt p:nth-of-type(2){grid-row:3;margin-top:1.05em}
.ven-txt p:nth-of-type(3){grid-row:4;margin-top:1.05em}
.ven-txt .destaque{grid-row:5;font:italic 400 clamp(1.6rem,2.5vw,2.2rem)/1.18 var(--serif);margin-top:1.2em;color:var(--musgo)}
.ven-foto{grid-column:7/13;grid-row:2/7;margin-right:calc(-1 * var(--lado));margin-bottom:calc(-1 * (var(--secao) + var(--curva) * 1.1));z-index:3;aspect-ratio:4/5;border-radius:0 0 0 var(--folha)}
.ven-foto img{object-position:50% 0}

/* 5. Diagnóstico */
.s-diag{padding-top:clamp(40px,5vw,72px)}
.olhar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:start;position:relative}
.olh-foto{grid-column:1/6;grid-row:1/3;margin-left:calc(-1 * var(--lado));aspect-ratio:4/5.3;border-radius:0 var(--folha) 0 0}
.olh-foto img{object-position:50% 25%}
.olh-mini{grid-column:4/7;grid-row:2;align-self:end;margin-bottom:clamp(-60px,-4vw,-24px);aspect-ratio:1/1;border:clamp(6px,.7vw,10px) solid var(--creme);z-index:2;border-radius:0 0 clamp(40px,6vw,96px) 0}
.olh-mini img{object-position:40% 15%}
.olh-txt{grid-column:7/13;grid-row:1;padding-top:clamp(120px,19vw,300px)}
.olh-txt h2{color:var(--verde)}
.olh-txt h2 em{color:var(--vinho)}
.olh-txt .citacao{margin-top:1.6em;color:var(--vinho)}
.olh-txt .citacao cite{color:var(--tinta-suave);opacity:1}
.passos{counter-reset:p;margin-top:clamp(64px,9vw,140px)}
.passos>li{counter-increment:p;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:clamp(20px,4vw,64px);align-items:baseline;padding-block:clamp(22px,2.6vw,38px);border-top:1px solid var(--borda)}
.passos>li:last-child{border-bottom:1px solid var(--borda)}
.passos>li:nth-child(2){margin-left:8%}
.passos>li:nth-child(3){margin-left:16%}
.passos strong{font:italic 400 clamp(3rem,6.6vw,6.6rem)/.96 var(--serif);letter-spacing:-.02em;color:var(--vinho)}
.passos>li::before{content:counter(p);position:absolute;right:0;top:clamp(10px,1.2vw,18px);font:400 clamp(1rem,1.4vw,1.25rem)/1 var(--serif);color:var(--verde)}
.s-diag>.pagina>.fecho{margin-left:auto;max-width:17em;color:var(--verde)}

/* 6. Formações */
.s-form{background:var(--musgo);color:var(--verde);padding-top:clamp(40px,4vw,64px)}
.formacoes{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:start}
.form-foto{grid-column:8/13;grid-row:1;margin-right:calc(-1 * var(--lado));margin-top:calc(-1 * clamp(60px,8vw,130px));aspect-ratio:4/5.4;z-index:2;border-radius:var(--folha) 0 0 var(--folha)}
.form-foto img{object-position:50% 12%}
.form-txt{grid-column:1/8;grid-row:1;padding-top:clamp(32px,4vw,64px)}
.form-txt h2{font-size:clamp(2.8rem,6.6vw,6.6rem);line-height:.98}
.form-txt h2 em{color:var(--vinho)}
.lista-num{counter-reset:n;margin-top:clamp(32px,4vw,60px)}
.lista-num>li{counter-increment:n;display:grid;grid-template-columns:clamp(46px,6vw,86px) minmax(0,1fr);padding-block:1.2em;border-top:1px solid rgba(30,58,42,.32)}
.lista-num>li::before{content:counter(n);font:italic 400 clamp(2.6rem,4.2vw,3.8rem)/.95 var(--serif);color:var(--vinho)}
.lista-num strong{display:block;font:500 clamp(1.35rem,1.8vw,1.6rem)/1.18 var(--serif);margin-bottom:.35em}
.formacoes .citacao{margin-top:clamp(28px,3vw,44px);font-size:clamp(1.6rem,2.8vw,2.5rem);line-height:1.14;color:var(--vinho)}
.formacoes .citacao cite{color:var(--verde);opacity:1}

/* 7. Tratamentos */
.s-trat{padding-top:clamp(32px,4vw,64px)}
.s-trat h2{max-width:15em;color:var(--verde);font-size:clamp(2.55rem,6vw,6rem);line-height:1}
.s-trat h2 em{color:var(--vinho)}
.s-trat .intro{margin-left:auto;margin-right:0;max-width:30em;font-size:1.2rem}
.incomodos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);margin-top:clamp(40px,5vw,80px)}
.card.maior{padding:clamp(28px,5vw,76px) clamp(24px,4vw,64px)}
.card.maior h3{font-size:clamp(2.2rem,4.1vw,3.9rem);line-height:1;letter-spacing:-.015em;font-weight:400;margin-bottom:.5em}
.card.maior p{font-size:1.06rem;max-width:34em}
.card.maior:nth-of-type(1){grid-column:1/8;grid-row:1;background:var(--verde);color:var(--creme);margin-left:calc(-1 * var(--lado));padding-left:var(--lado);border-radius:0 var(--folha) 0 0;padding-bottom:clamp(110px,12vw,190px)}
.card.maior:nth-of-type(2){grid-column:8/13;grid-row:1;background:var(--vinho);color:var(--creme);margin-right:calc(-1 * var(--lado));padding-right:var(--lado);margin-top:clamp(40px,7vw,110px);align-self:start;border-radius:0 0 0 var(--folha)}
.trat-foto{grid-column:1/6;grid-row:2/6;margin-left:calc(-1 * var(--lado));margin-top:calc(-1 * clamp(70px,8vw,130px));z-index:2;aspect-ratio:4/5.2;align-self:start;border-radius:0 0 var(--folha) 0}
.trat-foto img{object-position:50% 6%}
.incomodos .card:not(.maior){grid-column:6/13;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(20px,3vw,48px);padding-block:clamp(20px,2.4vw,34px);border-bottom:1px solid var(--borda);margin-left:clamp(0px,3vw,48px)}
.incomodos .card:not(.maior) h3{font-size:clamp(1.6rem,2.3vw,2.1rem);line-height:1.08;color:var(--verde)}
.incomodos .card:not(.maior) p{font-size:.98rem}
.rotina{margin-top:clamp(24px,3vw,44px)}
.s-trat>.pagina>.fecho{max-width:19em;color:var(--verde)}

/* 8. Fases */
.s-fases{padding-top:clamp(40px,5vw,80px)}
.fases-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:start}
.fases-g>h2{grid-column:1/8;grid-row:1;font-size:clamp(2.7rem,6.2vw,6.2rem);line-height:.98}
.fases-g>h2 em{color:var(--musgo)}
.fases-g>.intro{grid-column:1/8;grid-row:2;font-size:1.2rem}
.fases-foto{grid-column:8/13;grid-row:1/4;align-self:start;position:sticky;top:112px;margin-right:calc(-1 * var(--lado));aspect-ratio:4/5.3;border-radius:var(--folha) 0 0 var(--folha);margin-left:clamp(0px,2vw,32px)}
.fases-foto img{object-position:50% 8%}
.fases{grid-column:1/8;grid-row:3;margin-top:clamp(36px,4vw,64px)}
.fases li{font-size:1rem;border-top:1px solid var(--borda-clara);padding-block:1.1em clamp(24px,2.6vw,38px)}
.fases li:nth-child(even){margin-left:9%}
.fases h3{margin-bottom:.5em;font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:400;font-style:italic;color:var(--musgo)}
.fases q{quotes:none;display:block;font:400 clamp(1.35rem,2vw,1.8rem)/1.2 var(--serif);margin-bottom:.65em}

/* 9. Jornada */
.s-jornada{padding-top:clamp(24px,3vw,48px);padding-bottom:var(--secao)}
.jornada-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:start}
.jornada-g>h2{grid-column:1/7;grid-row:1;font-size:clamp(2.8rem,5.6vw,5.6rem);line-height:.98;color:var(--verde);position:relative;z-index:2}
.jor-foto{grid-column:1/7;grid-row:2/4;margin-left:calc(-1 * var(--lado));margin-top:clamp(24px,3vw,48px);background:none;aspect-ratio:4/5}
.jor-foto img{object-position:50% 8%;-webkit-mask-image:linear-gradient(270deg,transparent 0,rgba(0,0,0,.5) 14%,#000 36%);mask-image:linear-gradient(270deg,transparent 0,rgba(0,0,0,.5) 14%,#000 36%)}
.jor-foto::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(0deg,var(--creme),rgba(251,243,234,0));pointer-events:none}
.jornada{grid-column:7/13;grid-row:1/3;counter-reset:j;position:relative;margin-top:clamp(8px,1vw,16px);padding-left:clamp(60px,6vw,88px)}
.jornada::before{content:"";position:absolute;left:clamp(21px,2.1vw,30px);top:8px;bottom:8px;width:1px;background:var(--vinho);transform:scaleY(var(--p,1));transform-origin:top}
.jornada li{counter-increment:j;position:relative;padding-bottom:clamp(32px,4vw,56px)}
.jornada li:last-child{padding-bottom:0}
.jornada li::before{content:counter(j);position:absolute;left:calc(-1 * clamp(60px,6vw,88px));top:-.1em;width:clamp(44px,4.4vw,62px);height:clamp(44px,4.4vw,62px);display:grid;place-items:center;border-radius:0 50% 0 50%;background:var(--vinho);color:var(--creme);font:italic 400 clamp(1.35rem,1.9vw,1.7rem)/1 var(--serif)}
.jornada strong{display:block;font:400 clamp(1.8rem,2.8vw,2.6rem)/1.05 var(--serif);color:var(--verde);margin-bottom:.3em}
.jornada-g>.chamada{grid-column:7/13;grid-row:3;align-self:start;margin-top:clamp(36px,4vw,60px);padding-left:clamp(60px,6vw,88px)}

/* 10. Comparação */
.s-comp{padding-bottom:calc(var(--secao) + var(--curva))}
.s-comp h2{color:var(--verde);max-width:15em;margin-inline:auto;text-align:center}
.s-comp h2 em{color:var(--vinho)}
.quadro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);gap:clamp(24px,3vw,48px);margin-top:clamp(56px,7vw,110px);align-items:start}
.opcao{padding-top:1.2em;border-top:1px solid var(--borda)}
.opcao h3{margin-bottom:.8em;font-size:clamp(1.5rem,2vw,1.8rem);line-height:1.1;color:var(--tinta-suave);font-weight:400}
.opcao dt{font-size:.8125rem;font-weight:600;color:var(--tinta-suave);margin-top:1em}
.opcao dd{font-size:1rem;line-height:1.45}
.opcao.ela{position:relative;background:var(--verde);color:var(--creme);border:0;padding:clamp(28px,4vw,60px) clamp(24px,3.4vw,52px);margin-top:calc(-1 * clamp(32px,4vw,64px));border-radius:0 var(--folha) 0 var(--folha)}
.opcao.ela h3{font-size:clamp(2rem,3vw,2.9rem);line-height:1.02;color:var(--creme);padding-right:clamp(96px,11.5vw,170px);letter-spacing:-.012em}
.opcao.ela dt{color:var(--musgo)}
.opcao.ela dd{font:400 clamp(1.3rem,1.8vw,1.6rem)/1.2 var(--serif)}
.ela-foto{position:absolute;right:clamp(16px,3vw,48px);top:calc(-1 * clamp(48px,5vw,84px));width:clamp(92px,11vw,170px);aspect-ratio:4/5;border-radius:0 44% 0 44%;border:clamp(4px,.5vw,7px) solid var(--creme-2)}
.ela-foto img{object-position:62% 14%}
.s-comp>.pagina>.fecho{color:var(--verde);max-width:17em}

/* 11. O que muda */
.s-perg{padding-top:clamp(40px,4vw,64px)}
.perg-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:start}
.perg-foto{grid-column:1/5;margin-left:calc(-1 * var(--lado));position:sticky;top:110px;aspect-ratio:4/5.6;border-radius:0 var(--folha) 0 0}
.perg-foto img{object-position:50% 12%}
.perg-txt{grid-column:6/13}
.perg-txt h2{font-size:clamp(2.6rem,5.2vw,5.2rem)}
.perguntas{counter-reset:c;margin-top:clamp(40px,5vw,72px)}
.perguntas li{counter-increment:c;padding-block:clamp(24px,3vw,44px);border-top:1px solid var(--borda-clara)}
.perguntas li:nth-child(even){padding-left:clamp(0px,5vw,84px)}
.perguntas strong{display:block;font:italic 400 clamp(1.8rem,3vw,2.9rem)/1.06 var(--serif);letter-spacing:-.012em;color:var(--creme);margin-bottom:.5em}
.perguntas span{display:block;max-width:36em;font-size:1rem;color:var(--creme);opacity:.9}

/* 12. Promessa */
.s-prom{background:var(--musgo);color:var(--verde);padding-top:clamp(40px,5vw,80px);overflow:hidden}
.promessa{position:relative;text-align:center;max-width:1040px;margin-inline:auto;padding-inline:var(--gutter)}
.s-prom::before{content:"";position:absolute;left:50%;top:50%;width:min(62vw,620px);aspect-ratio:176/192;transform:translate(-50%,-52%);background:url(img/simbolo.webp) center/contain no-repeat;opacity:.1;pointer-events:none}
.promessa h2{font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.2;font-style:italic;letter-spacing:0;color:var(--vinho)}
.promessa blockquote{font:400 clamp(1.9rem,3.9vw,3.7rem)/1.1 var(--serif);letter-spacing:-.012em;margin-top:.6em;text-wrap:pretty}
.promessa cite{font:400 .9rem/1.4 var(--sans);font-style:normal;display:block;margin-top:1.2em;letter-spacing:0}
.promessa .ultima{margin-top:1.5em;font:italic 500 clamp(1.4rem,2.2vw,1.9rem)/1.2 var(--serif);color:var(--vinho)}
.promessa>*{position:relative}

/* 13. Consultório */
.s-cons{padding-top:clamp(24px,3vw,48px)}
.consultorio{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:start}
.cons-txt{grid-column:1/6}
.cons-txt h2{font-size:clamp(2.9rem,6.2vw,6.2rem);line-height:.96;color:var(--verde)}
.cons-txt h2 em{color:var(--vinho)}
.detalhes{margin-top:1.6em}
.detalhes li{padding:1em 0;border-top:1px solid var(--borda);font-size:1rem}
.endereco{margin-top:1.2em;font-weight:500}
.endereco a{text-underline-offset:3px}
.galeria{grid-column:6/13;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);margin-right:calc(-1 * var(--lado));margin-left:clamp(0px,2vw,32px);align-items:start}
.g-mesa{grid-column:1/5;aspect-ratio:1/1.12;border-radius:0 0 var(--folha) 0}
.g-mesa img{object-position:50% 40%}
.g-pe{grid-column:5/8;aspect-ratio:3/5;margin-top:clamp(40px,6vw,96px)}
.g-pe img{object-position:50% 20%}
.g-sala{grid-column:2/5;aspect-ratio:4/5}
.g-sala img{object-position:50% 55%}
.g-sofa{grid-column:5/8;aspect-ratio:1/1;border-radius:var(--folha) 0 0 0}
.g-sofa img{object-position:50% 70%}
.cons-larga{margin-inline:calc(-1 * var(--lado));margin-top:clamp(48px,6vw,96px);aspect-ratio:3.1/1}
.cons-larga img{object-position:50% 50%}
.mapa{position:relative;z-index:2;margin-top:calc(-1 * clamp(40px,5vw,90px));margin-inline:auto;border:clamp(6px,.7vw,10px) solid var(--creme);width:100%;height:clamp(280px,30vw,420px);display:block;background:var(--creme-2);border-radius:0 0 0 clamp(40px,7vw,110px)}

/* 14. Sobre */
.s-sobre{padding-top:clamp(36px,4vw,64px)}
.sobre{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:start}
.sobre>div:first-child{grid-column:1/6;margin-left:calc(-1 * var(--lado))}
.sob-foto{aspect-ratio:4/5.4;border-radius:0 var(--folha) 0 0}
.sob-foto img{object-position:50% 10%}
.curriculo{margin-left:var(--lado);margin-top:1.6em;font-size:.9375rem}
.curriculo li{padding:.7em 0;border-top:1px solid var(--borda-clara)}
.sob-txt{grid-column:7/13;padding-top:clamp(20px,3vw,48px);position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:clamp(20px,3vw,44px)}
.sob-txt>*{grid-column:1/-1}
.sob-txt h2{font-size:clamp(2.8rem,5.8vw,5.8rem);line-height:.97;margin-bottom:.6em}
.sob-txt h2 em{color:var(--musgo)}
.sob-txt p + p{margin-top:1em}
.sob-txt>p:nth-of-type(2){font:400 clamp(1.45rem,2vw,1.8rem)/1.26 var(--serif)}
.sob-txt>p:nth-of-type(2)::first-letter{float:left;font-size:3.3em;line-height:.78;padding:.08em .1em 0 0;color:var(--musgo)}
.sob-txt .bio{grid-column:1;align-self:center;font:italic 400 clamp(1.8rem,2.9vw,2.7rem)/1.08 var(--serif);margin-top:1.2em;color:var(--musgo)}
.sob-txt .bio span{display:block;margin-top:.5em;font:400 1rem/1.6 var(--sans);font-style:normal;color:var(--creme)}
.sob-mini{grid-column:2;aspect-ratio:4/5;margin-top:clamp(28px,3vw,44px);border-radius:0 0 0 clamp(50px,8vw,120px)}
.sob-mini img{object-position:50% 8%}

/* 15. FAQ */
.s-faq{padding-top:clamp(24px,3vw,48px)}
.faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:start}
.faq-lado{grid-column:1/6;position:sticky;top:104px}
.faq-lado h2{font-size:clamp(2.6rem,4.8vw,4.8rem);color:var(--verde)}
.faq-lado h2 em{color:var(--vinho)}
.faq-foto{margin-top:clamp(36px,3.4vw,52px);margin-left:calc(-1 * var(--lado));width:calc(82% + var(--lado));aspect-ratio:1/1;border-radius:0 0 var(--folha) 0}
.faq-foto img{object-position:60% 18%}
#lista-faq{grid-column:7/13}
.faq details{border-top:1px solid var(--borda)}
.faq details:last-child{border-bottom:1px solid var(--borda)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1em;align-items:flex-start;padding:1.05em 0;font:400 clamp(1.4rem,1.9vw,1.7rem)/1.18 var(--serif);color:var(--verde)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;margin-top:.45em;background:linear-gradient(var(--vinho),var(--vinho)) center/100% 1.5px no-repeat,linear-gradient(var(--vinho),var(--vinho)) center/1.5px 100% no-repeat;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq details p{padding:0 0 1.4em;max-width:60ch}

/* 16. Agenda */
.s-agenda{padding-top:clamp(36px,4vw,64px)}
.agenda{text-align:center}
.ag-txt{max-width:1020px;margin-inline:auto}
.ag-txt h2{font-size:clamp(2.6rem,5.8vw,5.8rem);line-height:.98}
.ag-txt p{margin:1.3em auto 0;max-width:44rem}
.ag-cta{margin-top:clamp(28px,3vw,44px)}
.ag-cta .chamada-nota{margin-inline:auto}

/* 17. Chamada final */
.s-final{overflow:hidden;isolation:isolate;padding-block:clamp(64px,8vw,130px) calc(clamp(64px,8vw,130px) + var(--curva))}
.final{position:static}
.final .texto{position:relative;z-index:2;max-width:min(50vw,680px)}
.final .chapeu{color:var(--musgo)}
.final h2{font-size:clamp(3rem,5.9vw,6.1rem);line-height:.98;letter-spacing:-.022em}
.final h2 em{color:var(--musgo)}
.final .texto>p:not(.chapeu){margin-top:1em;max-width:34rem;font-size:1.05rem}
.final .chamada{margin-top:clamp(24px,3vw,40px)}
.guia{margin-top:1.6em!important;font-size:.9375rem!important;opacity:.92}
.guia a{color:#fff;text-underline-offset:3px}
.final-foto{position:absolute;top:0;right:0;bottom:0;width:58vw;z-index:-1;margin:0}
.final-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 10%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 12%,rgba(0,0,0,.6) 26%,#000 44%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 12%,rgba(0,0,0,.6) 26%,#000 44%)}

.final-foto::after{content:"";position:absolute;inset:0 0 auto 0;height:13%;background:linear-gradient(180deg,var(--vinho),rgba(90,31,54,0));pointer-events:none}

/* 18. Rodapé */
.rodape{background:var(--verde);color:var(--creme);padding-block:clamp(36px,4vw,56px) clamp(64px,5vw,72px)}
.rodape-grade{display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.rodape img{width:150px}
.rodape p{font-size:.9375rem;line-height:1.6}
.rodape a{text-underline-offset:2px}
.aviso{margin-top:1.2em;font-size:.8125rem!important;color:var(--musgo);max-width:80ch}

/* Botão fixo */
.whats-fixo{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:30;width:56px;height:56px;border-radius:50%;background:#128C4E;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(30,58,42,.35);transition:transform .25s}
.whats-fixo:hover{transform:scale(1.06)}
.whats-fixo svg{width:29px;height:29px;fill:currentColor}

/* Telas médias */
@media (max-width:1180px){
  .barra-id{display:none}
  .topo .menu{display:none}
  .abre-menu{display:block;margin-left:-8px}
  .topo .botao{margin-left:auto}
  .hero{min-height:100svh}
  html.menu-aberto{overflow:hidden}
  html.menu-aberto .topo{background:var(--vinho)!important;color:var(--creme)!important}
  html.menu-aberto .topo .menu{display:flex;position:fixed;inset:var(--topo) 0 0 0;flex-direction:column;justify-content:center;gap:.4em;padding:var(--gutter);background:var(--vinho);font:400 clamp(2rem,8vw,3rem)/1.15 var(--serif)}
  html.menu-aberto .menu a{white-space:normal}
  html.menu-aberto .abre-menu span:nth-child(1){top:21px;transform:rotate(45deg)}
  html.menu-aberto .abre-menu span:nth-child(2){top:21px;transform:rotate(-45deg)}
  html.menu-aberto .topo .inteira{display:none}
  html.menu-aberto .topo .inteira-c{display:block}
  html.menu-aberto .topo .botao{background:var(--creme);color:var(--vinho)}
}

/* Celular e tablet em pé */
@media (max-width:900px){
  :root{--topo:72px}
  body{font-size:16px}
  .marca .inteira,html.js .topo.sobre-hero .inteira-c,html.menu-aberto .topo .inteira-c{display:none!important}
  .marca .so-simbolo{display:block;height:54px}
  html.js .topo.sobre-hero .so-simbolo{display:none}
  html.js .topo.sobre-hero .simbolo-c{display:block;height:54px;width:auto}
  html.menu-aberto .topo .so-simbolo{display:none}
  html.menu-aberto .topo .simbolo-c{display:block;height:54px;width:auto}
  .topo .botao{font-size:.8125rem;padding:.72em 1em}

  .hero{display:block;min-height:0;padding-block:0 calc(var(--curva) + 28px)}
  .hero-foto{position:absolute;top:0;left:0;right:0;bottom:auto;width:100%;height:min(136vw,80svh)}
  .hero-foto img{object-position:50% 0;
    -webkit-mask-image:linear-gradient(180deg,#000 52%,rgba(0,0,0,.5) 72%,rgba(0,0,0,.14) 86%,transparent 96%);
    mask-image:linear-gradient(180deg,#000 52%,rgba(0,0,0,.5) 72%,rgba(0,0,0,.14) 86%,transparent 96%)}
  .hero-grade{padding-top:calc(min(136vw,80svh) - 5.4rem);margin-inline:var(--gutter);width:auto}
  .hero-grade>div:first-child{max-width:none}
  .hero h1{font-size:clamp(3.15rem,14.4vw,6rem);line-height:.96}
  .hero .chamada{display:block;width:100%}
  .hero .chamada-nota{margin-top:.8em}
  .chamada .botao{width:100%}
  .hero p.texto{font-size:1rem}

  .credenciais ul{display:block;margin-inline:var(--gutter);font-size:1.18rem;line-height:1.3}
  .credenciais li{display:block;padding-block:.42em;border-top:1px solid var(--borda-clara)}
  .credenciais li:first-child{border-top:0}
  .credenciais li::after{display:none!important}

  .reconhecer,.veneno,.olhar,.formacoes,.incomodos,.fases-g,.fases,.jornada-g,.perg-g,.consultorio,.sobre,.faq,.agenda{display:block}
  .quadro{grid-template-columns:minmax(0,1fr)}
  .ven-txt,.rec-b{display:block}
  .foto{margin-top:0}

  .rec-a h2{font-size:clamp(3.2rem,15vw,6rem)}
  .rec-foto{margin:36px calc(-1 * var(--gutter)) 0 18vw;aspect-ratio:4/5}
  .cenas{margin-top:32px}
  .cenas li{font-size:1.32rem}
  .cenas li:nth-child(even){padding-left:0}
  .rec-b .fecho{font-size:clamp(2.6rem,12vw,5rem);text-align:left}

  .ven-txt h2{font-size:clamp(2.85rem,12.6vw,5.4rem)}
  .ven-txt p{margin-top:1em}
  .ven-foto{margin:40px calc(-1 * var(--gutter)) calc(-1 * (var(--secao) + var(--curva) * .9)) 12vw;aspect-ratio:4/5}

  .s-diag{padding-top:48px}
  .olhar{position:relative}
  .olh-foto{margin:0 16vw 0 calc(-1 * var(--gutter));aspect-ratio:4/5}
  .olh-mini{width:52vw;margin:-22vw calc(-1 * var(--gutter)) 0 auto;position:relative;z-index:2}
  .olh-txt{padding-top:36px}
  .passos{margin-top:56px}
  .passos>li{display:block}
  .passos>li:nth-child(2),.passos>li:nth-child(3){margin-left:0}
  .passos strong{display:block;font-size:clamp(3.1rem,14vw,5rem);margin-bottom:.15em}
  .s-diag>.pagina>.fecho{margin-left:0}

  .form-foto{margin:-64px calc(-1 * var(--gutter)) 0 22vw;aspect-ratio:4/5}
  .form-txt{padding-top:36px}
  .form-txt h2{font-size:clamp(2.9rem,13vw,5.4rem)}

  .s-trat .intro{margin-left:0}
  .card.maior{border-radius:0!important;margin:0 calc(-1 * var(--gutter))!important;padding:40px var(--gutter)!important}
  .card.maior:nth-of-type(1){border-radius:0 var(--folha) 0 0!important;padding-bottom:64px!important}
  .card.maior:nth-of-type(2){margin-left:calc(-1 * var(--gutter) + 12vw)!important;margin-top:-24px!important;position:relative;border-radius:0 0 0 var(--folha)!important;padding-left:28px!important}
  .trat-foto{width:78%;margin:-20px 0 0 calc(-1 * var(--gutter));position:relative}
  .incomodos .card:not(.maior){display:block;margin-left:0;padding-block:22px}
  .incomodos .card:not(.maior) h3{margin-bottom:.35em;font-size:1.85rem}

  .fases-g>h2{font-size:clamp(2.75rem,12.4vw,5.2rem)}
  .fases-foto{position:relative;top:auto;margin:36px calc(-1 * var(--gutter)) 0 20vw;aspect-ratio:4/5}
  .fases li:nth-child(even){margin-left:0}

  .jornada-g>h2{font-size:clamp(2.85rem,13vw,5.4rem)}
  .jor-foto{margin:28px 10vw 0 calc(-1 * var(--gutter));aspect-ratio:1/1.1}
  .jornada{margin-top:36px;padding-left:58px}
  .jornada::before{left:21px}
  .jornada li::before{left:-58px;width:44px;height:44px}
  .jornada strong{font-size:1.9rem}
  .jornada-g>.chamada{padding-left:0}

  .opcao.ela{margin-top:40px;padding-top:44px}
  .opcao.ela h3{padding-right:96px}
  .ela-foto{top:-36px;right:18px;width:92px}

  .perg-foto{position:relative;top:auto;margin:0 22vw 0 calc(-1 * var(--gutter));aspect-ratio:4/5}
  .perg-txt{margin-top:36px}
  .perguntas li:nth-child(even){padding-left:0}
  .perguntas strong{font-size:2rem}

  .promessa{padding-inline:var(--gutter);margin-inline:0;max-width:none;text-align:left}
  .promessa blockquote{font-size:clamp(1.8rem,7.6vw,3rem)}

  .cons-txt h2{font-size:clamp(3rem,13.6vw,5.4rem)}
  .galeria{grid-template-columns:repeat(6,minmax(0,1fr));margin:36px calc(-1 * var(--gutter)) 0;gap:10px}
  .g-mesa{grid-column:1/-1;aspect-ratio:1/1;margin-right:12vw}
  .g-pe{grid-column:1/4;margin-top:0;aspect-ratio:3/4.6}
  .g-sala{grid-column:4/7;aspect-ratio:3/4.6;margin-top:36px}
  .g-sofa{display:block;grid-column:2/7;aspect-ratio:4/3}
  .cons-larga{margin-top:40px}
  .mapa{width:100%;margin-top:-40px;height:300px}
  .cons-larga{aspect-ratio:16/9}

  .sobre>div:first-child{margin:0 16vw 0 calc(-1 * var(--gutter))}
  .sob-foto{aspect-ratio:4/5}
  .curriculo{margin:24px calc(-16vw + 0px) 0 var(--gutter)}
  .sob-txt{margin-top:40px;padding-top:0}
  .sob-txt h2{font-size:clamp(2.85rem,13vw,5.4rem)}
  .sob-mini{grid-column:1/-1;width:62%;margin:32px calc(-1 * var(--gutter)) 0 auto}
  .sob-txt{display:block}

  .faq-lado{position:static}
  .faq-lado h2{font-size:clamp(2.75rem,12.4vw,5rem)}
  .faq-foto{margin:28px 0 32px calc(-1 * var(--gutter));width:82%}

  .ag-txt h2{font-size:clamp(2.7rem,12.2vw,5rem)}
  .ag-cta{margin-top:28px}
  .ag-cta .botao{width:100%;white-space:normal}

  .s-final{padding-top:0}
  .final .texto{max-width:none;padding-top:calc(min(124vw,72svh) - 4.6rem)}
  .final h2{font-size:clamp(3rem,13.6vw,5.6rem)}
  .final-foto{bottom:auto;left:0;width:100%;height:min(124vw,72svh)}
  .final-foto::after{height:10%}
  .final-foto img{object-position:50% 8%;
    -webkit-mask-image:linear-gradient(180deg,#000 52%,rgba(0,0,0,.5) 72%,rgba(0,0,0,.12) 88%,transparent 97%);
    mask-image:linear-gradient(180deg,#000 52%,rgba(0,0,0,.5) 72%,rgba(0,0,0,.12) 88%,transparent 97%)}

  .rodape-grade{grid-template-columns:minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
@media print{.topo,.whats-fixo,.mapa{display:none}*{opacity:1!important;transform:none!important}}