@property --giro { syntax: "<angle>"; inherits: false; initial-value: 0deg; }

:root{
  --fundo:#071a15; --fundo-2:#0c2620; --fundo-3:#05130f;
  --borda:rgba(212,180,124,.18); --borda-forte:rgba(212,180,124,.32);
  --tinta:#f3eee4; --suave:#b9c7bf; --discreta:#8fa198;
  --ouro:#d4b47c; --ouro-claro:#f5dfae; --ouro-forte:#e9b85a; --esmeralda:#2fd3a0;
  --display:"Bodoni Moda",Didot,Georgia,serif; --texto:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --margem:clamp(16px,4vw,48px);
  --curva:cubic-bezier(.2,0,0,1);
}
*,*::before,*::after{box-sizing:border-box}
h1,h2,h3,p,figure,ul,ol{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--tinta);font:400 17px/1.6 var(--texto);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
:where(a,button,summary):focus-visible{outline:2px solid var(--ouro);outline-offset:3px;border-radius:4px}
.container{width:100%;max-width:1288px;margin:0 auto;padding:0 var(--margem)}
.pular-link{position:absolute;left:16px;top:-60px;z-index:100;background:var(--ouro);color:#1a1306;padding:12px 16px;border-radius:8px;font-weight:600;text-decoration:none}
.pular-link:focus{top:16px}

/* textura de grão */
.grao{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:90;opacity:.085;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.2 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* ---------- BOTÕES E LINKS ---------- */
.botao{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:99px;font:600 15px/1 var(--texto);text-decoration:none;color:#1a1306;white-space:nowrap;
  background:linear-gradient(135deg,var(--ouro-claro),var(--ouro) 45%,#b8873f);
  box-shadow:0 0 0 1px rgba(255,236,190,.35) inset,0 10px 30px -8px rgba(233,184,90,.55),0 0 60px -10px rgba(233,184,90,.45);overflow:hidden;isolation:isolate;transition:transform .16s var(--curva)}
.botao::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);transform:translateX(-120%);z-index:-1}
.botao:hover::after{transition:transform .9s var(--curva);transform:translateX(120%)}
.botao:active{transform:scale(.98)}
.botao--vidro{color:var(--tinta);background:rgba(212,180,124,.08);border:1px solid var(--borda-forte);box-shadow:0 10px 30px -14px rgba(0,0,0,.6);backdrop-filter:blur(10px)}
.botao--vidro:hover{border-color:var(--ouro)}
.botao--compacto{height:44px;padding:0 20px;font-size:14px}
.link{color:var(--tinta);font-weight:500;text-decoration:underline;text-decoration-color:var(--ouro);text-decoration-thickness:1px;text-underline-offset:6px;padding:12px 2px;transition:text-decoration-thickness .16s}
.link:hover{text-decoration-thickness:2px}

/* ---------- CABEÇALHO ---------- */
.cabecalho{position:absolute;top:0;left:0;right:0;z-index:20}
.cabecalho__linha{display:flex;align-items:center;gap:32px;min-height:84px}
.marca{font-family:var(--display);font-size:28px;font-weight:500;letter-spacing:-.01em;text-decoration:none;margin-right:auto}
.marca b{font-weight:500;color:var(--ouro)}
.menu{display:flex;align-items:center;gap:32px}
.menu ul{display:flex;gap:28px;list-style:none}
.menu ul a{display:inline-block;padding:12px 0;font-size:15px;line-height:1;color:var(--suave);text-decoration:none;transition:color .16s}
.menu ul a:hover,.menu ul a[aria-current="page"]{color:var(--tinta)}
.menu ul a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:8px}
.menu-botao{display:none;font:600 14px/1 var(--texto);color:var(--tinta);background:rgba(212,180,124,.08);border:1px solid var(--borda-forte);border-radius:99px;height:44px;padding:0 18px;cursor:pointer}
@media (max-width:1080px){
  .menu-botao{display:inline-flex;align-items:center}
  .menu{position:absolute;left:var(--margem);right:var(--margem);top:calc(100% - 4px);flex-direction:column;align-items:stretch;gap:20px;padding:20px 24px 28px;border-radius:24px;
    background:rgba(12,38,32,.92);border:1px solid var(--borda);backdrop-filter:blur(16px);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);
    visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .32s var(--curva),transform .32s var(--curva),visibility 0s linear .32s}
  .menu.aberto{visibility:visible;opacity:1;transform:none;transition:opacity .32s var(--curva),transform .32s var(--curva),visibility 0s}
  .menu ul{flex-direction:column;gap:0}
  .menu ul a{display:block;padding:16px 0;font-size:17px;border-bottom:1px solid var(--borda)}
  .menu__whats{align-self:flex-start}
}

