@font-face{font-family:"Fraunces";src:url(/fonts/fraunces-italic.woff2) format("woff2");font-style:italic;font-weight:300 800;font-display:swap}
@font-face{font-family:"Satoshi";src:url(/fonts/satoshi-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Satoshi";src:url(/fonts/satoshi-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Satoshi";src:url(/fonts/satoshi-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--creme:#FBF3F0;--rose:#F3DDE0;--rosa:#D2567D;--rosa-texto:#B23A62;--vinho:#4A1226;--ameixa:#2E1226;--malva:#9C6B7C;--texto:#6b3b4c;--fio:#ecd3d9;--claro:#d9aab9;
  --serif:"Fraunces",Georgia,serif;--sans:"Satoshi",system-ui,-apple-system,sans-serif;--g:clamp(16px,4vw,56px)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--creme);color:var(--vinho);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}
.pular{position:absolute;left:-999px;top:8px;background:var(--vinho);color:var(--creme);padding:10px 16px;border-radius:99px;z-index:99}
.pular:focus{left:16px}
.marca{background:linear-gradient(transparent 62%,var(--rose) 62%);padding:0 .05em}
.kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#7d4f60;font-weight:500;display:flex;gap:10px;align-items:center}
.kicker:before{content:"";width:28px;height:1px;background:currentColor;flex:none}
.envelope{max-width:1360px;margin:0 auto;padding:0 var(--g)}
h2{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(34px,4.4vw,64px);line-height:1.04;letter-spacing:-.015em}
h3{font-weight:700}
.botao{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--vinho);color:var(--creme);text-decoration:none;font-weight:700;font-size:16px;padding:18px 28px;border-radius:99px;transition:transform .3s,background .3s,color .3s;border:0;cursor:pointer;font-family:inherit}
.botao:hover{background:var(--rosa);transform:translateY(-2px)}
.botao svg{width:20px;height:20px;flex:none}
.link{font-size:15px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.secao{padding-block:clamp(72px,9vw,140px)}
.lead{color:var(--texto);max-width:46ch;margin-top:16px;font-size:clamp(16px,1.3vw,19px)}

/* topo */
.topo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px var(--g);position:relative;z-index:20}
.assinatura{font-size:12px;letter-spacing:.32em;text-transform:uppercase;font-weight:500;text-decoration:none;white-space:nowrap}
.assinatura b{color:var(--rosa)}
.menu{display:flex;gap:24px;font-size:14px}
.menu a{text-decoration:none;opacity:.75}.menu a:hover,.menu a[aria-current]{opacity:1}
.menu a[aria-current]{border-bottom:1px solid var(--rosa)}
.topo-dir{display:flex;align-items:center;gap:10px}
.pilula{font-size:13px;font-weight:700;text-decoration:none;border:1px solid var(--vinho);border-radius:99px;padding:8px 16px;white-space:nowrap}
.menu-cel{display:none;position:relative}
.menu-cel summary{list-style:none;cursor:pointer;font-size:13px;font-weight:700;border-radius:99px;padding:8px 14px;background:var(--rose)}
.menu-cel summary::-webkit-details-marker{display:none}
.menu-cel nav{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border-radius:20px;padding:10px;min-width:240px;box-shadow:0 24px 60px -20px rgba(46,18,38,.4);display:grid}
.menu-cel nav a{text-decoration:none;padding:12px 14px;border-radius:12px;font-size:16px}
.menu-cel nav a:hover{background:var(--creme)}
@media (max-width:1100px){.menu{display:none}.menu-cel{display:block}}
.trilha-nav{font-size:13px;color:var(--texto);padding:0 var(--g);max-width:1360px;margin:0 auto}
.trilha-nav ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.trilha-nav li+li:before{content:"/";margin-right:8px;opacity:.5}
.trilha-nav a{text-decoration:none;border-bottom:1px solid var(--fio)}

