/* Erika Mota Concept · prévia bilíngue. Paleta do salão dela (parede café, couro conhaque) e da marca (creme + dourado champanhe). */
:root{
  --cafe:#17110d;--cafe-2:#241a14;--cafe-3:#33261d;--creme:#f4ece2;--creme-2:#e9dccd;--tinta:#2a1e17;--tinta-2:#5a4636;
  --ouro:#c9a063;--ouro-claro:#e2c48f;--ouro-escuro:#80591f;--conhaque:#9a5a33;--txt-esc:#f4ece2;--txt-esc-2:#cdbba7;
  --zap:#157f3f;--zap-e:#11692f;
  --serifa:"Instrument Serif",Georgia,"Times New Roman",serif;--t:"Albert Sans",system-ui,sans-serif;
  --gut:clamp(16px,5vw,56px);--topo:64px;--ease:cubic-bezier(.16,1,.3,1);color-scheme:light
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topo) + 8px);-webkit-text-size-adjust:100%;overflow-x:clip;scrollbar-color:var(--cafe-3) var(--cafe)}
html.anim{scroll-behavior:auto}
body{margin:0;background:var(--cafe);color:var(--txt-esc);font:400 17px/1.6 var(--t);caret-color:var(--ouro)}
::selection{background:var(--ouro);color:var(--cafe)}
::-webkit-scrollbar{width:10px;height:8px}
::-webkit-scrollbar-track{background:var(--cafe)}
::-webkit-scrollbar-thumb{background:var(--cafe-3);border-radius:10px;border:2px solid var(--cafe)}
img,video{max-width:100%;height:auto;display:block}
main,footer{overflow-x:clip}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
a,button,input,label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
h1,h2,h3{margin:0;font-weight:400;line-height:1.02;text-wrap:balance}
p{margin:0;text-wrap:pretty}
button{font:inherit;color:inherit}
em{font-style:italic;color:var(--ouro)}
.creme em{color:var(--ouro-escuro)}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px;border-radius:6px}
.creme :focus-visible{outline-color:var(--ouro-escuro)}
.pular{position:fixed;left:12px;top:-60px;z-index:90;background:var(--creme);color:var(--tinta);font-weight:700;padding:10px 16px;border-radius:999px;text-decoration:none;transition:top .2s}
.pular:focus{top:12px}