/* ---------- ABERTURA ---------- */
.abertura{position:relative;overflow:hidden;padding:84px 0 96px}
.aurora{position:absolute;inset:0;pointer-events:none;z-index:0}
.aurora span{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}
.a1{width:54vmax;height:54vmax;left:-18vmax;top:-22vmax;background:radial-gradient(circle,#1d6b55 0%,transparent 65%)}
.a2{width:44vmax;height:44vmax;right:-14vmax;top:8vmax;background:radial-gradient(circle,rgba(233,184,90,.5) 0%,transparent 62%)}
.a3{width:40vmax;height:40vmax;left:28vw;bottom:-24vmax;background:radial-gradient(circle,rgba(47,211,160,.32) 0%,transparent 62%)}
.abertura::after{content:"";position:absolute;inset:auto 0 0;height:200px;background:linear-gradient(transparent,var(--fundo));pointer-events:none;z-index:1}
.abertura__grade{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding-top:clamp(28px,5vw,72px)}
.selo{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:99px;font-size:13px;letter-spacing:.03em;color:var(--ouro-claro);background:rgba(212,180,124,.08);border:1px solid var(--borda);backdrop-filter:blur(8px)}
.selo i{width:8px;height:8px;border-radius:50%;background:var(--esmeralda);box-shadow:0 0 12px var(--esmeralda)}
.abertura__titulo{margin-top:28px;font-family:var(--display);font-weight:500;font-size:clamp(46px,7vw,100px);line-height:.98;letter-spacing:-.02em}
.abertura__titulo .linha{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.abertura__titulo .dentro{display:block}
.brilho{font-style:italic;background:linear-gradient(100deg,#c79a4e 0%,var(--ouro-claro) 25%,#fff7e2 35%,var(--ouro) 50%,#c79a4e 75%,var(--ouro-claro) 100%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(233,184,90,.35))}
.abertura__apoio{margin-top:28px;max-width:42ch;font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:var(--suave)}
.abertura__preco{margin-top:14px;font-size:15px;font-weight:600;max-width:42ch}
.abertura__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px}

/* palco 3D com os exemplos */
.exemplo{position:relative}
.palco{position:relative;perspective:1400px;height:min(540px,60vw)}
.halo{position:absolute;inset:10% 6%;border-radius:40px;background:radial-gradient(circle,rgba(233,184,90,.42),transparent 65%);filter:blur(40px)}
.cena3d{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(-6deg) rotateX(4deg)}
.empresa{position:absolute;inset:0;transform-style:preserve-3d}
.empresa[hidden]{display:none}
.empresa[data-empresa="padaria"]{--f:#f4ecdd;--t:#3b2418;--s:#6b5242;--l:#e6d9c2;--p:#a5402a;--p2:#7f2f1d;--sp:#f4ecdd;--fonte:"Bricolage Grotesque"}
.empresa[data-empresa="oficina"]{--f:#1c1f23;--t:#eceae4;--s:#a9adb3;--l:#353a40;--p:#f2c230;--p2:#c99a10;--sp:#1c1f23;--fonte:"Barlow Condensed"}
.empresa[data-empresa="clinica"]{--f:#eef3ef;--t:#163836;--s:#4b6461;--l:#d3e0d8;--p:#1f4d4a;--p2:#12302e;--sp:#eef3ef;--fonte:"Young Serif"}
.tela{position:absolute;overflow:hidden;font-family:var(--fonte),var(--texto);color:var(--t);background:var(--f);container-type:inline-size;
  box-shadow:0 2px 0 rgba(255,255,255,.35) inset,0 40px 80px -30px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08)}
.pc{left:0;top:8%;width:84%;aspect-ratio:16/10;border-radius:14px;display:flex;flex-direction:column}
.cel{right:0;bottom:2%;width:28%;aspect-ratio:9/18.5;border-radius:26px;border:6px solid #05130f;transform:translateZ(90px);display:flex;flex-direction:column;gap:5cqi}
.reflexo{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.3),transparent 35%);pointer-events:none;mix-blend-mode:soft-light}
.tt{font-family:var(--texto);font-weight:500}
/* padaria */
.fa-topo{display:flex;justify-content:space-between;align-items:center;padding:3.4cqi 4.4cqi;border-bottom:1px solid var(--l)}
.fa-marca{font-weight:800;font-size:2.4cqi;letter-spacing:-.02em}
.fa-links{display:flex;gap:3cqi;font-size:1.45cqi}
.fa-corpo{flex:1;display:grid;grid-template-columns:1.25fr 1fr}
.fa-chamada{padding:5cqi 4.4cqi;display:flex;flex-direction:column;justify-content:space-between}
.fa-titulo{font-weight:800;font-size:4.6cqi;line-height:1;letter-spacing:-.03em}
.fa-botao{align-self:flex-start;background:var(--p);color:var(--sp);font:600 1.45cqi/1 var(--texto);padding:1.7cqi 2.4cqi;border-radius:99px}
.fa-fornada{background:linear-gradient(160deg,var(--p),var(--p2));color:var(--sp);padding:5cqi 3.6cqi;display:flex;flex-direction:column;gap:1.5cqi;font:500 1.45cqi var(--texto)}
.fa-fornada b{font:700 2.1cqi var(--fonte);margin-bottom:1cqi}
.fa-fornada span{display:flex;justify-content:space-between;border-bottom:1px solid rgba(244,236,221,.3);padding-bottom:1.1cqi}
/* oficina */
.of-topo{display:flex;align-items:center;gap:3cqi;padding:2.6cqi 4cqi;border-bottom:1px solid var(--l)}
.of-marca{font-weight:700;font-size:2.8cqi;margin-right:auto;white-space:nowrap}
.of-nav{display:flex;gap:2.8cqi;font-size:1.45cqi;color:var(--s)}
.of-agendar{background:var(--p);color:var(--sp);font:600 1.45cqi/1 var(--texto);padding:1.5cqi 2.3cqi}
.of-hero{flex:1;padding:4cqi 4cqi 3cqi;display:flex;flex-direction:column;justify-content:space-between}
.of-titulo{font-weight:700;font-size:6cqi;line-height:.94;max-width:80%;text-transform:uppercase}
.of-faixa{display:block;width:16cqi;height:.8cqi;background:var(--p)}
.of-servicos{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--l)}
.of-servico{display:flex;flex-direction:column;gap:.8cqi;padding:2.4cqi 4cqi 2.8cqi}
.of-servico + .of-servico{border-left:1px solid var(--l)}
.of-preco{font-weight:700;font-size:4cqi;line-height:1;color:var(--p);white-space:nowrap}
.of-nome{font:500 1.45cqi var(--texto);color:var(--s)}
/* clínica */
.cl-topo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:3cqi 4.4cqi}
.cl-nav{display:flex;gap:2.8cqi;font:500 1.45cqi var(--texto);color:var(--s)}
.cl-marca{font-size:2.6cqi}
.cl-marcar{justify-self:end;border:1px solid var(--t);border-radius:99px;font:500 1.4cqi/1 var(--texto);padding:1.3cqi 2.1cqi}
.cl-corpo{flex:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:5cqi;padding:1cqi 4.4cqi 0}
.cl-arco{position:relative;overflow:hidden;background:#cfe0d6;border-radius:35cqi 35cqi 0 0}
.cl-arco::after{content:"";position:absolute;left:50%;bottom:-8cqi;width:21cqi;height:21cqi;margin-left:-10.5cqi;border-radius:50%;background:var(--p)}
.cl-texto{display:flex;flex-direction:column;justify-content:center;gap:2.2cqi;padding-bottom:3cqi}
.cl-titulo{font-size:4.2cqi;line-height:1.1}
.cl-apoio{font:400 1.5cqi/1.45 var(--texto);color:var(--s)}
.cl-botao{align-self:flex-start;background:var(--p);color:var(--sp);border-radius:1cqi;font:600 1.45cqi/1 var(--texto);padding:1.6cqi 2.5cqi}
.cl-horarios{display:grid;grid-template-columns:1fr 1fr;gap:1.8cqi;padding-top:1.8cqi;border-top:1px solid var(--l);font:400 1.35cqi var(--texto);color:var(--s)}
.cl-horarios strong{display:block;font-weight:600;color:var(--t)}
/* celular */
.cel .c-topo{display:flex;justify-content:space-between;align-items:center;padding:14cqi 8cqi 0;font-weight:800;font-size:7cqi}
.cel .c-menu{width:8cqi;height:4cqi;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
.cel .c-titulo{padding:0 8cqi;font-weight:800;font-size:10cqi;line-height:1.02}
.cel .c-botao{margin:0 8cqi;text-align:center;background:var(--p);color:var(--sp);font:600 4.6cqi/1 var(--texto);padding:5cqi 0;border-radius:99px}
.cel .c-item{margin:0 8cqi;display:flex;justify-content:space-between;font:500 4.4cqi var(--texto);padding-bottom:3cqi;border-bottom:1px solid var(--l)}
.empresa[data-empresa="oficina"] .c-titulo{text-transform:uppercase;font-weight:700}
.empresa[data-empresa="oficina"] .c-botao{border-radius:0}
.empresa[data-empresa="clinica"] .c-titulo{font-weight:400}
.cl-arco--cel{margin:0 8cqi;height:40cqi;border-radius:30cqi 30cqi 0 0}
.cl-arco--cel::after{width:24cqi;height:24cqi;margin-left:-12cqi;bottom:-10cqi}

.chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;
  background:rgba(12,38,32,.72);border:1px solid var(--borda);backdrop-filter:blur(12px);box-shadow:0 20px 40px -20px rgba(0,0,0,.8)}
.chip--a{left:-3%;bottom:12%;transform:translateZ(140px)}
.chip--b{right:6%;top:0;transform:translateZ(120px)}
.chip .ponto{width:8px;height:8px;border-radius:50%;background:var(--esmeralda);box-shadow:0 0 10px var(--esmeralda)}
.chip .estrela{color:var(--ouro-forte);letter-spacing:1px}
.exemplo figcaption{position:relative;z-index:4;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 20px;margin-top:20px;font-size:13px;color:var(--discreta)}
.exemplo__controle{min-height:44px;padding:0 2px;background:none;border:0;cursor:pointer;font:500 13px/1 var(--texto);color:var(--suave);text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:5px}
.exemplo__controle:hover{color:var(--tinta)}

/* ---------- TÍTULOS DE SEÇÃO ---------- */
.titulo-secao{font-family:var(--display);font-weight:500;font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.015em;text-wrap:balance}
.topo-secao{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 64px;align-items:end}
.topo-secao .titulo-secao{max-width:14ch}
.topo-secao p{font-size:clamp(17px,1.5vw,20px);line-height:1.45;color:var(--suave);max-width:40ch}

/* ---------- COMO FUNCIONA ---------- */
.processo{position:relative;padding:72px 0 40px;scroll-margin-top:24px}
.janela{overflow:hidden;margin-top:56px}
.esteira{display:flex;gap:28px;width:max-content;list-style:none;padding:0 var(--margem) 40px}
.cartao{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;
  background:linear-gradient(160deg,rgba(29,82,68,.55),rgba(10,30,25,.72));border:1px solid var(--borda);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.06) inset}
.cartao::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(233,184,90,.2),transparent 45%)}
.etapa{width:min(420px,80vw);min-height:370px;padding:36px}
.etapa__n{font-family:var(--display);font-style:italic;font-size:110px;line-height:.8;background:linear-gradient(180deg,var(--ouro-claro),rgba(212,180,124,.15));-webkit-background-clip:text;background-clip:text;color:transparent}
.etapa h3{margin-top:28px;font-size:23px;font-weight:600;letter-spacing:-.01em}
.etapa p{margin-top:10px;color:var(--suave);font-size:16px;max-width:30ch}
.icone{position:absolute;right:28px;top:32px;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(233,184,90,.25),rgba(47,211,160,.15));border:1px solid var(--borda);box-shadow:0 0 30px -6px rgba(233,184,90,.5)}
.icone svg{width:26px;height:26px;stroke:var(--ouro-claro);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.processo__acao{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 16px;margin-top:8px;font-size:17px;color:var(--suave)}

/* ---------- SERVIÇOS ---------- */
.servicos-secao{padding:120px 0;scroll-margin-top:24px}
.servicos{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:56px}
.servico{padding:36px;display:flex;flex-direction:column;gap:14px;min-height:300px}
.servico .icone{position:static;margin-bottom:8px}
.servico h3{font-family:var(--display);font-weight:500;font-size:clamp(30px,3vw,40px);line-height:1.05}
.servico p{color:var(--suave);font-size:16px;max-width:44ch}
.servico__rodape{margin-top:auto;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid rgba(212,180,124,.14)}
.servico__valor{font-family:var(--display);font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.servico__valor small{display:block;font:400 13px var(--texto);color:var(--discreta);margin-top:8px}

/* ---------- POR QUE ---------- */
.porque{position:relative;padding:40px 0 0;overflow:hidden}
.porque__grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.porque__experiencia{position:sticky;top:48px}
.porque__brilho{position:absolute;left:-10vmax;top:0;width:50vmax;height:50vmax;border-radius:50%;background:radial-gradient(circle,rgba(233,184,90,.22),transparent 60%);filter:blur(30px);pointer-events:none}
.porque__numero{position:relative;font-family:var(--display);font-style:italic;font-size:clamp(170px,24vw,330px);line-height:.8;letter-spacing:-.05em;font-variant-numeric:tabular-nums;
  background:linear-gradient(170deg,#fff3d1 0%,var(--ouro) 40%,#8a5f22 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 20px 60px rgba(233,184,90,.35));transform-origin:left bottom}
.porque__legenda{position:relative;margin-top:24px;padding-top:16px;border-top:1px solid var(--borda);font-size:17px;color:var(--suave);max-width:32ch}
.porque__legenda strong{color:var(--tinta);font-weight:600}
.motivos{list-style:none;margin-top:48px;display:grid;gap:20px}
.motivo{padding:32px}
.motivo h3{font-family:var(--display);font-weight:500;font-size:clamp(26px,2.6vw,32px);line-height:1.12}
.motivo p{margin-top:10px;color:var(--suave);max-width:52ch}

/* faixa de buscas */
.buscas{position:relative;margin-top:120px;padding:40px 0;overflow:hidden;border-block:1px solid rgba(212,180,124,.12);
  background:linear-gradient(90deg,rgba(212,180,124,.05),rgba(47,211,160,.06),rgba(212,180,124,.05))}
.trilho{display:flex;gap:56px;width:max-content;will-change:transform}
.trilho + .trilho{margin-top:14px}
.busca{font-family:var(--display);font-style:italic;font-size:clamp(34px,5vw,64px);line-height:1.1;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(185,199,191,.45)}
.busca.cheia{color:var(--tinta);-webkit-text-stroke:0}
.busca::before{content:"\201C";color:var(--ouro)}.busca::after{content:"\201D";color:var(--ouro)}
.buscas__legenda{margin-top:16px;font-size:13px;color:var(--discreta)}

/* ---------- DEPOIS DO SITE ---------- */
.depois{position:relative;padding:140px 0;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,rgba(29,107,85,.35),transparent 60%),var(--fundo-3)}
.depois__grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:center}
.depois__intro{margin-top:24px;font-size:clamp(17px,1.5vw,20px);line-height:1.45;color:var(--suave);max-width:44ch}
.caminhos{list-style:none;margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.caminho{padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.caminho h3{font-family:var(--display);font-weight:500;font-size:30px;line-height:1.1}
.caminho p{color:var(--suave);font-size:15px}
.caminho .link{margin-top:auto;font-size:15px;padding:8px 2px}
.depois__acao{margin-top:36px}
.aneis{justify-self:center;width:100%;max-width:460px}
.aneis svg{display:block;width:100%;height:auto;overflow:visible}
.anel{fill:none;stroke-width:1}
.anel--fora{stroke:rgba(212,180,124,.35)}
.anel--meio{stroke:rgba(185,199,191,.4)}
.anel-centro{fill:url(#centro);stroke:var(--ouro);stroke-width:1.2;filter:drop-shadow(0 0 24px rgba(233,184,90,.5))}
.anel__rotulo{font-family:var(--texto);font-size:13px;fill:var(--suave);paint-order:stroke;stroke:var(--fundo-3);stroke-width:6px;stroke-linejoin:round}
.anel__rotulo--centro{font-family:var(--display);font-style:italic;font-size:24px;fill:var(--tinta);stroke:none}
.orbita circle{fill:var(--ouro-claro);filter:drop-shadow(0 0 6px rgba(245,223,174,.9))}

/* ---------- PREÇOS ---------- */
.precos{padding:140px 0 120px;scroll-margin-top:24px}
.planos{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:56px}
.plano{padding:44px;display:flex;flex-direction:column}
.plano--destaque{border-color:transparent;background:
  linear-gradient(170deg,#143a30,#0a1f1a) padding-box,
  conic-gradient(from var(--giro),rgba(233,184,90,.1),var(--ouro-claro),rgba(47,211,160,.6),rgba(233,184,90,.1) 60%) border-box;
  border:1.5px solid transparent;animation:girar 6s linear infinite}
@keyframes girar{to{--giro:360deg}}
.plano h3{font-family:var(--display);font-weight:500;font-size:clamp(30px,3vw,40px)}
.plano__para{margin-top:8px;color:var(--suave);font-size:15px;max-width:38ch}
.plano__preco{margin-top:28px;font-family:var(--display);font-size:clamp(52px,6vw,72px);line-height:1;font-variant-numeric:tabular-nums}
.plano__preco small{display:block;font:400 14px var(--texto);color:var(--suave);margin-bottom:8px}
.plano__cobranca{margin-top:8px;font-size:13px;color:var(--discreta)}
.plano ul{list-style:none;margin:28px 0 36px;padding-top:24px;border-top:1px solid rgba(212,180,124,.15);display:grid;gap:12px;font-size:15px}
.plano li{display:flex;gap:12px}
.plano li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:radial-gradient(circle,var(--esmeralda) 0 3px,transparent 4px),rgba(47,211,160,.15);box-shadow:0 0 12px -2px var(--esmeralda)}
.plano .botao{margin-top:auto;align-self:flex-start}
.etiqueta{position:absolute;right:28px;top:28px;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600;color:#1a1306;background:linear-gradient(135deg,var(--ouro-claro),var(--ouro))}
.mensais{margin-top:28px;padding:8px 36px;display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:0 36px}
.mensais__rotulo{font-size:13px;font-weight:600;color:var(--discreta);letter-spacing:.02em}
.mensal{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 20px;padding:24px 0}
.mensal h3{font-family:var(--display);font-weight:500;font-size:26px;white-space:nowrap}
.mensal p{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.mensal .link{font-size:15px;padding:8px 2px}

/* ---------- PERGUNTAS ---------- */
.perguntas{padding:40px 0 140px;scroll-margin-top:24px}
.perguntas__grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.perguntas__topo{position:sticky;top:48px}
.perguntas__topo .titulo-secao{max-width:10ch}
.perguntas__apoio{margin-top:24px;color:var(--suave);display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline}
.duvidas{display:grid;gap:12px}
.duvida{border-radius:20px;background:rgba(22,58,49,.35);border:1px solid var(--borda);transition:background .3s,border-color .3s}
.duvida[open]{background:rgba(22,58,49,.65);border-color:var(--borda-forte)}
.duvida summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:16px 24px;font-size:18px;line-height:1.35;font-weight:500;cursor:pointer;list-style:none}
.duvida summary::-webkit-details-marker{display:none}
.duvida summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--borda-forte);
  background:linear-gradient(var(--ouro),var(--ouro)) center/12px 1.5px no-repeat,linear-gradient(var(--ouro),var(--ouro)) center/1.5px 12px no-repeat;transition:transform .32s var(--curva)}
.duvida[open] summary::after{transform:rotate(45deg)}
.duvida__resposta{overflow:hidden}
.duvida__resposta p{padding:0 64px 24px 24px;color:var(--suave);max-width:62ch}

/* ---------- CHAMADA ---------- */
.chamada{position:relative;padding:150px 0;text-align:center;overflow:hidden}
.chamada__luz{position:absolute;left:50%;top:50%;width:70vmax;height:70vmax;margin:-35vmax 0 0 -35vmax;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(233,184,90,0),rgba(233,184,90,.35),rgba(47,211,160,.25),rgba(233,184,90,0) 70%);filter:blur(80px);opacity:.7}
.chamada__titulo{position:relative;font-family:var(--display);font-weight:500;font-size:clamp(46px,8vw,112px);line-height:.98;letter-spacing:-.02em}
.chamada__texto{position:relative;margin:22px auto 36px;color:var(--suave);font-size:19px;max-width:40ch}
.chamada .botao{height:64px;padding:0 36px;font-size:16px}
.chamada__numero{position:relative;margin-top:20px;font-size:15px;color:var(--discreta)}
.chamada__numero span{color:var(--tinta);font-weight:600;user-select:all}

/* ---------- RODAPÉ ---------- */
.rodape{background:var(--fundo-3);border-top:1px solid rgba(212,180,124,.12);padding:64px 0 32px}
.rodape__grade{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px}
.rodape__marca p{margin-top:12px;font-size:15px;color:var(--suave);max-width:30ch}
.rodape__coluna h2{margin-bottom:12px;font-size:13px;font-weight:600;color:var(--discreta)}
.rodape__coluna ul{list-style:none;display:grid;gap:8px;font-size:15px;color:var(--suave)}
.rodape__coluna a,.rodape__base a{color:var(--suave);text-decoration:none;display:inline-block;padding:4px 0;white-space:nowrap}
.rodape__coluna a:hover,.rodape__base a:hover{color:var(--tinta);text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:4px}
.rodape__base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:64px;padding-top:24px;border-top:1px solid rgba(212,180,124,.12);font-size:13px;color:var(--discreta)}

/* WhatsApp flutuante */
.whats-flutuante{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:80;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 22px 0 18px;border-radius:99px;
  font:600 15px/1 var(--texto);color:#1a1306;text-decoration:none;background:linear-gradient(135deg,var(--ouro-claro),var(--ouro) 50%,#b8873f);
  box-shadow:0 12px 28px -10px rgba(4,14,11,.8),0 0 40px -8px rgba(233,184,90,.6);transition:opacity .32s var(--curva),transform .32s var(--curva),visibility 0s}
.whats-flutuante svg{flex:none;width:22px;height:22px;fill:currentColor}
.whats-flutuante--oculto{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px);transition:opacity .32s,transform .32s,visibility 0s linear .32s}

/* ---------- RESPONSIVO ---------- */
@media (max-width:1080px){
  .abertura__grade{grid-template-columns:1fr}
  .palco{height:88vw;max-height:540px;margin-top:12px}
  .topo-secao,.porque__grade,.depois__grade,.perguntas__grade{grid-template-columns:1fr}
  .porque__experiencia,.perguntas__topo{position:static}
  .perguntas__topo .titulo-secao{max-width:none}
  .aneis{max-width:400px;justify-self:start}
  .mensais{grid-template-columns:1fr 1fr}
  .mensais__rotulo{grid-column:1/-1;padding-top:20px}
  .rodape__grade{grid-template-columns:1fr 1fr 1fr}
  .rodape__marca{grid-column:1/-1}
}
@media (max-width:767px){
  .abertura__acoes{flex-direction:column;align-items:stretch}
  .abertura__acoes .link{align-self:flex-start}
  .esteira{flex-direction:column;width:auto}
  .etapa{width:auto;min-height:0}
  .servicos,.caminhos,.planos,.mensais{grid-template-columns:1fr}
  .servico,.plano,.motivo{padding:28px 24px}
  .plano .botao{align-self:stretch}
  .mensais{padding:8px 24px}
  .mensal + .mensal{border-top:1px solid rgba(212,180,124,.14)}
  .duvida summary{font-size:16px;padding:16px 20px}
  .duvida__resposta p{padding:0 20px 20px}
  .chamada .botao{width:100%}
  .rodape__grade{grid-template-columns:1fr 1fr}
  .rodape__coluna:last-child{grid-column:1/-1}
  .whats-flutuante{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;padding:0;justify-content:center}
  .whats-flutuante span{display:none}
  .chip{font-size:11px;padding:8px 10px}
}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .plano--destaque{animation:none} }

/* =========================================================
   PÁGINAS INTERNAS
   ========================================================= */
.topo-interno{position:relative;overflow:hidden;padding:84px 0 110px}
.topo-interno::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--fundo));pointer-events:none;z-index:1}
.topo-interno__grade{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;padding-top:clamp(28px,5vw,72px)}
.topo-interno__grade--uma{grid-template-columns:1fr}
.topo-interno__titulo{margin-top:24px;font-family:var(--display);font-weight:500;font-size:clamp(44px,6.2vw,84px);line-height:.98;letter-spacing:-.02em;text-wrap:balance}
.topo-interno__titulo .linha{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.topo-interno__titulo .dentro{display:block}
.topo-interno__intro{margin-top:28px;max-width:46ch;font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:var(--suave)}
.topo-interno__preco{margin-top:24px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:14px;color:var(--suave)}
.topo-interno__preco strong{font-family:var(--display);font-weight:500;font-size:clamp(38px,4vw,52px);line-height:1;color:var(--tinta);font-variant-numeric:tabular-nums;
  background:linear-gradient(170deg,#fff3d1,var(--ouro) 60%);-webkit-background-clip:text;background-clip:text;color:transparent}
.topo-interno__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px}

/* Prévia 3D (ilustração de cada serviço) */
.previa3d{position:relative;perspective:1200px;justify-self:center;width:100%;max-width:460px}
.previa3d__cena{position:relative;transform-style:preserve-3d;transform:rotateY(-6deg) rotateX(4deg)}
.previa3d .halo{inset:-6% -4%}
.previa3d figcaption{position:relative;z-index:3;margin-top:18px;font-size:13px;color:var(--discreta)}
.quadro{position:relative;aspect-ratio:300/220;border-radius:22px;overflow:hidden;
  background:linear-gradient(160deg,rgba(29,82,68,.75),rgba(8,24,20,.9));border:1px solid var(--borda-forte);
  box-shadow:0 2px 0 rgba(255,255,255,.08) inset,0 40px 80px -30px rgba(0,0,0,.8),0 0 60px -20px rgba(233,184,90,.35)}
.quadro::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 40%);pointer-events:none}
.b{display:block;border-radius:4px;background:var(--tinta);transform-origin:left center}
.b--barra{width:34%;height:6px;background:var(--discreta)}
.b--titulo{width:82%;height:12px}
.b--curto{width:56%}
.b--texto{width:90%;height:5px;background:var(--suave);opacity:.7}
.b--botao{width:76px;height:18px;border-radius:99px;background:linear-gradient(135deg,var(--ouro-claro),var(--ouro));box-shadow:0 0 18px -4px rgba(233,184,90,.8)}
/* site */
.pv-site{display:flex;align-items:flex-end;gap:14px;padding:22px}
.pv-pc{flex:1;height:100%;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;background:rgba(5,19,15,.7);border:1px solid var(--borda)}
.pv-cel{width:26%;height:86%;display:flex;flex-direction:column;gap:9px;padding:14px 10px;border-radius:14px;background:rgba(5,19,15,.8);border:1px solid var(--borda-forte);transform:translateZ(40px)}
.pv-cel .b--botao{width:100%;margin-top:auto}
.pv-colunas{display:flex;gap:8px;margin-top:auto}
.pv-colunas span{flex:1;height:34px;border-radius:8px;background:linear-gradient(160deg,rgba(212,180,124,.25),rgba(47,211,160,.12));border:1px solid var(--borda)}
/* landing page */
.pv-lp{display:flex;justify-content:center;padding:18px 0 0}
.pv-moldura{width:52%;height:100%;overflow:hidden;border-radius:18px 18px 0 0;border:1px solid var(--borda-forte);border-bottom:0;background:rgba(5,19,15,.8)}
.pv-trilho{display:flex;flex-direction:column;gap:10px;padding:14px}
.pv-foto{display:block;height:90px;border-radius:10px;background:radial-gradient(circle at 30% 30%,rgba(245,223,174,.6),transparent 50%),linear-gradient(160deg,#1d6b55,#0a1e19)}
.pv-lista{display:flex;flex-direction:column;gap:7px}
.pv-lista span{display:block;height:5px;width:70%;border-radius:4px;background:var(--discreta)}
.pv-whats{display:block;margin-top:8px;padding:10px 4px;white-space:nowrap;font-size:11px;text-align:center;font-weight:600;color:#1a1306;border-radius:99px;
  background:linear-gradient(135deg,var(--ouro-claro),var(--ouro));box-shadow:0 0 24px -4px rgba(233,184,90,.8)}
/* seo */
.pv-seo{display:flex;flex-direction:column;gap:12px;padding:22px}
.pv-busca{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:99px;background:rgba(5,19,15,.8);border:1px solid var(--borda-forte);font-size:13px}
.pv-busca svg{flex:none;width:14px;height:14px;stroke:var(--ouro);fill:none;stroke-width:2}
.pv-busca__texto{display:inline-block;overflow:hidden;white-space:nowrap;border-right:1.5px solid var(--ouro);padding-right:2px}
.pv-resultado{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:10px}
.pv-resultado .b{height:6px;background:var(--discreta)}
.pv-resultado .b--titulo{height:9px;width:62%;background:var(--suave)}
.pv-resultado--seu{background:linear-gradient(90deg,rgba(212,180,124,.18),rgba(47,211,160,.08));border:1px solid var(--borda-forte);box-shadow:0 0 30px -10px rgba(233,184,90,.6)}
.pv-r-nome{font-size:13px;font-weight:600;color:var(--ouro-claro)}
/* google meu negócio */
.pv-gmn{background:radial-gradient(circle at 50% 35%,rgba(29,107,85,.5),transparent 60%),var(--fundo-3)}
.pv-mapa{position:absolute;inset:0}
.pv-rua{position:absolute;background:rgba(185,199,191,.12)}
.pv-rua--h{left:0;right:0;height:8px}
.pv-rua--v{top:0;bottom:0;width:8px}
.pv-quadra{position:absolute;width:30%;height:22%;border-radius:6px;border:1px solid rgba(185,199,191,.14)}
.pv-onda{position:absolute;left:50%;top:34%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:1.5px solid var(--ouro);opacity:0}
.pv-pino{position:absolute;left:50%;top:34%;width:30px;height:30px;margin:-30px 0 0 -15px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);
  background:linear-gradient(135deg,var(--ouro-claro),var(--ouro));box-shadow:0 0 30px rgba(233,184,90,.8)}
.pv-pino::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--fundo-3)}
.pv-ficha{position:absolute;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:12px 14px;border-radius:14px;
  background:rgba(12,38,32,.85);border:1px solid var(--borda-forte);backdrop-filter:blur(10px);font-size:12px}