/* abertura */
.abertura{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,80px);align-items:center;padding-top:clamp(8px,3vw,40px);padding-bottom:clamp(48px,6vw,96px)}
h1{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(42px,5.2vw,82px);line-height:1;letter-spacing:-.02em;margin:22px 0 24px}
h1 .leve{font-weight:300}
.apoio{max-width:36ch;font-size:clamp(17px,1.4vw,20px);color:var(--texto)}
.acoes{display:flex;gap:18px;align-items:center;margin-top:32px;flex-wrap:wrap}
.provas{display:flex;gap:30px;margin-top:40px;padding-top:22px;border-top:1px solid var(--fio);font-size:14px;color:var(--texto);flex-wrap:wrap}
.provas strong{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:30px;color:var(--vinho);line-height:1.05}
.arco{position:relative;aspect-ratio:4/5;border-radius:999px 999px 28px 28px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(74,18,38,.35);outline:1px solid var(--rose);outline-offset:10px;background:var(--rose)}
.arco>img,.arco>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slider{touch-action:pan-y;user-select:none;cursor:ew-resize;--pos:50%}
.slider img{pointer-events:none}
.slider .depois{clip-path:inset(0 0 0 var(--pos))}
.slider .linha{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--creme);transform:translateX(-1px)}
.slider .alca{position:absolute;top:58%;left:var(--pos);width:56px;height:56px;border-radius:50%;background:var(--creme);transform:translate(-50%,-50%);display:grid;place-items:center;box-shadow:0 8px 24px rgba(46,18,38,.3);font-size:18px}
.etq{position:absolute;bottom:22px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;background:rgba(251,243,240,.94);padding:7px 12px;border-radius:99px;z-index:2}
.etq.a{left:20px}.etq.d{right:20px;background:var(--vinho);color:var(--creme)}
.dupla{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}
.dupla .arco:first-child{aspect-ratio:3/4;transform:translateY(-36px)}
.dupla .arco{aspect-ratio:3/4}
.legenda{font-size:14px;color:var(--texto);margin-top:28px;max-width:46ch}
.entra{animation:sobe 1s cubic-bezier(.2,.7,.1,1) both}
@keyframes sobe{from{transform:translateY(18px)}}
@media (max-width:860px){
  .abertura{grid-template-columns:1fr;gap:18px;padding-top:0}
  .lado-foto{order:-1}
  .arco{aspect-ratio:5/4;border-radius:200px 200px 20px 20px;outline-offset:6px}
  .dupla .arco,.dupla .arco:first-child{aspect-ratio:3/4;transform:none;border-radius:120px 120px 16px 16px}
  h1{font-size:38px;margin:12px 0 12px}
  .apoio{font-size:16px}
  .acoes{margin-top:18px}.acoes .botao{width:100%}.acoes .link{display:none}
  .provas{margin-top:22px;gap:18px;font-size:13px}.provas strong{font-size:23px}
  .legenda{margin-top:12px;font-size:13px}
}


/* título principal: três estilos (o Gui escolhe; classe t-N no <html>) */
.t-1 .titulo .t1{display:block}
.t-1 .titulo .sep{display:none}
.t-1 .titulo .t2{display:block;font-family:var(--sans);font-style:normal;font-weight:500;font-size:max(18px,.36em);line-height:1.35;letter-spacing:-.005em;color:var(--texto);margin-top:.7em;max-width:26ch}
.t-2 .titulo{font-family:var(--sans);font-style:normal;font-weight:700;letter-spacing:-.04em;line-height:1.02;font-size:clamp(38px,4.8vw,74px)}
.t-2 .titulo .t2{font-family:var(--serif);font-style:italic;font-weight:300;letter-spacing:-.01em;color:var(--rosa-texto)}
.t-3 .titulo .t1{display:table;font-family:var(--sans);font-style:normal;font-weight:700;font-size:max(12px,.2em);letter-spacing:.18em;text-transform:uppercase;background:var(--rose);color:var(--vinho);padding:.6em 1.1em;border-radius:99px;margin-bottom:.7em;line-height:1.2}
.t-3 .titulo .sep{display:none}
.t-3 .titulo .t2{display:block}
.t-3 .titulo .t2::first-letter{text-transform:uppercase}
.troca-titulo{display:none}
.previa .troca-titulo{display:flex;position:fixed;left:16px;bottom:16px;z-index:60;background:var(--vinho);color:var(--creme);border-radius:99px;padding:6px 6px 6px 16px;gap:6px;align-items:center;font-size:12px;letter-spacing:.06em;box-shadow:0 14px 34px -10px rgba(46,18,38,.6)}
.troca-titulo button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(251,243,240,.4);background:transparent;color:var(--creme);font:inherit;font-weight:700;cursor:pointer}
.t-1 .troca-titulo [data-t="1"],.t-2 .troca-titulo [data-t="2"],.t-3 .troca-titulo [data-t="3"]{background:var(--creme);color:var(--vinho)}
@media (max-width:860px){.previa .troca-titulo{bottom:92px}}
.embutido .troca-titulo{display:none!important}

