/* Barbearia Homem Atual — folha de estilos
   Paleta tirada do logotipo e do Instagram da marca:
   menta da fita do logo, grafite do selo, amarelo das estrelas e o petróleo dos posts. */

@font-face{font-family:"Big Shoulders Display";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/big-shoulders-display-latin-wght-normal.woff2") format("woff2")}
@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/outfit-latin-wght-normal.woff2") format("woff2")}

:root{
  --breu:#0D1514;
  --breu-2:#121C1B;
  --petroleo:#1C3935;
  --petroleo-claro:#266660;
  --grafite:#353535;
  --tinta:#10201D;
  --menta:#A2D7CF;
  --menta-clara:#BFE6E0;
  --espuma:#EEF3F1;
  --estrela:#FECC2B;
  --texto:var(--espuma);
  --texto-2:rgb(238 243 241 / .68);
  --linha:rgb(238 243 241 / .12);
  --f-display:"Big Shoulders Display","Arial Narrow","Roboto Condensed",sans-serif;
  --f-corpo:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --gutter:clamp(18px,5vw,64px);
  --wrap:1320px;
  --topo-h:68px;
  --raio:18px;
  --ease:cubic-bezier(.16,1,.3,1);
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip;scrollbar-gutter:stable}
html.lenis{scroll-behavior:auto}
body{margin:0;background:var(--breu);color:var(--texto);font-family:var(--f-corpo);font-size:clamp(16px,.3vw + 15px,18px);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img,svg,canvas{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
h1,h2,h3,p,dl,dd,figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
address{font-style:normal}
:focus-visible{outline:3px solid var(--menta);outline-offset:3px;border-radius:6px}
::selection{background:var(--menta);color:var(--tinta)}
section[id]{scroll-margin-top:8px}
.sem-rolagem{overflow:hidden}
[tabindex="-1"]:focus{outline:none}

.sprite{position:absolute;width:0;height:0;overflow:hidden}
.visivel-leitor{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pular{position:fixed;left:12px;top:-80px;z-index:200;padding:12px 16px;border-radius:10px;background:var(--menta);color:var(--tinta);font-weight:600;text-decoration:none}
.pular:focus{top:12px}
.wrap{width:min(100% - 2*var(--gutter),var(--wrap));margin-inline:auto}
.ico{width:1.2em;height:1.2em;flex:none}

/* ---------- tipografia ---------- */
.rotulo{font:600 .72rem/1.3 var(--f-corpo);letter-spacing:.38em;text-transform:uppercase;color:var(--menta)}
.titulo-2{font:800 clamp(3rem,10.5vw,8.6rem)/.86 var(--f-display);text-transform:uppercase;letter-spacing:-.005em;text-wrap:balance}
.titulo-2 em{font-style:normal;color:var(--menta)}
.titulo-3{font:800 clamp(2.2rem,5vw,3.6rem)/.9 var(--f-display);text-transform:uppercase}
.cabeca{display:grid;gap:18px;margin-bottom:clamp(40px,6vw,76px);max-width:960px}
.cabeca--centro{margin-inline:auto;text-align:center;justify-items:center}
.cabeca__texto{max-width:54ch;color:var(--texto-2);font-size:1.06rem}
.cabeca__texto a{color:var(--menta);text-underline-offset:.2em}

/* títulos cortados na navalha (montados pelo JS) */
.linha{display:block;position:relative}
.fatia{display:block}
.fatia--a{clip-path:inset(-30% -2% 48% -2%)}
.fatia--b{position:absolute;inset:0;clip-path:inset(52% -2% -30% -2%)}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:50px;padding:.85em 1.4em;border:1.5px solid transparent;border-radius:12px;font:600 .8rem/1.1 var(--f-corpo);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.btn--menta{background:var(--menta);color:var(--tinta)}
.btn--menta:hover{background:var(--menta-clara)}
.btn--linha{border-color:rgb(238 243 241 / .32);color:var(--texto)}
.btn--linha:hover{border-color:var(--menta);color:var(--menta)}
.btn--escuro{background:var(--tinta);color:var(--espuma)}
.btn--escuro:hover{background:#050b0a}
.btn--linha-escura{border-color:rgb(16 32 29 / .45);color:var(--tinta)}
.btn--linha-escura:hover{border-color:var(--tinta);background:rgb(16 32 29 / .07)}
.btn--p{min-height:42px;padding:.65em 1.1em;font-size:.74rem}
.btn--g{min-height:58px;padding:1.05em 1.8em;font-size:.86rem}

/* ---------- intro ---------- */
.intro{display:none}
.js .intro{position:fixed;inset:0;z-index:150;display:grid;place-items:center;align-content:center;gap:28px;background:var(--breu);animation:intro-seguranca .4s 4.5s forwards}
.js .intro.is-js{animation:none}
.intro__selo{width:118px;height:118px}
.intro__selo img{width:100%;height:100%}
.intro__barra{width:150px;height:2px;border-radius:2px;background:rgb(238 243 241 / .14);overflow:hidden}
.intro__barra span{display:block;height:100%;background:var(--menta);transform:scaleX(0);transform-origin:left}
@keyframes intro-seguranca{to{opacity:0;visibility:hidden}}

/* ---------- topo ---------- */
.topo{position:fixed;inset:0 0 auto;z-index:60;transition:transform .55s var(--ease),background-color .35s,box-shadow .35s}
.topo--solido{background:rgb(13 21 20 / .8);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 var(--linha)}
.topo--oculto{transform:translateY(-100%)}
.menu-aberto .topo{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}
.topo__inner{display:flex;align-items:center;justify-content:space-between;gap:14px;height:var(--topo-h);padding-inline:var(--gutter)}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;min-height:44px}
.marca__selo{width:44px;height:44px}
.marca__nome{font:600 .72rem/1 var(--f-corpo);letter-spacing:.34em;text-transform:uppercase;white-space:nowrap}
.nav{display:none}
.topo__acoes{display:flex;align-items:center;gap:8px}
.menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;justify-content:center;padding:0 10px;border:1.5px solid rgb(238 243 241 / .28);border-radius:12px;background:transparent;cursor:pointer}
.menu-btn__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.menu-btn__ico{display:grid;gap:6px;width:18px}
.menu-btn__ico i{display:block;height:1.5px;background:currentColor;border-radius:2px;transition:transform .4s var(--ease)}
.menu-btn[aria-expanded="true"] .menu-btn__ico i:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .menu-btn__ico i:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.topo__progresso{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--menta);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px rgb(162 215 207 / .7)}
@media (max-width:379px){.marca__nome{display:none}}
@media (min-width:1024px){
  .nav{display:flex;gap:clamp(20px,2.4vw,34px)}
  .nav a{position:relative;padding-block:8px;font-size:.92rem;font-weight:500;text-decoration:none;opacity:.82;transition:opacity .2s}
  .nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1.5px;background:var(--menta);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
  .nav a:hover{opacity:1}
  .nav a:hover::after{transform:scaleX(1);transform-origin:left}
  .menu-btn{display:none}
}

/* ---------- menu do celular ---------- */
.menu{position:fixed;inset:0;z-index:55;display:grid;align-content:space-between;gap:32px;padding:calc(var(--topo-h) + 28px) var(--gutter) max(32px,env(safe-area-inset-bottom));background:var(--petroleo);overflow-y:auto}
.menu[hidden]{display:none}
.menu__nav{display:grid;gap:2px}
.menu__nav a{display:block;overflow:hidden;font:800 clamp(3.2rem,16vw,5.4rem)/.96 var(--f-display);text-transform:uppercase;text-decoration:none}
.menu__nav a:hover,.menu__nav a:focus-visible{color:var(--menta)}
.menu__rodape{display:grid;gap:10px;font-size:.92rem;color:var(--texto-2)}
.menu__rodape strong{display:block;color:var(--menta);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase}

/* ---------- hero ---------- */
.hero{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--topo-h) + 24px) 0 clamp(128px,17vh,190px);overflow:hidden;background:radial-gradient(62% 52% at 80% 36%,rgb(38 102 96 / .5),transparent 70%),radial-gradient(60% 45% at 0% 100%,rgb(28 57 53 / .75),transparent 72%),var(--breu)}
.hero__poste{position:absolute;inset:0;z-index:0}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s}
.hero__canvas.is-pronto{opacity:1}
.hero__inner{position:relative;z-index:2;display:grid;gap:22px}
.hero__titulo{font:800 clamp(4.4rem,24vw,15rem)/.84 var(--f-display);text-transform:uppercase;letter-spacing:-.01em}
.hero__quebra{display:block}
.mascara{display:inline-block;overflow:clip;padding:.12em .03em 0;margin:-.12em -.03em 0;vertical-align:top}
.mascara>span{display:inline-block}
.mascara--menta{color:var(--menta)}
.hero__pe{display:grid;gap:20px;max-width:560px}
.hero__texto{max-width:40ch;color:var(--texto-2);font-size:1.06rem}
.hero__acoes{display:flex;flex-wrap:wrap;gap:10px}
.nota{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;width:fit-content;font-size:.86rem;color:var(--texto-2);text-decoration:none}
.nota strong{color:var(--texto);font-weight:600}
.nota:hover strong{color:var(--menta)}
.nota__estrelas{display:flex;gap:2px;color:var(--estrela)}
.nota__estrelas svg{width:15px;height:15px}
@media (min-width:900px){
  .hero__titulo{font-size:clamp(6rem,12vw,15rem)}
  .hero__pe{grid-template-columns:minmax(0,420px) auto;align-items:end;gap:26px 44px;max-width:none}
  .nota{grid-column:1 / -1}
}