/* botões */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:0;font:600 1rem/1 var(--t);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),background-color .2s,box-shadow .2s,color .2s}
.bt:active{transform:scale(.97)}
.bt-ouro{background:var(--ouro);color:var(--cafe);box-shadow:0 12px 26px -14px rgba(0,0,0,.8)}
.bt-ouro:hover{background:var(--ouro-claro)}
.creme .bt-ouro{background:var(--tinta);color:var(--creme)}
.creme .bt-ouro:hover{background:#000}
.bt-linha{background:transparent;color:var(--txt-esc);box-shadow:inset 0 0 0 1px rgba(244,236,226,.55)}
.bt-linha:hover{background:rgba(244,236,226,.08);box-shadow:inset 0 0 0 1px var(--txt-esc)}
.bt-zap{background:var(--zap);color:#fff;width:100%;min-height:58px;font-size:1.05rem}
.bt-zap:hover{background:var(--zap-e)}
.bt-zap svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linejoin:round}

/* logo EM (reconstituído) */
.logo{width:40px;height:40px;flex:none;overflow:visible}
.logo-anel{fill:none;stroke:var(--ouro);stroke-width:2.2}
.logo-e,.logo-m{font:400 46px/1 var(--serifa);fill:var(--ouro)}
.logo-m{font-size:44px}
.logo-traco{fill:none;stroke:var(--ouro);stroke-width:2.6;stroke-linecap:round}
.marca .logo{animation:brilho 6s ease-in-out 3s infinite}
@keyframes brilho{0%,86%,100%{filter:none}92%{filter:drop-shadow(0 0 6px rgba(226,196,143,.85)) brightness(1.25)}}

/* topo */
.topo{position:fixed;inset:0 0 auto;z-index:40;height:calc(var(--topo) + env(safe-area-inset-top));display:flex;align-items:center;gap:12px;padding:env(safe-area-inset-top) var(--gut) 0;background:linear-gradient(180deg,rgba(23,17,13,.7),rgba(23,17,13,0));transition:background-color .35s,backdrop-filter .35s}
.topo.solida{background:rgba(23,17,13,.72);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:inset 0 -1px 0 rgba(201,160,99,.22)}
.marca{flex:none;display:flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}
.marca-nome{display:grid;font:400 1.3rem/1 var(--serifa);letter-spacing:.01em}
.marca-nome small{font:600 .7rem/1.3 var(--t);letter-spacing:.34em;text-transform:uppercase;color:var(--ouro)}
.topo-nav{display:none;gap:26px;margin-left:28px}
.topo-nav a{font:500 .9rem var(--t);text-decoration:none;color:var(--txt-esc-2);min-height:44px;display:inline-flex;align-items:center}
.topo-nav a:hover{color:var(--txt-esc);text-decoration:underline;text-decoration-color:var(--ouro)}
.topo-secao{display:none;font:500 .82rem var(--t);letter-spacing:.14em;text-transform:uppercase;color:var(--txt-esc-2);padding-left:14px;margin-left:4px;border-left:1px solid rgba(201,160,99,.35);white-space:nowrap}
.idioma{margin-left:auto;display:flex;flex:none;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(244,236,226,.35);padding:2px}
.idioma-bt{min-width:44px;min-height:44px;border:0;border-radius:999px;background:transparent;font:600 .8rem var(--t);letter-spacing:.08em;cursor:pointer;color:var(--txt-esc-2);transition:background-color .2s,color .2s}
.idioma-bt[aria-pressed=true]{background:var(--creme);color:var(--tinta)}
.idioma-bt:hover{color:var(--txt-esc)}
.idioma-bt[aria-pressed=true]:hover{color:var(--tinta)}
.bt-topo{flex:none;min-height:44px;padding:0 18px;font-size:.92rem}
.topo-progresso{position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--ouro);transform-origin:0 50%;transform:scaleX(0);opacity:0;transition:opacity .3s}
.topo.solida .topo-progresso{opacity:1}