.pv-ficha__nome{font-size:14px;font-weight:600}
.pv-ficha__info{grid-column:1;color:var(--suave)}
.pv-ficha__info b{color:var(--ouro-forte);font-weight:600;letter-spacing:1px}
.pv-ficha__botao{grid-column:2;grid-row:1/span 2;padding:7px 12px;border-radius:99px;font-weight:600;color:#1a1306;background:linear-gradient(135deg,var(--ouro-claro),var(--ouro))}

/* Blocos de conteúdo */
.bloco{position:relative;padding:72px 0;scroll-margin-top:24px}
.bloco__grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 64px;align-items:start}
.bloco__grade .titulo-secao{font-size:clamp(34px,4vw,52px);max-width:14ch}
.bloco__texto{display:grid;gap:22px}
.bloco__texto > p{font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--suave);max-width:58ch}
.bloco__texto strong{color:var(--tinta);font-weight:600}
.bloco__texto strong.dourado{color:var(--ouro-claro)}
.lista-incluida{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lista-incluida li{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:16px;font-size:16px;line-height:1.45;
  background:rgba(22,58,49,.4);border:1px solid var(--borda)}
.lista-incluida li::before{content:"";flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;
  background:radial-gradient(circle,var(--esmeralda) 0 3.5px,transparent 4.5px),rgba(47,211,160,.15);box-shadow:0 0 14px -2px var(--esmeralda)}
.tres{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tres li{padding:26px}
.tres h3{font-family:var(--display);font-weight:500;font-size:24px;line-height:1.12}
.tres p{margin-top:10px;font-size:15px;color:var(--suave)}
.tres .icone{position:static;margin-bottom:18px;width:48px;height:48px;border-radius:14px}
.tres .icone svg{width:22px;height:22px}
.comparacao{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.comparacao__lado{padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.comparacao__lado h3{font-family:var(--display);font-weight:500;font-size:30px}
.comparacao__lado p{font-size:15px;color:var(--suave)}
.comparacao__lado .comparacao__preco{color:var(--tinta);font-weight:600}
.comparacao__lado .link{margin-top:auto;font-size:15px;padding:8px 2px}
.comparacao__lado--atual{border-color:transparent;background:
  linear-gradient(170deg,#143a30,#0a1f1a) padding-box,
  conic-gradient(from var(--giro),rgba(233,184,90,.1),var(--ouro-claro),rgba(47,211,160,.6),rgba(233,184,90,.1) 60%) border-box;
  border:1.5px solid transparent;animation:girar 6s linear infinite}
.comparacao__selo{font-size:12px;font-weight:600;color:var(--ouro-claro);letter-spacing:.04em;text-transform:uppercase}
.destaque-anos{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:end}
.destaque-anos .destaque-anos__numero{padding:0;max-width:none;font-family:var(--display);font-style:italic;font-size:clamp(150px,18vw,230px);line-height:.8;letter-spacing:-.05em;
  background:linear-gradient(170deg,#fff3d1 0%,var(--ouro) 40%,#8a5f22 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 20px 60px rgba(233,184,90,.35));transform-origin:left bottom}
.destaque-anos p{font-size:19px;color:var(--suave);max-width:40ch;padding-bottom:12px}
.destaque-anos p strong{color:var(--tinta)}
.aviso{padding:32px;display:grid;gap:14px}
.aviso p{color:var(--suave);font-size:18px;max-width:58ch}
.aviso p strong{color:var(--tinta)}
.ciclo{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px;color:var(--suave)}
.ciclo span{padding:8px 14px;border-radius:99px;border:1px solid var(--borda);background:rgba(22,58,49,.4)}
.ciclo i{color:var(--ouro);font-style:normal}
.buscas--solta{margin-top:24px}
/* Seções com 3 cartões: título em cima, cartões na largura toda */
@media (min-width:1081px){
  .bloco__grade:has(.tres){grid-template-columns:1fr;gap:28px}
  .bloco__grade:has(.tres) .titulo-secao{max-width:20ch}
  .bloco__grade:has(.tres) .tres li{padding:32px}
}

/* Política de privacidade */
.texto-legal{max-width:72ch;padding:40px;display:grid;gap:16px}
.texto-legal h2{margin-top:20px;font-family:var(--display);font-weight:500;font-size:30px;line-height:1.15}
.texto-legal h2:first-of-type{margin-top:8px}
.texto-legal p,.texto-legal li{font-size:17px;line-height:1.65;color:var(--suave)}
.texto-legal ul{padding-left:1.2em;display:grid;gap:8px}
.texto-legal strong{color:var(--tinta);font-weight:600}
.texto-legal__data{font-size:13px;color:var(--discreta)}

@media (max-width:1080px){
  .topo-interno__grade{grid-template-columns:1fr}
  .previa3d{justify-self:center;max-width:440px}
  .bloco__grade{grid-template-columns:1fr}
  .tres{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .bloco{padding:48px 0}
  .topo-interno__acoes{flex-direction:column;align-items:stretch}
  .topo-interno__acoes .link{align-self:flex-start}
  .lista-incluida,.tres,.comparacao{grid-template-columns:1fr}
  .destaque-anos{grid-template-columns:1fr;gap:8px}
  .texto-legal{padding:28px 22px}
}
@media (prefers-reduced-motion:reduce){ .comparacao__lado--atual{animation:none} }

/* =========================================================
   CELULAR E TELAS DE TOQUE: mais leve para o Safari do iPhone
   ========================================================= */
@media (hover:none), (pointer:coarse){
  .grao{inset:0;width:100%;height:100%;mix-blend-mode:normal;opacity:.05}
  .aurora span,.halo,.porque__brilho{filter:none}
  .chamada__luz{filter:none;background:radial-gradient(circle,rgba(233,184,90,.28) 0%,rgba(47,211,160,.12) 35%,transparent 62%)}
  .brilho,.porque__numero,.destaque-anos .destaque-anos__numero,.anel-centro,.orbita circle{filter:none}
  .selo,.chip,.menu,.pv-ficha,.botao--vidro{backdrop-filter:none}
  .chip{background:rgba(12,38,32,.92)}
}
@media (max-width:767px){
  .chip--a{left:2%;bottom:3%;transform:translateZ(30px)}
  .chip--b{right:2%;top:-1%;transform:translateZ(30px)}
}