/* poste em CSS: aparece sem JS ou sem WebGL */
.poste-css{display:none;position:absolute;right:max(8%,24px);top:calc(var(--topo-h) + 4vh);height:58%;width:clamp(54px,7vw,92px);grid-template-rows:auto 1fr auto;filter:drop-shadow(0 30px 40px rgb(0 0 0 / .5))}
.no-js .poste-css,.sem-webgl .poste-css{display:grid}
@media (max-aspect-ratio:3/4){.poste-css{top:calc(var(--topo-h) + 70px);height:38%;width:48px;right:22px}}
.poste-css__topo,.poste-css__base{height:clamp(26px,3vw,40px);border-radius:40px 40px 8px 8px;background:linear-gradient(90deg,#6f7976,#f4f7f6 38%,#8d9794 62%,#dfe5e3)}
.poste-css__base{border-radius:8px 8px 40px 40px}
.poste-css__tubo{margin-inline:8%;background:repeating-linear-gradient(-60deg,var(--menta) 0 20px,var(--espuma) 20px 32px,var(--grafite) 32px 52px,var(--espuma) 52px 64px);background-size:100% 128px;box-shadow:inset 14px 0 18px rgb(0 0 0 / .38),inset -8px 0 12px rgb(255 255 255 / .3);animation:poste-css 2.8s linear infinite}
@keyframes poste-css{to{background-position:0 128px}}

/* fita (inspirada na faixa do logotipo) */
.fita{position:absolute;left:-8%;right:-8%;bottom:clamp(30px,6vh,64px);z-index:3;transform:rotate(-4deg);background:var(--menta);color:var(--tinta);border-block:3px solid var(--espuma);box-shadow:0 22px 40px -18px rgb(0 0 0 / .7);overflow:hidden}
.fita__trilho{display:flex;align-items:center;width:max-content;padding-block:.34em .3em;font:800 clamp(1.5rem,4.4vw,2.8rem)/1 var(--f-display);text-transform:uppercase;letter-spacing:.03em;animation:fita 40s linear infinite}
.fita__trilho.is-gsap{animation:none}
.fita__trilho span{padding-inline:.55em}
.fita__trilho i{flex:none;width:.5em;height:.5em;background:currentColor;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
@keyframes fita{to{transform:translateX(-50%)}}

/* ---------- corte (revelação de imagem com a "passada da máquina") ---------- */
.corte{position:relative}
.corte__img{position:relative;overflow:hidden;border-radius:var(--raio);background:var(--breu-2)}
.corte__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.corte__img img[data-parallax]{top:-8%;height:116%}
.corte__linha{position:absolute;left:-3%;right:-3%;top:100%;height:2px;background:var(--menta);box-shadow:0 0 16px 2px rgb(162 215 207 / .75);opacity:0;pointer-events:none}

/* ---------- sobre ---------- */
.sobre{padding-block:clamp(110px,15vw,210px) clamp(90px,11vw,170px)}
.sobre__manifesto{margin-top:26px;max-width:15.5em;font:700 clamp(2.4rem,7.6vw,6.8rem)/.98 var(--f-display);text-transform:uppercase;letter-spacing:-.005em}
.pilula{display:inline-block;width:1.9em;height:.8em;margin:0 .06em;border-radius:999px;overflow:hidden;vertical-align:-.04em;background:var(--petroleo)}
.pilula img{width:100%;height:100%;object-fit:cover}
.sobre__grade{display:grid;gap:44px;margin-top:clamp(60px,9vw,130px)}
.sobre__foto .corte__img{aspect-ratio:4/5}
.sobre__texto{display:grid;gap:18px;align-content:start}
.sobre__texto p{max-width:44ch;color:var(--texto-2);font-size:1.06rem}
.sobre__foto-2{width:min(64%,300px);justify-self:end;margin-top:18px}
.sobre__foto-2 .corte__img{aspect-ratio:4/5}
@media (min-width:900px){
  .sobre__grade{grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,100px);align-items:start}
  .sobre__texto{padding-top:clamp(40px,8vw,120px)}
}

/* ---------- serviços ---------- */
.servicos{position:relative;padding-block:clamp(100px,12vw,180px);background:var(--breu-2)}
.trio{display:grid;border-top:1px solid var(--linha)}
.trio__item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"nome preco" "tempo preco";align-items:end;gap:4px 16px;padding:22px 0;border-bottom:1px solid var(--linha)}
.trio__nome{grid-area:nome;font:800 clamp(1.9rem,6vw,3rem)/.9 var(--f-display);text-transform:uppercase}
.trio__tempo{grid-area:tempo;font-size:.86rem;color:var(--texto-2)}
.trio__preco{grid-area:preco;display:flex;align-items:flex-start;gap:8px;color:var(--menta);font:800 clamp(4.4rem,18vw,10rem)/.8 var(--f-display);font-variant-numeric:tabular-nums}
.trio__preco b{display:inline-block;min-width:2ch;font-weight:inherit;text-align:right}
.trio__preco small{max-width:6.4em;margin-top:.45em;font:600 .64rem/1.25 var(--f-corpo);letter-spacing:.14em;text-transform:uppercase;text-align:right;color:var(--texto-2)}
@media (min-width:900px){
  .trio{grid-template-columns:repeat(3,1fr);border-top:0}
  .trio__item{grid-template-columns:1fr;grid-template-areas:"nome" "preco" "tempo";gap:0;padding:30px 30px 28px;border:1px solid var(--linha);border-right-width:0;transition:background-color .35s}
  .trio__item:first-child{border-radius:var(--raio) 0 0 var(--raio)}
  .trio__item:last-child{border-right-width:1px;border-radius:0 var(--raio) var(--raio) 0}
  .trio__item:hover{background:rgb(162 215 207 / .06)}
  .trio__preco{margin-block:22px 10px;font-size:clamp(6rem,10.5vw,10.5rem)}
}
.tabela{display:grid;gap:40px;margin-top:clamp(52px,7vw,92px)}
.tabela__titulo{padding-bottom:14px;border-bottom:1px solid var(--menta);font:600 .72rem/1 var(--f-corpo);letter-spacing:.34em;text-transform:uppercase;color:var(--menta)}
.tabela li{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"nome preco" "tempo preco";align-items:center;gap:2px 14px;padding:13px 0;border-bottom:1px solid var(--linha)}
.tabela__nome{grid-area:nome;font-weight:500}
.tabela__tempo{grid-area:tempo;font-size:.8rem;color:var(--texto-2)}
.tabela__preco{grid-area:preco;font:700 1.4rem/1 var(--f-display);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tabela__preco small{display:block;margin-bottom:3px;font:500 .62rem/1 var(--f-corpo);letter-spacing:.08em;text-transform:uppercase;color:var(--texto-2)}
.nota-rodape{margin-top:30px;font-size:.86rem;color:var(--texto-2)}
@media (min-width:700px){.tabela{grid-template-columns:repeat(2,1fr);gap:44px 48px}}
@media (min-width:1200px){.tabela{grid-template-columns:repeat(4,1fr);gap:40px}}
@media (hover:hover) and (pointer:fine){
  [data-foto]{cursor:default}
  .tabela li[data-foto] .tabela__nome{text-decoration:underline dotted rgb(162 215 207 / .5);text-underline-offset:.3em}
}
.flutua{display:none;position:fixed;left:0;top:0;z-index:40;width:clamp(180px,16vw,240px);aspect-ratio:3/4;border-radius:16px;overflow:hidden;pointer-events:none;opacity:0;box-shadow:0 30px 60px -20px rgb(0 0 0 / .7)}
.flutua img{width:100%;height:100%;object-fit:cover}
@media (hover:hover) and (pointer:fine){.js .flutua{display:block}}

/* ---------- assinatura ---------- */
.assinatura{position:relative;padding-block:clamp(100px,13vw,190px);background:linear-gradient(180deg,var(--petroleo) 0%,#16302d 100%)}
.alterna{position:relative;display:grid;grid-template-columns:1fr 1fr;width:fit-content;min-width:280px;margin:0 auto clamp(36px,5vw,58px);padding:4px;border:1.5px solid rgb(238 243 241 / .25);border-radius:14px}
.alterna input{position:absolute;opacity:0;pointer-events:none}
.alterna label{position:relative;z-index:1;padding:.85em 1.3em;border-radius:10px;font:600 .74rem/1 var(--f-corpo);letter-spacing:.16em;text-transform:uppercase;text-align:center;cursor:pointer;transition:color .35s}
.alterna input:checked + label{color:var(--tinta)}
.alterna input:focus-visible + label{outline:3px solid var(--menta);outline-offset:4px}
.alterna__bolha{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:10px;background:var(--menta);transition:transform .5s var(--ease)}
.alterna input:nth-of-type(2):checked ~ .alterna__bolha{transform:translateX(100%)}

.planos{display:grid;gap:14vh;padding-bottom:4px}
.plano{position:relative;display:grid;gap:18px;align-content:start;padding:28px 24px 26px;border-radius:24px;background:#122623;border:1px solid rgb(162 215 207 / .2);box-shadow:0 -18px 40px -24px rgb(0 0 0 / .8);transform-origin:50% 0}
.plano--destaque{background:var(--menta);color:var(--tinta);border-color:transparent}
.plano__selo{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:.55em .95em;border-radius:999px;background:var(--tinta);color:var(--estrela);font:600 .68rem/1 var(--f-corpo);letter-spacing:.16em;text-transform:uppercase}
.plano__selo .ico{width:14px;height:14px}
.plano__nome{font:800 clamp(2.3rem,7vw,3.3rem)/.9 var(--f-display);text-transform:uppercase}
.plano__preco{display:flex;align-items:baseline;gap:6px;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em;font:800 clamp(3.8rem,14vw,5.8rem)/1 var(--f-display);font-variant-numeric:tabular-nums}
.plano__preco small{font:600 .9rem/1 var(--f-corpo)}
.plano__valor{display:inline-block}
.plano__lista{display:grid;gap:10px;font-size:.98rem}
.plano__lista li{display:grid;grid-template-columns:18px 1fr;gap:10px}
.plano__lista li::before{content:"";width:16px;height:16px;margin-top:.3em;background:var(--menta);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.plano--destaque .plano__lista li::before{background:var(--tinta)}
.plano .btn{margin-top:6px}
.plano__valor[data-t="dois"],.plano__lista[data-t="dois"]{display:none}
.assinatura:has(#plano-dois:checked) .plano__valor[data-t="ilimitado"],
.assinatura:has(#plano-dois:checked) .plano__lista[data-t="ilimitado"]{display:none}
.assinatura:has(#plano-dois:checked) .plano__valor[data-t="dois"]{display:inline-block}
.assinatura:has(#plano-dois:checked) .plano__lista[data-t="dois"]{display:grid}
@media (max-width:1023px){.plano{position:sticky;top:calc(var(--topo-h) + 14px)}.plano:nth-child(2){top:calc(var(--topo-h) + 30px)}.plano:nth-child(3){top:calc(var(--topo-h) + 46px)}}
@media (min-width:1024px){
  .planos{grid-template-columns:repeat(3,1fr);align-items:center;gap:22px}
  .plano{padding:34px 32px 32px}
  .plano__preco{flex-wrap:wrap;font-size:clamp(3.2rem,5.2vw,5.8rem)}
  .plano--destaque{z-index:2;order:2;padding-block:46px 40px}
  .plano:nth-child(2){order:1}
  .plano:nth-child(3){order:3}
}
.regras{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:34px;font-size:.88rem;color:var(--texto-2)}
.regras span{display:inline-flex;align-items:center;gap:9px}
.regras span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--menta)}

.ticket{display:grid;grid-template-columns:1fr auto;max-width:540px;margin:clamp(64px,9vw,110px) auto 0;color:var(--tinta);transform:rotate(-2.5deg);filter:drop-shadow(0 26px 30px rgb(0 0 0 / .38))}
.ticket__corpo{display:grid;gap:4px;padding:22px 26px;border-radius:16px 0 0 16px;background:var(--espuma);-webkit-mask:radial-gradient(circle 13px at 100% 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 13px at 100% 100%,#0000 97%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 13px at 100% 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 13px at 100% 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.ticket__quando{font:600 .66rem/1.2 var(--f-corpo);letter-spacing:.28em;text-transform:uppercase;color:var(--petroleo-claro)}
.ticket__titulo{font:800 clamp(2rem,7.5vw,3rem)/.9 var(--f-display);text-transform:uppercase}
.ticket__onde{font-size:.88rem;color:#3b4a47}
.ticket__canhoto{display:grid;place-items:center;padding:0 26px;border-left:2px dashed rgb(16 32 29 / .35);border-radius:0 16px 16px 0;background:var(--estrela);-webkit-mask:radial-gradient(circle 13px at 0 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 13px at 0 100%,#0000 97%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 13px at 0 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 13px at 0 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.ticket__preco{display:flex;align-items:flex-start;gap:3px;font:800 clamp(3.2rem,11vw,4.4rem)/.9 var(--f-display)}
.ticket__preco small{margin-top:.3em;font:700 .8rem/1 var(--f-corpo)}

/* ---------- resultados ---------- */
.resultados{position:relative;padding-top:clamp(100px,12vw,180px);overflow:hidden}
.mural{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:clamp(20px,4vw,48px);padding-inline:4vw;transform:rotate(-5deg) scale(1.12);transform-origin:50% 30%;-webkit-mask:linear-gradient(180deg,transparent,#000 14%,#000 80%,transparent);mask:linear-gradient(180deg,transparent,#000 14%,#000 80%,transparent)}
.mural__col{display:grid;gap:10px;align-content:start}
.mural__col:nth-child(2){margin-top:-18%}
.mural__col--largo{display:none}
.mural img{width:100%;border-radius:14px;background:var(--breu-2);transition:transform .6s var(--ease),filter .6s}
@media (hover:hover){.mural img:hover{transform:scale(1.04);filter:saturate(1.15)}}
@media (min-width:900px){
  .mural{grid-template-columns:repeat(5,1fr);gap:16px;padding-inline:2vw}
  .mural__col{gap:16px}
  .mural__col--largo{display:grid}
  .mural__col:nth-child(4){margin-top:-12%}
}

.resultados__cta{position:absolute;left:0;right:0;bottom:clamp(28px,6vw,64px);z-index:2;display:flex;justify-content:center}
.resultados__cta .btn{box-shadow:0 18px 40px -12px rgb(0 0 0 / .8)}

/* ---------- app ---------- */
.app{--texto-2:rgb(238 243 241 / .88);position:relative;overflow:clip;padding-block:clamp(100px,12vw,180px);background:linear-gradient(180deg,#0D1514 0%,#3B5651 16%,#266660 58%,#0F1D1E 100%)}
.app__grade{display:grid;gap:40px;align-items:center}
.passos{display:grid;gap:14px;margin-block:30px 34px;counter-reset:passo}
.passos li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:baseline;font-size:1.06rem;color:var(--texto-2);counter-increment:passo}
.passos li::before{content:counter(passo);font:800 1.7rem/1 var(--f-display);color:var(--menta)}
.passos b{font-weight:600;color:var(--texto)}
.alterna--unidade{margin:0 0 16px}
.lojas{display:flex;flex-wrap:wrap;gap:10px}
.lojas[data-u="sm"]{display:none}
.app:has(#app-sm:checked) .lojas[data-u="sm"]{display:flex}
.app:has(#app-sm:checked) .lojas[data-u="sp"]{display:none}
.loja{display:inline-flex;align-items:center;gap:11px;min-height:54px;padding:9px 18px 9px 14px;border:1px solid rgb(238 243 241 / .18);border-radius:14px;background:#08100f;color:var(--espuma);text-decoration:none;transition:border-color .25s,transform .25s var(--ease)}
.loja:hover{border-color:var(--menta)}
.loja .ico{width:22px;height:22px}
.loja span{display:grid;font-weight:600;line-height:1.15}
.loja small{font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.loja--web{background:transparent}
.app__palco{position:relative;display:grid;place-items:center;min-height:540px;perspective:1400px}
.app__palco::before{content:"";position:absolute;width:min(90%,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(162 215 207 / .38),transparent 64%)}
.celular{position:relative;width:min(290px,72vw);aspect-ratio:9/19;padding:11px;border-radius:48px;background:linear-gradient(150deg,#39413f,#0b100f 55%,#252c2a);box-shadow:inset 0 0 0 1.5px #66706d,0 50px 90px -30px rgb(0 0 0 / .75);transform-style:preserve-3d}
.celular__tela{position:relative;height:100%;overflow:hidden;border-radius:38px;background:#F3F6F5;color:var(--tinta)}
.celular__ilha{position:absolute;top:11px;left:50%;z-index:3;width:34%;height:25px;border-radius:20px;background:#0b100f;transform:translateX(-50%)}
.tela{position:absolute;inset:0;display:grid;padding:58px 16px 20px;opacity:0}
.tela--abertura{place-items:center;opacity:1}
.tela--abertura img{width:64%}
.tela--servicos{align-content:start;gap:9px}
.tela__titulo{margin-top:6px;font:600 .6rem/1 var(--f-corpo);letter-spacing:.22em;text-transform:uppercase;color:#5d6d6a}
.tela--servicos li{display:flex;justify-content:space-between;padding:11px 13px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / .06);font-size:.8rem;font-weight:500}
.tela--servicos li b{font-weight:700}
.tela__horas{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tela__horas span{padding:9px 0;border-radius:10px;background:#fff;font-size:.72rem;font-weight:600;text-align:center}
.tela--ok{place-items:center;align-content:center;gap:10px;text-align:center}
.tela__check{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--menta)}
.tela__check svg{width:36px;height:36px}
.tela__ok-titulo{font:800 1.8rem/.95 var(--f-display);text-transform:uppercase}
.tela__ok-texto{font-size:.84rem;color:#44524f}
.app .titulo-2{font-size:clamp(3rem,9.6vw,7rem)}
@media (min-width:900px){.app__grade{grid-template-columns:1.05fr .95fr;gap:56px}.app__palco{min-height:640px}.app .titulo-2{font-size:clamp(4rem,6.4vw,7rem)}}

/* ---------- unidades ---------- */
.unidades{padding-block:clamp(100px,12vw,180px)}
.unidades__grade{display:grid;gap:22px}
.unidade{display:grid;align-content:start;overflow:hidden;border:1px solid var(--linha);border-radius:26px;background:var(--breu-2)}
.unidade__foto .corte__img{aspect-ratio:16/10;border-radius:0;background:var(--petroleo)}
.unidade__foto .corte__img img{object-position:50% 30%}
.unidade__foto .corte__img img{filter:grayscale(1) contrast(1.08);mix-blend-mode:luminosity;opacity:.9;transition:filter .7s,opacity .7s,mix-blend-mode .7s}
.unidade:hover .unidade__foto .corte__img img{filter:none;mix-blend-mode:normal;opacity:1}
.unidade__corpo{display:grid;gap:16px;padding:26px 22px 26px}
.unidade__status{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;font-weight:600;color:var(--texto-2)}
.unidade__status[hidden]{display:none}
.unidade__status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.unidade__status.is-aberto{color:var(--menta)}
.unidade__status.is-aberto::before{box-shadow:0 0 0 0 rgb(162 215 207 / .6);animation:pulso 2s infinite}
@keyframes pulso{70%{box-shadow:0 0 0 9px rgb(162 215 207 / 0)}100%{box-shadow:0 0 0 0 rgb(162 215 207 / 0)}}
.unidade__nome{font:800 clamp(3rem,10vw,5rem)/.84 var(--f-display);text-transform:uppercase}
.unidade__end{color:var(--texto-2)}
.unidade__info{border-top:1px solid var(--linha)}
.unidade__info div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--linha);font-size:.93rem}
.unidade__info dt{color:var(--texto-2)}
.estrela-txt{color:var(--estrela)}
.unidade__acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.unidade__acoes .btn{flex:1 1 auto}
@media (min-width:900px){.unidades__grade{grid-template-columns:1fr 1fr;gap:28px}.unidade__corpo{padding:32px 32px 34px}}

/* ---------- chamada final ---------- */
.chamada{position:relative;overflow:hidden;padding-block:clamp(96px,12vw,180px);background:var(--menta);color:var(--tinta)}
.chamada__inner{display:grid;justify-items:center;gap:30px;text-align:center}
.chamada__titulo{max-width:9.5em;font:800 clamp(3.4rem,12.5vw,10.5rem)/.84 var(--f-display);text-transform:uppercase}
.selo-giro{position:relative;width:clamp(124px,15vw,172px);aspect-ratio:1}
.selo-giro__texto{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.selo-giro__texto text{font:700 13px var(--f-corpo);letter-spacing:.12em;fill:var(--tinta)}
.selo-giro img{position:absolute;inset:23%;width:54%;height:54%}
.chamada__acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

/* ---------- rodapé ---------- */
.rodape{position:relative;overflow:hidden;padding-top:clamp(76px,9vw,120px);background:var(--breu)}
.rodape__grade{display:grid;gap:36px}
.rodape__marca img{width:92px}
.rodape__marca p{margin-top:16px;color:var(--texto-2)}
.rodape__titulo{margin-bottom:12px;font:600 .72rem/1 var(--f-corpo);letter-spacing:.34em;text-transform:uppercase;color:var(--menta)}
.rodape__grade p{font-size:.95rem;color:var(--texto-2)}
.rodape__grade p + p{margin-top:10px}
.rodape a{text-decoration:none}
.rodape a:hover{color:var(--menta)}
.rodape__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;margin-top:52px;padding-block:20px;border-top:1px solid var(--linha);font-size:.84rem;color:var(--texto-2)}
.rodape__gigante{overflow:hidden;padding-bottom:calc(88px + env(safe-area-inset-bottom));font:900 18.4vw/.8 var(--f-display);letter-spacing:-.01em;text-align:center;text-transform:uppercase;white-space:nowrap;color:var(--petroleo);-webkit-user-select:none;user-select:none}
@media (min-width:800px){.rodape__grade{grid-template-columns:1.3fr 1fr 1fr}}
@media (min-width:900px){.rodape__gigante{padding-bottom:12px}}

/* ---------- barra de ações (celular) ---------- */
.barra{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:58;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:6px;padding:6px;border:1px solid var(--linha);border-radius:20px;background:rgb(18 28 27 / .9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px -12px rgb(0 0 0 / .7);transform:translateY(160%);transition:transform .55s var(--ease)}
.barra.is-visivel,.no-js .barra{transform:none}
.barra a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:14px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-decoration:none}
.barra .ico{width:20px;height:20px}
.barra__principal{flex-direction:row!important;gap:9px!important;background:var(--menta);color:var(--tinta);font-size:.8rem!important;letter-spacing:.14em!important;text-transform:uppercase}
.menu-aberto .barra{transform:translateY(160%)}
@media (min-width:900px){.barra{display:none}}

/* ---------- escolha de unidade ---------- */
.escolha{width:100%;max-width:560px;max-height:100%;margin:auto auto 0;padding:0;border:0;background:transparent;color:var(--texto);overflow:visible}
.escolha::backdrop{background:rgb(4 9 8 / .72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.escolha__caixa{position:relative;display:grid;gap:12px;max-height:92svh;overflow:auto;padding:28px 18px calc(22px + env(safe-area-inset-bottom));border:1px solid var(--linha);border-radius:26px 26px 0 0;background:var(--breu-2);overscroll-behavior:contain}
.escolha__titulo{font:800 clamp(2.6rem,10vw,3.6rem)/.88 var(--f-display);text-transform:uppercase}
.escolha__lista{display:grid;gap:12px;margin-top:8px}
.escolha__op{display:grid;gap:14px;padding:18px;border:1px solid var(--linha);border-radius:18px;background:var(--breu)}
.escolha__op h3{font:800 2rem/.9 var(--f-display);text-transform:uppercase}
.escolha__op p{margin-top:4px;font-size:.88rem;color:var(--texto-2)}
.escolha__acoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.escolha__acoes .btn{padding-inline:.7em;letter-spacing:.1em;white-space:normal;text-align:center}
@media (max-width:419px){.escolha__acoes{grid-template-columns:minmax(0,1fr)}}
.escolha__fechar{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--linha);border-radius:50%;background:transparent;cursor:pointer}
.escolha__fechar:hover{border-color:var(--menta);color:var(--menta)}
.escolha.modo-whats [data-link-whats]{order:-1;background:var(--menta);color:var(--tinta);border-color:transparent}
.escolha.modo-whats [data-link-agendar]{background:transparent;color:var(--texto);border-color:rgb(238 243 241 / .32)}
@media (min-width:700px){.escolha{margin:auto}.escolha__caixa{padding:38px 34px 34px;border-radius:26px}}

/* ---------- movimento reduzido ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js .intro{display:none}
}