/* CAPA */
.capa{position:relative;min-height:max(100svh,680px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#3a2c24;isolation:isolate}
.capa-foto{position:absolute;inset:0;z-index:0}
.capa-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.capa-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,17,13,.35) 0%,rgba(23,17,13,0) 18%,rgba(23,17,13,0) 38%,rgba(23,17,13,.55) 58%,rgba(23,17,13,.93) 80%,var(--cafe) 100%)}
.capa-moldura{position:absolute;inset:calc(var(--topo) + env(safe-area-inset-top) + 6px) 12px 12px;z-index:2;border:1px solid rgba(226,196,143,.38);pointer-events:none}
.capa-moldura::before,.capa-moldura::after{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--ouro)}
.capa-moldura::before{left:-4px;top:-4px;border-width:1px 0 0 1px}
.capa-moldura::after{right:-4px;bottom:-4px;border-width:0 1px 1px 0}
.mold-l{position:absolute;font:600 .72rem/1 var(--t);letter-spacing:.24em;text-transform:uppercase;color:var(--ouro-claro);background:transparent;padding:0 8px;white-space:nowrap}
.mold-sup-esq{left:18px;top:-.33rem;background:linear-gradient(180deg,transparent 40%,rgba(30,22,17,.0) 40%)}
.mold-sup-dir{right:18px;top:-.33rem}
.mold-inf-dir{right:18px;bottom:-.33rem}
.mold-l::before{content:"";position:absolute;inset:-4px 0;z-index:-1;background:#2a2019;border-radius:2px}
.mold-inf-dir::before{background:var(--cafe)}
.mold-role{display:flex;align-items:center;gap:8px}
.mold-role::after{content:"";width:1px;height:18px;background:var(--ouro);transform-origin:top;animation:role 2.2s var(--ease) infinite}
@keyframes role{0%{transform:scaleY(0)}55%{transform:scaleY(1);transform-origin:top}56%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.capa-txt{position:relative;z-index:3;display:grid;gap:14px;padding:0 calc(var(--gut) + 8px) 48px;max-width:720px}
.capa-palavra{display:flex;margin:0 0 -.02em -.04em;font:italic 400 clamp(5.4rem,min(38vw,20svh),15rem)/.8 var(--serifa);letter-spacing:-.035em;color:var(--creme);text-shadow:0 18px 50px rgba(23,17,13,.45)}
.capa-palavra span{display:inline-block}
.capa-rot{font:600 .74rem/1.4 var(--t);letter-spacing:.22em;text-transform:uppercase;color:var(--ouro-claro)}
.capa h1{font:400 clamp(2.2rem,9.6vw,4.4rem)/.98 var(--serifa);text-transform:uppercase;letter-spacing:.005em}
.capa h1 .l{display:inline}
.capa-sub{color:var(--txt-esc-2);font-size:1.05rem;max-width:40ch}
.capa-bts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.capa-premio{display:flex;align-items:center;gap:10px;font:500 .86rem/1.35 var(--t);color:var(--txt-esc)}
.capa-premio svg{flex:none;width:26px;height:26px;fill:none;stroke:var(--ouro);stroke-width:1.4;stroke-linejoin:round}

/* blocos */
.bloco{position:relative;padding:clamp(76px,12vw,140px) var(--gut)}
.creme{background:var(--creme);color:var(--tinta)}
.escuro{background:var(--cafe)}
.bloco>h2,.trab-topo h2,.aval-topo h2,.prazer-txt h2,.livro-txt h2,.premio-txt h2,.visita-txt h2,.ag-caixa h2{font:400 clamp(2.6rem,9vw,5.2rem)/.98 var(--serifa);letter-spacing:-.015em;max-width:15ch}
.sub{margin-top:18px;max-width:58ch;font-size:1.08rem;color:var(--txt-esc-2)}
.creme .sub{color:var(--tinta-2)}

/* prazer */
.prazer{display:grid;gap:44px;max-width:1240px;margin:0 auto}
.frase{margin:30px 0 0;padding:0}
.frase p{font:italic 400 clamp(1.5rem,5vw,2.1rem)/1.2 var(--serifa);max-width:26ch;color:var(--tinta)}
.frase footer{margin-top:14px}
.assinatura{display:inline-block;padding-right:.2em;font:italic 400 2rem/1 var(--serifa);color:var(--ouro-escuro);transform:rotate(-4deg);transform-origin:left}
.fatos{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-top:1px solid #d6c4b0;padding-top:22px}
.fatos li{display:grid;gap:6px;align-content:start}
.fatos b{font:400 clamp(2rem,8vw,3rem)/1 var(--serifa);color:var(--ouro-escuro)}
.fatos span{font-size:.86rem;line-height:1.35;color:var(--tinta-2)}
.video-moldura{position:relative;margin:0;border-radius:4px;overflow:hidden;background:#000;box-shadow:0 30px 60px -30px rgba(42,30,23,.55)}
.video-moldura video,.aval-video video{width:100%;aspect-ratio:16/9;object-fit:cover}
.video-moldura figcaption,.aval-video figcaption{position:absolute;left:14px;bottom:12px;right:64px;font:500 .8rem/1.3 var(--t);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.video-pausa{position:absolute;right:10px;bottom:8px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(23,17,13,.55);display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s}
.video-pausa:hover{background:rgba(23,17,13,.8)}
.video-pausa svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.video-pausa .i-play{display:none;fill:#fff;stroke:none}
.video-pausa[aria-pressed=true] .i-pausa{display:none}
.video-pausa[aria-pressed=true] .i-play{display:block}

/* prêmio */
.premio{position:relative;display:grid;gap:44px;padding:clamp(76px,12vw,140px) var(--gut);background:radial-gradient(80% 60% at 80% 40%,#3a2a1c 0%,var(--cafe) 70%);overflow:hidden}
.premio-txt{max-width:640px}
.premio-txt h2 em{display:block}
.premio-cita{margin-top:26px;font:italic 400 1.4rem/1.3 var(--serifa);color:var(--ouro-claro);max-width:34ch}
.premio-quadro{position:relative;margin:0 auto;width:min(100%,460px);padding:10px;background:linear-gradient(150deg,#e2c48f,#8a6327 45%,#d8b77c 70%,#6d4c1c);box-shadow:0 40px 70px -30px rgba(0,0,0,.9);overflow:hidden}
.premio-quadro img{width:100%}
.premio-quadro figcaption{position:absolute;right:16px;bottom:16px;font:600 .74rem var(--t);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.55);padding:6px 10px;border-radius:999px}
.premio-brilho{position:absolute;inset:-10% auto -10% 0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,244,220,.5),transparent);transform:translateX(-160%) skewX(-12deg);pointer-events:none}

/* serviços */
.servicos{display:grid;gap:56px;margin-top:56px;max-width:1240px}
.serv-grupo h3{font:italic 400 clamp(1.9rem,6vw,2.6rem)/1 var(--serifa);color:var(--ouro-escuro);padding-bottom:16px;border-bottom:1px solid var(--tinta)}
.serv-lista{list-style:none;margin:0;padding:0}
.serv-lista li{display:grid;gap:4px;padding:20px 0;border-bottom:1px solid #d6c4b0;transition:padding-left .4s var(--ease)}
.serv-lista b{font:400 clamp(1.45rem,4.6vw,1.8rem)/1.1 var(--serifa);color:var(--tinta)}
.serv-lista span{font-size:.98rem;color:var(--tinta-2);max-width:52ch}
@media(hover:hover){.serv-lista li:hover{padding-left:12px}.serv-lista li:hover b{color:var(--ouro-escuro)}}
.marcas{margin-top:40px;font:600 .78rem/1.5 var(--t);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2)}

/* avaliação + fio dourado */
.aval-topo{max-width:900px}
.aval{display:grid;gap:44px;margin-top:52px;max-width:1240px}
.aval-video{position:relative;margin:0;border-radius:4px;overflow:hidden;background:#000}
.passos-wrap{position:relative}
.fio{position:absolute;left:0;top:6px;width:40px;height:calc(100% - 12px);overflow:visible}
.fio-base{fill:none;stroke:rgba(201,160,99,.22);stroke-width:1.5;vector-effect:non-scaling-stroke}
.fio-ouro{fill:none;stroke:var(--ouro);stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.passos{list-style:none;margin:0;padding:0 0 0 64px;display:grid;gap:44px}
.passos li{position:relative}
.passo-ponto{position:absolute;left:-52px;top:.3em;width:16px;height:16px;border-radius:50%;background:var(--cafe);box-shadow:inset 0 0 0 1.5px var(--ouro);transition:background-color .4s}
.passos li.on .passo-ponto{background:var(--ouro)}
.passos h3{font:400 clamp(1.7rem,5.4vw,2.3rem)/1.05 var(--serifa)}
.passos p{margin-top:8px;color:var(--txt-esc-2);max-width:46ch}
.sinais{margin-top:64px;max-width:1240px}
.sinais-t{font:600 .76rem var(--t);letter-spacing:.18em;text-transform:uppercase;color:var(--ouro)}
.sinais ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sinais li{padding:9px 16px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(201,160,99,.4);font-size:.92rem;color:var(--txt-esc)}

/* trabalhos */
.trab-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.carrossel{display:flex;gap:14px;margin:36px calc(var(--gut) * -1) 0;padding:0 var(--gut) 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gut);scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;overscroll-behavior-x:contain}
.carrossel::-webkit-scrollbar{display:none}
.carrossel figure{flex:0 0 min(74vw,340px);margin:0;scroll-snap-align:start}
.carrossel img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:3px;background:var(--creme-2);user-select:none;-webkit-user-drag:none;pointer-events:none}
.carrossel figcaption{margin-top:12px;font:italic 400 1.25rem/1.2 var(--serifa);color:var(--tinta)}
.carrossel-bts{display:flex;gap:8px;flex:none}
.carrossel-bts button{width:48px;height:48px;border-radius:50%;border:0;background:transparent;box-shadow:inset 0 0 0 1px var(--tinta);display:grid;place-items:center;cursor:pointer;transition:background-color .2s,color .2s;color:var(--tinta)}
.carrossel-bts button:hover{background:var(--tinta);color:var(--creme)}
.carrossel-bts svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.trab-ig{display:inline-flex;align-items:center;gap:10px;margin-top:30px;min-height:44px;font-weight:600;color:var(--tinta);text-decoration:underline;text-decoration-color:var(--ouro-escuro)}
.trab-ig svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}

/* livro */
.livro{display:grid;gap:44px}
.livro-foto{margin:0;max-width:520px;overflow:hidden;border-radius:3px}
.livro-foto img{width:100%}
.livro-txt{position:relative;max-width:620px}
.livro-cita{margin-top:24px;font:italic 400 1.35rem/1.3 var(--serifa);color:var(--ouro-claro);max-width:36ch}
.livro-capa{width:150px;margin-top:30px;border-radius:3px;box-shadow:0 26px 40px -20px rgba(0,0,0,.9);rotate:-4deg}

/* agendar */
.agendar{padding-top:clamp(76px,10vw,120px)}
.ag-caixa{max-width:720px;margin:0 auto}
.form{margin-top:34px;display:grid;gap:26px}
.passo-f{margin:0;padding:0;border:0;min-width:0}
.passo-f legend{display:flex;align-items:center;gap:12px;padding:0;margin-bottom:14px;font:400 1.6rem/1.1 var(--serifa);color:var(--tinta)}
.pf-n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 .82rem var(--t);background:var(--tinta);color:var(--creme)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:46px;padding:0 18px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #cdb8a1;font:500 .98rem var(--t);color:var(--tinta);cursor:pointer;transition:background-color .2s,box-shadow .2s,color .2s;display:inline-flex;align-items:center;gap:8px}
.chip:hover{box-shadow:inset 0 0 0 1.5px var(--tinta)}
.chip[aria-pressed=true]{background:var(--tinta);color:var(--creme);box-shadow:none}
.chip[aria-pressed=true]::before{content:"";width:12px;height:7px;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-2px)}
.form input{width:100%;min-height:54px;padding:0 18px;border:0;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #cdb8a1;font:500 1.05rem var(--t);color:var(--tinta)}
.form input::placeholder{color:#7d6a59}
.form input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--tinta)}
.form input[aria-invalid=true]{box-shadow:inset 0 0 0 2px #a3261b}
.erro{color:#a3261b;font-weight:600}
.form-ok{padding:14px 16px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #cdb8a1;color:var(--tinta)}
.form-ok a{font-weight:700;color:var(--zap-e)}
.aviso-dados{font-size:.86rem;color:var(--tinta-2)}

/* visita */
.visita{display:grid;gap:40px}
.visita address{margin-top:24px;font:400 clamp(1.5rem,5vw,2rem)/1.25 var(--serifa);font-style:normal;display:grid}
.visita-tel{margin-top:18px;color:var(--txt-esc-2)}
.visita-tel b{color:var(--txt-esc);font-weight:600}
.visita-lingua{margin-top:6px;color:var(--txt-esc-2)}
.visita-bts{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.mapa{min-height:320px;border-radius:4px;overflow:hidden;background:var(--cafe-2);box-shadow:inset 0 0 0 1px rgba(201,160,99,.25)}
.mapa iframe{width:100%;height:100%;min-height:320px;border:0;display:block;filter:grayscale(.35) sepia(.2) contrast(1.02)}

/* rodapé */
.rodape{display:grid;justify-items:center;gap:10px;padding:64px var(--gut) 100px;text-align:center;background:var(--cafe);box-shadow:inset 0 1px 0 rgba(201,160,99,.18)}
.rodape-logo{width:64px;height:64px;overflow:visible}
.rodape-nome{font:400 1.3rem var(--serifa)}
.nota{font-size:.84rem;color:var(--txt-esc-2)}

/* barra fixa (celular) */
.barra-fixa{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:35;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 8px 0 20px;border-radius:999px;background:rgba(23,17,13,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(201,160,99,.35),0 16px 30px -12px rgba(0,0,0,.6);text-decoration:none;font-size:.9rem;color:var(--txt-esc-2)}
.barra-fixa b{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;background:var(--ouro);color:var(--cafe);font-weight:600}

/* telas maiores */
@media(min-width:620px){
  .topo-secao{display:block}
}
@media(min-width:1180px){
  .topo-nav{display:flex}
  .topo-secao{display:none}
}
@media(min-width:900px){
  .capa{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;justify-content:stretch;background:var(--cafe)}
  .capa-foto{position:relative;inset:auto;grid-column:2;grid-row:1;height:100svh;min-height:640px}
  .capa-foto img{object-position:50% 20%}
  .capa-foto::after{background:linear-gradient(90deg,var(--cafe) 0%,rgba(23,17,13,.25) 22%,rgba(23,17,13,0) 45%),linear-gradient(180deg,rgba(23,17,13,.4),rgba(23,17,13,0) 22%,rgba(23,17,13,0) 75%,rgba(23,17,13,.6))}
  .capa-txt{grid-column:1;grid-row:1;align-self:center;padding:calc(var(--topo) + 30px) 0 50px calc(var(--gut) + 18px);max-width:none}
  .capa-palavra{font-size:clamp(11rem,27vw,26rem);margin:0 -40vw .06em -.04em;white-space:nowrap}
  .capa-txt>*:not(.capa-palavra){max-width:560px}
  .prazer{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:72px}
  .premio{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:72px}
  .servicos{grid-template-columns:1fr 1fr;gap:72px}
  .aval{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:72px}
  .livro{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:72px}
  .livro-capa{position:absolute;right:0;top:-40px;width:170px;margin:0}
  .livro-txt{padding-right:190px}
  .visita{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:72px}
  .carrossel figure{flex-basis:320px}
  .barra-fixa{display:none!important}
}
@media(max-width:899px){
  .livro-capa{display:block}
}
@media(max-width:560px){
  .mold-sup-dir{display:none}
  .capa-txt{gap:12px;padding-bottom:40px}
  .capa-bts .bt{padding:0 18px;font-size:.95rem;min-height:50px;white-space:nowrap}
  .capa-foto img{object-position:50% 4%}
}
@media(max-width:560px) and (max-height:760px){
  .capa-sub{display:none}
}
@media(max-width:420px){
  .bt-topo{display:none}
  .fatos{gap:10px}
}
@media(max-width:360px){
  .marca-nome small{display:none}
}

/* animação: estado inicial só com GSAP carregado (a classe sai se o CDN falhar) */
html.anim .capa-palavra span,html.anim .capa-txt>:not(.capa-palavra){opacity:0}
html.anim.pronto .capa-palavra span,html.anim.pronto .capa-txt>:not(.capa-palavra){opacity:1}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* numerais alinhados no fim, por cima de tudo */
body,.fatos b,.pf-n,.visita-tel b,.mold-l{font-variant-numeric:lining-nums}