/* faixa de avaliações correndo (página da Selma) */
.esteira{overflow:hidden;margin-top:44px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.esteira-trilho{display:flex;width:max-content;animation:esteira 70s linear infinite}
.esteira:hover .esteira-trilho,.esteira:active .esteira-trilho{animation-play-state:paused}
.esteira-grupo{display:flex;gap:20px;padding-right:20px}
.esteira .voz{flex:0 0 340px;height:320px}
.esteira .voz q{font-size:19px}
@keyframes esteira{to{transform:translateX(-50%)}}
@media (max-width:860px){.esteira .voz{flex-basis:280px;height:300px}.esteira-trilho{animation-duration:55s}}
@media (prefers-reduced-motion:reduce){.esteira{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.esteira-trilho{animation:none}.esteira-grupo[aria-hidden]{display:none}}

/* chave mão/pé */
.chave{display:inline-flex;background:#fff;border:1px solid var(--fio);border-radius:99px;padding:5px;margin-top:26px;gap:4px}
.chave button{font:inherit;font-size:15px;font-weight:700;border:0;background:transparent;color:var(--vinho);padding:10px 22px;border-radius:99px;cursor:pointer;transition:background .3s,color .3s}
.chave button[aria-pressed=true]{background:var(--vinho);color:var(--creme)}
[data-mp]{transition:opacity .45s}
[data-mp][hidden]{display:none}

/* o que é (resposta direta) */
.oque-grade{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,100px);align-items:start}
.resposta-direta{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(23px,2.2vw,32px);line-height:1.3}
.oque-grade .mais{color:var(--texto);margin-top:20px;max-width:56ch}
@media (max-width:860px){.oque-grade{grid-template-columns:1fr}}

/* pra quem */
.praquem{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.praquem>div{background:#fff;border-radius:24px;padding:clamp(24px,3vw,40px)}
.praquem>div.nao{background:transparent;border:1px solid var(--fio)}
.praquem h3{font-family:var(--serif);font-style:italic;font-weight:400;font-size:26px;margin-bottom:16px}
.praquem ul{list-style:none;display:grid;gap:12px}
.praquem li{padding-left:30px;position:relative;color:var(--texto)}
.praquem li:before{content:"";position:absolute;left:0;top:.45em;width:16px;height:16px;border-radius:50%;background:var(--rose);box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 16px var(--rosa)}
.praquem .nao li:before{background:none;box-shadow:none;content:"×";color:var(--malva);font-size:20px;top:-.1em;width:auto;height:auto}
@media (max-width:860px){.praquem{grid-template-columns:1fr}}

/* passos */
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:48px;counter-reset:p}
.passos li{list-style:none;border-top:1px solid var(--vinho);padding-top:22px}
.passos .num{font-family:var(--serif);font-style:italic;font-size:44px;color:var(--rosa);line-height:1}
.passos h3{font-size:20px;margin:14px 0 8px;letter-spacing:-.01em}
.passos p{color:var(--texto)}
@media (max-width:860px){.passos{grid-template-columns:1fr}}

/* galeria de fotos do serviço */
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:44px}
.galeria figure{position:relative}
.galeria .quadro{aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:var(--rose);position:relative}
.arco>.vaga,.quadro>.vaga,.foto>.vaga{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.card .foto,.resposta .foto{position:relative}
.galeria .quadro img{width:100%;height:100%;object-fit:cover}
.galeria figcaption{font-size:13px;color:var(--texto);margin-top:10px}
.par{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.par figure:first-child .quadro{border-radius:22px 6px 6px 22px}
.par figure:last-child .quadro{border-radius:6px 22px 22px 6px}
.par .rotulo{position:absolute;top:14px;left:14px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;background:rgba(251,243,240,.94);padding:6px 10px;border-radius:99px}
.par figure:last-child .rotulo{background:var(--vinho);color:var(--creme)}
@media (max-width:640px){.par{grid-column:span 1}}
/* espaço de foto que a Selma vai mandar */
.vaga{aspect-ratio:4/5;border-radius:22px;display:grid;place-content:center;text-align:center;padding:24px;background:radial-gradient(circle at 30% 20%,#fff 0,var(--rose) 70%);overflow:hidden;position:relative}
.vaga .frase{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(22px,2vw,30px);line-height:1.2;max-width:14ch;margin:0 auto}
.vaga .assina{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--malva);margin-top:16px}
.previa .vaga{background:repeating-linear-gradient(45deg,#fff 0 12px,var(--creme) 12px 24px);outline:2px dashed var(--rosa);outline-offset:-2px}
.previa .vaga .frase,.previa .vaga .assina{display:none}
.previa .vaga:before{content:"Espaço de foto";display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--rosa-texto);margin-bottom:8px;font-weight:700}
.previa .vaga:after{content:attr(data-pedido) ". Arquivo: " attr(data-arquivo);display:block;font-size:14px;color:var(--vinho);max-width:30ch;margin:0 auto}

/* comparação */
.compara-caixa{margin-top:44px;overflow-x:auto;border-radius:24px;background:#fff;-webkit-overflow-scrolling:touch}
.compara{width:100%;border-collapse:collapse;min-width:720px;font-size:15px}
.compara th,.compara td{padding:18px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--fio)}
.compara thead th{font-family:var(--serif);font-style:italic;font-weight:400;font-size:20px}
.compara thead th a{text-decoration:none;border-bottom:1px solid var(--fio)}
.compara tbody th{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#7d4f60;font-weight:500;white-space:nowrap;position:sticky;left:0;background:#fff}
.compara td{color:var(--texto)}
.compara .eu{background:var(--rose);color:var(--vinho)}
.compara thead .eu{color:var(--vinho)}
.compara tbody tr:last-child th,.compara tbody tr:last-child td{border-bottom:0}
.dica-tabela{display:none;font-size:13px;color:var(--texto);margin-top:10px}
@media (max-width:860px){.dica-tabela{display:block}}

/* manifesto */
.manifesto{padding-block:clamp(80px,12vw,180px)}
.manifesto p{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(28px,4.2vw,62px);line-height:1.15;letter-spacing:-.01em;max-width:20ch}
.manifesto .p{color:var(--vinho);opacity:.22;transition:opacity .25s}
.manifesto .p.on{opacity:1}
.manifesto .p.forte.on{color:var(--rosa)}
.manifesto small{display:block;margin-top:36px;font-family:var(--sans);font-style:normal;font-size:17px;max-width:46ch;color:var(--texto)}

/* caso em scroll */
.caso{background:var(--ameixa);color:var(--creme)}
.caso-trilho{height:340vh}
.caso-palco{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,80px);overflow:hidden}
.caso .kicker{color:var(--claro)}
.caso h2{margin:18px 0 30px}
.barra{height:2px;background:rgba(243,221,224,.18);margin-bottom:26px;position:relative;max-width:420px}
.barra i{position:absolute;left:0;top:0;bottom:0;background:var(--rosa);width:0}
.etapas{list-style:none;position:relative}
.etapas li{display:none}
.etapas li.ativa{display:block;animation:troca .6s both}
@keyframes troca{from{opacity:0;transform:translateY(12px)}}
.etapas .quando{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--claro)}
.etapas h3{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(24px,2.4vw,34px);margin:6px 0 10px;line-height:1.15}
.etapas p{max-width:40ch;color:#ead2d9}
.molduras{position:relative;aspect-ratio:4/5;max-height:78vh;justify-self:center;width:100%;max-width:520px}
.molduras img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px;opacity:0;transform:scale(1.06);transition:opacity .8s,transform 1.4s}
.molduras img.ativa{opacity:1;transform:scale(1)}
.dia{position:absolute;right:-14px;bottom:-34px;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(90px,12vw,180px);line-height:1;color:var(--rosa);text-shadow:0 10px 40px rgba(0,0,0,.35)}
.dia small{font-size:.28em;letter-spacing:.04em;display:block;text-align:right;margin-bottom:-.2em}
@media (max-width:860px){
  .caso-palco{grid-template-columns:1fr;align-content:center;gap:16px}
  .molduras{max-height:38vh;aspect-ratio:1/1;order:-1}
  .caso h2{font-size:30px;margin:8px 0 14px}
  .dia{font-size:84px;bottom:-20px;right:-4px}
}

/* as camadas da blindagem */
.camadas{background:var(--ameixa);color:var(--creme)}
.camadas-trilho{height:320vh}
.camadas-palco{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(24px,5vw,80px)}
.camadas .kicker{color:var(--claro)}
.camadas h2{margin:16px 0 26px}
.corte{position:relative;width:100%;max-width:560px;aspect-ratio:1/1;justify-self:center}
.corte svg{width:100%;height:100%;overflow:visible}
.corte .cam{opacity:0;transform:translateY(-60px);transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.1,1)}
.corte .cam.on{opacity:1;transform:none}
.corte .rot{font-family:var(--sans);font-size:15px;fill:var(--creme);opacity:0;transition:opacity .6s .2s}
.corte .cam.on+.rot,.corte .rot.on{opacity:1}
.lista-camadas{list-style:none;display:grid;gap:4px;counter-reset:c}
.lista-camadas li{padding:14px 0 14px 46px;position:relative;border-top:1px solid rgba(243,221,224,.14);opacity:.32;transition:opacity .4s}
.lista-camadas li.on{opacity:1}
.lista-camadas i{position:absolute;left:0;top:14px;font-family:var(--serif);font-style:italic;color:var(--rosa);font-size:22px;line-height:1.2}
.lista-camadas b{display:block;font-size:17px}
.lista-camadas span{color:#ead2d9;font-size:15px}
@media (max-width:860px){
  .camadas-palco{grid-template-columns:1fr;align-content:center;gap:8px}
  .corte{max-width:300px;order:-1}
  .camadas h2{font-size:28px;margin:8px 0 10px}
  .lista-camadas li{padding:8px 0 8px 40px;display:none}
  .lista-camadas li.on{display:block}
  .lista-camadas li.on~li.on{display:none}
}

/* molde F1 */
.f1-grade{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
.f1-cartao{background:#fff;border-radius:28px;padding:clamp(24px,3vw,40px);text-align:center}
.f1-cartao.bom{background:var(--ameixa);color:var(--creme)}
.f1-cartao svg{width:100%;max-width:340px;height:auto;margin:10px auto 18px;display:block;overflow:visible}
.f1-cartao h3{font-family:var(--serif);font-style:italic;font-weight:400;font-size:28px}
.f1-cartao p{color:var(--texto);margin-top:8px;max-width:34ch;margin-inline:auto}
.f1-cartao.bom p{color:#ead2d9}
.traco{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 2.2s cubic-bezier(.4,.1,.2,1)}
.desenha .traco{stroke-dashoffset:0}
.desenha .traco.dois{transition-delay:.5s}
@media (max-width:860px){.f1-grade{grid-template-columns:1fr}}

/* paleta da esmaltação */
.paleta-grade{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,100px);align-items:center;margin-top:40px}
.bolinhas{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.bolinhas button{width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;background:var(--c);box-shadow:inset 0 -6px 12px rgba(0,0,0,.18),inset 0 4px 8px rgba(255,255,255,.35),0 0 0 2px var(--creme),0 0 0 3px transparent;transition:transform .3s,box-shadow .3s}
.bolinhas button:hover{transform:scale(1.08)}
.bolinhas button[aria-pressed=true]{box-shadow:inset 0 -6px 12px rgba(0,0,0,.18),inset 0 4px 8px rgba(255,255,255,.35),0 0 0 3px var(--creme),0 0 0 5px var(--vinho)}
.nome-cor{font-family:var(--serif);font-style:italic;font-size:clamp(30px,3.4vw,48px);margin-top:26px;line-height:1}
.paleta-foto{position:relative}
.paleta-foto .arco img{transition:opacity .5s}
@media (max-width:860px){.paleta-grade{grid-template-columns:1fr;gap:24px}.paleta-foto .arco{aspect-ratio:4/5;border-radius:160px 160px 20px 20px}}

/* qual é o seu caso */
.escolha-grade{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,100px);align-items:start}
.opcoes{display:grid;gap:10px;margin-top:30px}
.opcoes button{font:inherit;text-align:left;font-size:17px;background:transparent;border:1px solid var(--fio);border-radius:16px;padding:16px 20px;color:var(--vinho);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .3s,border-color .3s}
.opcoes button:after{content:"→";opacity:.4;transition:transform .3s,opacity .3s}
.opcoes button:hover:after,.opcoes button[aria-pressed=true]:after{transform:translateX(4px);opacity:1}
.opcoes button[aria-pressed=true]{background:#fff;border-color:var(--rosa)}
.resposta{background:#fff;border-radius:28px;padding:clamp(24px,3vw,44px);box-shadow:0 30px 70px -40px rgba(74,18,38,.35);position:sticky;top:24px}
.resposta .foto{aspect-ratio:16/10;border-radius:18px;overflow:hidden;margin-bottom:24px;background:var(--rose)}
.resposta .foto img{width:100%;height:100%;object-fit:cover}
.resposta h3{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.05;margin-top:10px}
.resposta p{color:var(--texto);margin:12px 0 22px}
.resposta .acoes{margin-top:0}
@media (max-width:860px){.escolha-grade{grid-template-columns:1fr}.resposta{position:relative;top:0}}

/* cards de serviço */
.servicos{border-top:1px solid var(--fio)}
.servicos-cab{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.servicos-cab p{max-width:36ch;color:var(--texto)}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;list-style:none}
.cards.dois{grid-template-columns:repeat(2,minmax(0,360px))}
.cards:not(.dois) li:nth-child(even){margin-top:56px}
.card{display:block;text-decoration:none}
.card .foto{aspect-ratio:3/4;border-radius:999px 999px 18px 18px;overflow:hidden;background:var(--rose);outline:1px solid var(--rose);outline-offset:6px;transition:outline-offset .4s}
.card .foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}
.card:hover .foto img{transform:scale(1.06)}
.card:hover .foto{outline-offset:10px}
.card .n{display:block;font-family:var(--serif);font-style:italic;color:#7d4f60;font-size:15px;margin-top:20px}
.card h3{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(22px,1.9vw,28px);line-height:1.1;margin:4px 0 8px}
.card p{font-size:15px;color:var(--texto);line-height:1.5}
.card .ver{display:inline-block;margin-top:12px;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;transition:color .3s}
.card:hover .ver{color:var(--rosa-texto)}
@media (max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.cards:not(.dois) li:nth-child(even){margin-top:0}}
@media (max-width:860px){
  .cards,.cards.dois{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 calc(var(--g) * -1);padding:0 var(--g) 10px;scrollbar-width:none}
  .cards::-webkit-scrollbar{display:none}
  .cards li{flex:0 0 68%;scroll-snap-align:start}
}

/* a Selma (bloco e página) */
.selma-grade{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,100px);align-items:center}
.retrato{aspect-ratio:3/4;border-radius:999px 999px 24px 24px;overflow:hidden;outline:1px solid var(--rose);outline-offset:10px}
.retrato img{width:100%;height:100%;object-fit:cover;object-position:40% 30%}
.selma-bloco blockquote{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(26px,2.8vw,42px);line-height:1.15;margin:20px 0 26px}
.selma-bloco p{color:var(--texto);max-width:52ch;margin-bottom:14px}
.numeros{display:flex;gap:36px;margin-top:28px;flex-wrap:wrap}
.numeros strong{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:44px;line-height:1}
.numeros span{font-size:14px;color:var(--texto)}
@media (max-width:860px){.selma-grade{grid-template-columns:1fr}.retrato{max-width:300px;margin:0 auto}}
.tempo{position:relative;margin-top:56px;max-width:860px}
.tempo:before{content:"";position:absolute;left:23px;top:8px;bottom:8px;width:1px;background:var(--fio)}
.tempo .fio-cheio{position:absolute;left:23px;top:8px;width:1px;background:var(--rosa);height:0}
.tempo li{list-style:none;display:grid;grid-template-columns:48px 1fr;gap:26px;padding-bottom:52px;position:relative}
.tempo .ponto{width:47px;height:47px;border-radius:50%;background:var(--creme);border:1px solid var(--fio);display:grid;place-items:center;font-family:var(--serif);font-style:italic;color:var(--malva);position:relative;z-index:1;transition:background .5s,color .5s,border-color .5s}
.tempo li.on .ponto{background:var(--vinho);color:var(--creme);border-color:var(--vinho)}
.tempo .ano{font-family:var(--serif);font-style:italic;font-size:clamp(34px,4vw,56px);line-height:1}
.tempo h3{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--malva);font-weight:500;margin:6px 0 10px}
.tempo p{color:var(--texto);max-width:52ch}

/* avaliações */
.vozes{background:var(--rose);padding:clamp(80px,10vw,140px) 0;overflow:hidden}
.vozes-cab{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.nota{display:flex;align-items:center;gap:14px}
.nota strong{font-family:var(--serif);font-style:italic;font-size:64px;line-height:1}
.nota span{font-size:14px;color:var(--texto);line-height:1.35}
.estrelas{color:var(--rosa-texto);letter-spacing:2px;font-size:15px}
.setas{display:flex;gap:10px}
.setas button{width:48px;height:48px;border-radius:50%;border:1px solid var(--vinho);background:transparent;color:var(--vinho);font-size:18px;cursor:pointer;transition:background .3s,color .3s}
.setas button:hover{background:var(--vinho);color:var(--creme)}
.trilha{display:flex;gap:20px;margin-top:44px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--g) 20px;scroll-padding:0 var(--g);scrollbar-width:none;cursor:grab}
.trilha::-webkit-scrollbar{display:none}
.voz{flex:0 0 min(380px,82vw);scroll-snap-align:start;background:var(--creme);border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
.voz .corpo{padding:28px;display:flex;flex-direction:column;gap:18px;flex:1;justify-content:space-between}
.voz q{font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.38}
.voz footer{font-size:14px;color:var(--texto);display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--fio);padding-top:14px}
.voz footer b{color:var(--vinho);display:block}
.voz .g{font-size:12px;letter-spacing:.06em}
.voz.print{background:#fff;max-height:560px}
.voz.print img{width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none}
.rodape-vozes{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:14px;color:var(--texto)}
.rodape-vozes a{color:var(--vinho);font-weight:700}
@media (max-width:860px){.setas{display:none}}
.voz-unica{background:var(--rose);border-radius:32px;padding:clamp(28px,5vw,72px);display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,56px);align-items:center}
.voz-unica .aspas{font-family:var(--serif);font-style:italic;font-size:clamp(90px,12vw,180px);line-height:.6;color:var(--rosa)}
.voz-unica q{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(22px,2.4vw,34px);line-height:1.3;display:block}
.voz-unica footer{margin-top:18px;font-size:14px;color:var(--texto)}
.voz-unica footer b{color:var(--vinho)}
@media (max-width:640px){.voz-unica{grid-template-columns:1fr}.voz-unica .aspas{line-height:.3}}

/* dúvidas */
.duvidas-grade{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,100px)}
#duvidas details{border-bottom:1px solid var(--fio)}
#duvidas summary{list-style:none;cursor:pointer;padding:24px 40px 24px 0;font-size:clamp(18px,1.5vw,22px);font-weight:500;position:relative}
#duvidas summary::-webkit-details-marker{display:none}
#duvidas summary:after{content:"+";position:absolute;right:4px;top:18px;font-family:var(--serif);font-size:32px;color:var(--rosa);transition:transform .3s}
#duvidas details[open] summary:after{transform:rotate(45deg)}
#duvidas details p{padding:0 0 26px;color:var(--texto);max-width:60ch}
#duvidas details a{color:var(--rosa-texto)}
@media (max-width:860px){.duvidas-grade{grid-template-columns:1fr}}

/* onde fica */
.local{background:var(--ameixa);color:var(--creme);padding:clamp(80px,10vw,140px) 0}
.local-grade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.local .kicker{color:var(--claro)}
.local h2{margin:16px 0 26px}
.local dl{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;font-size:16px;margin-bottom:34px}
.local dt{color:var(--claro);font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding-top:4px}
.local .botao{background:var(--rosa-texto)}
.local .botao:hover{background:var(--creme);color:var(--vinho)}
.local .botoes{display:flex;gap:14px;flex-wrap:wrap}
.botao.contorno{background:transparent;border:1px solid rgba(243,221,224,.5);color:var(--creme)}
.botao.contorno:hover{background:var(--creme);color:var(--vinho)}
.mapa{aspect-ratio:1/1;border-radius:28px;overflow:hidden;background:#3d1b31;position:relative;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.mapa iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:860px){.local-grade{grid-template-columns:1fr}.mapa{aspect-ratio:4/3}.local .botoes .botao{width:100%}}

/* texto corrido (privacidade) */
.texto{max-width:760px}
.texto h2{font-size:clamp(26px,3vw,38px);margin:48px 0 14px}
.texto p,.texto li{color:var(--texto);margin-bottom:12px}
.texto ul{padding-left:20px}

.rodape{padding:56px 0 120px;font-size:14px;color:var(--texto);border-top:1px solid var(--fio)}
.rodape-grade{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}
.rodape h2{font-family:var(--sans);font-style:normal;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:#7d4f60;margin-bottom:12px}
.rodape ul{list-style:none;display:grid;gap:6px}
.rodape a{text-decoration:none;border-bottom:1px solid var(--fio)}
.rodape .fim{margin-top:40px;font-size:13px}
@media (max-width:860px){.rodape-grade{grid-template-columns:1fr}}

.fixo{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;display:none;transform:translateY(140%);transition:transform .5s cubic-bezier(.2,.7,.1,1)}
.fixo.on{transform:none}
.fixo .botao{width:100%;box-shadow:0 18px 40px -12px rgba(46,18,38,.55)}
@media (max-width:860px){.fixo{display:block}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .entra,.etapas li.ativa{animation:none}
  .manifesto .p{opacity:1}
  .caso-trilho,.camadas-trilho{height:auto}.caso-palco,.camadas-palco{position:relative;height:auto;padding:80px 0}
  .etapas li{display:block;margin-bottom:24px}
  .molduras img{transition:none}
  .corte .cam,.corte .rot{opacity:1;transform:none;transition:none}
  .lista-camadas li{opacity:1;display:block!important}
  .traco{stroke-dashoffset:0;transition:none}
}