/* O site da Frente B (site.html): rolagem normal, nada fixado. Usa a base de estilo-b.css (cores, fontes, botões, legendas, moldura da tela). */
.site main{padding-top:0}
html{scroll-padding-top:86px}

/* topo e menu enxuto */
.s-topo{gap:20px;background:linear-gradient(rgba(14,14,14,.96),rgba(14,14,14,.86) 70%,rgba(14,14,14,0))}
.s-menu{display:flex;gap:clamp(14px,2vw,30px);margin-left:auto;font:400 10.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}
.s-menu a,.s-menu-m nav a{color:var(--claro);text-decoration:none;padding:8px 0;border-bottom:1px solid transparent}
.s-menu a:hover{color:var(--argila);border-bottom-color:var(--ocre)}
.s-acoes{display:flex;gap:10px;align-items:center}
/* no computador o logo não encolhe e o menu não quebra linha */
.s-menu a{white-space:nowrap}
@media (min-width:821px){.s-topo .marca{flex-shrink:0}}
@media (min-width:821px) and (max-width:1360px){
  .s-menu{letter-spacing:.12em;gap:clamp(12px,1.5vw,22px)}
  .s-acoes .bt-p{padding:11px 14px;letter-spacing:.12em}
}
/* submenu de produtos */
.s-sub{position:relative;display:flex}
.s-sub-t::after{content:"";display:inline-block;width:5px;height:5px;margin:0 0 2px 7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.s-sub-l{display:none;position:absolute;left:-16px;top:100%;min-width:240px;padding:12px 16px;background:#121519;border:1px solid var(--fio)}
.s-sub:hover .s-sub-l,.s-sub:focus-within .s-sub-l{display:grid;gap:2px}
.s-sub-l a{padding:11px 0;border-bottom:1px solid var(--fio);white-space:nowrap}
.s-sub-l a:last-child{border-bottom:0}
.s-menu-m nav a.s-mp{padding-left:16px;color:var(--argila);font-size:10px}
.s-menu-m nav a.s-mp:last-child{color:var(--argila)}
/* seção de produtos */
.s-prods{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--fio)}
.s-prod{display:flex;flex-direction:column;padding:clamp(26px,3vw,40px) clamp(18px,2vw,30px) clamp(26px,3vw,40px) 0;border-right:1px solid var(--fio)}
.s-prod+.s-prod{padding-left:clamp(18px,2vw,30px)}
.s-prod:last-child{border-right:0}
.s-prod .perg{font-size:clamp(24px,2.3vw,36px);max-width:none;margin-top:14px}
.s-prod .res{margin-top:14px;margin-bottom:26px}
.s-prod .bt{margin-top:auto;align-self:flex-start}
.s-menu-m{display:none;position:relative}
.s-menu-m summary{list-style:none;cursor:pointer;font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ocre);border:1px solid rgba(196,147,85,.7);border-radius:2px;padding:11px 12px}
.s-menu-m summary::-webkit-details-marker{display:none}
.s-menu-m nav{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:2px;min-width:210px;padding:12px 16px;background:#121519;border:1px solid var(--fio);font:400 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.s-menu-m nav a{padding:11px 0;border-bottom:1px solid var(--fio)}
.s-menu-m nav a:last-child{border-bottom:0;color:var(--ocre)}
/* abaixo de 1180 o menu não cabe numa linha: vira o "Menu" do celular */
@media (max-width:1180px){
  .s-menu{display:none}
  .s-menu-m{display:block}
  .s-acoes{margin-left:auto}
}

/* I. a chama acesa */
.s-heroi{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(20px,4vw,70px);padding:110px var(--m) 70px;
  background:radial-gradient(90% 70% at 72% 46%,rgba(20,24,29,.9) 0%,rgba(14,14,14,0) 68%)}
.s-heroi-t{grid-column:1;grid-row:1}
.s-heroi .tit{font-size:clamp(31px,3.8vw,58px);max-width:20ch}
.s-heroi .sub{max-width:44ch}
.s-heroi .assina{margin-top:26px}
.s-peca{grid-column:2;grid-row:1;position:relative;width:100%;aspect-ratio:1;max-height:76vh;justify-self:center}
.s-peca #chama-b{position:absolute;inset:0;width:100%;height:100%;display:none}
/* o símbolo no centro da peça: a imagem por cima (z-index 1) e, por trás dela, a chama viva dentro do V */
.s-sim{position:absolute;inset:0;margin:auto;width:min(58%,300px);aspect-ratio:374/370}
.s-simbolo{position:relative;z-index:1;display:block;width:100%;height:100%;opacity:.92}
.mov .s-sim .chama{display:block;position:absolute;left:34.25%;top:28%;width:31.5%;height:42%;z-index:0;pointer-events:none}
.js .s-peca #chama-b{display:block}
/* sem a classe "com-simbolo" (ver site-b.js), o herói volta a ser só a chama de pontos, sem o símbolo */
.js .s-peca:not(.com-simbolo) .s-sim{display:none}

/* seções */
.s-sec{padding:clamp(80px,13vh,150px) var(--m);border-top:1px solid var(--fio);max-width:1400px;margin:0 auto}
.s-cab{margin-bottom:clamp(40px,7vh,76px)}
.s-cab .tit{font-size:clamp(29px,3.7vw,56px);max-width:20ch}

/* II. onde a IA entra: o mapa de áreas, sem número, e as telas de exemplo */
.s-areas{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(24px,3vw,48px);border-top:1px solid var(--fio)}
.s-area{padding:clamp(22px,3.2vh,32px) 0;border-bottom:1px solid var(--fio)}
.s-area h3{font:400 clamp(21px,1.8vw,27px)/1.1 var(--serif);color:var(--argila);margin-bottom:8px}
.s-area p{font-size:clamp(14px,1.02vw,15.5px);color:var(--claro);max-width:32ch}
.s-mais{font:400 clamp(24px,2.6vw,40px)/1.15 var(--serif);color:var(--ocre);margin-top:clamp(40px,7vh,70px);max-width:24ch}
.s-exemplos{margin-top:clamp(64px,10vh,110px)}
.s-lb{font:500 10.5px/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ocre);margin-bottom:22px}
.s-galeria{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.s-galeria .tela{margin:0;max-width:none}
.s-fecha{margin-top:clamp(64px,10vh,110px);padding-top:34px;border-top:1px solid var(--fio)}
.s-fecha .fecho{max-width:34ch;margin-top:0}
.s-consulta{margin-top:clamp(48px,8vh,90px);padding:clamp(24px,3vw,40px);border:1px solid rgba(196,147,85,.7);border-radius:2px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"rot rot" "f bt";align-items:center;column-gap:clamp(24px,4vw,64px);row-gap:6px}
.s-consulta .rot{grid-area:rot;margin-bottom:12px}
.s-consulta-f{grid-area:f;font:400 clamp(22px,2.4vw,34px)/1.2 var(--serif);color:var(--argila);max-width:34ch}
.s-consulta .bt{grid-area:bt}
@media (max-width:820px){
  .s-consulta{grid-template-columns:minmax(0,1fr);grid-template-areas:"rot" "f" "bt";row-gap:0}
  .s-consulta-f{margin-bottom:24px}
  .s-consulta .bt{width:100%}
}

/* III. a conta */
.s-conta{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);gap:clamp(28px,5vw,80px);align-items:start}
.s-exemplo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px;color:var(--claro);margin-bottom:18px}
.s-selo{font:500 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--argila);border:1px solid var(--terracota);border-radius:2px;padding:7px 9px}
.calc{width:100%;border-collapse:collapse;font-size:clamp(13.5px,1.02vw,15.5px)}
.calc th{font:500 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ocre);text-align:left;padding:0 14px 12px 0;border-bottom:1px solid rgba(196,147,85,.45)}
.calc td{padding:16px 14px 16px 0;border-bottom:1px solid var(--fio);vertical-align:middle;color:var(--claro);line-height:2}
.calc td:first-child{font:400 clamp(17px,1.35vw,21px)/1.2 var(--serif);color:var(--argila);white-space:nowrap;padding-right:22px}
.calc td:last-child,.calc th:last-child{text-align:right;padding-right:0;white-space:nowrap}
.calc td:last-child{font:500 clamp(13px,1vw,15px)/1 var(--mono);color:var(--argila)}
.calc .nb{white-space:nowrap}
.calc input{width:3.4em;background:transparent;border:0;border-bottom:1px solid rgba(196,147,85,.7);border-radius:0;color:var(--argila);font:500 1em/1.2 var(--mono);text-align:center;padding:3px 2px}
.calc input.w{width:5.2em}
.calc input:focus{outline:0;border-bottom-color:var(--argila);background:rgba(196,147,85,.1)}
.s-totais{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:26px;border:1px solid rgba(196,147,85,.45)}
.s-tot{padding:20px 22px}
.s-tot+.s-tot{border-left:1px solid rgba(196,147,85,.45)}
.s-tot .lb{font:500 10px/1.3 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ocre);margin-bottom:10px}
.s-tot .v{font:600 clamp(28px,3.1vw,48px)/1 var(--serif);color:var(--argila);font-variant-numeric:tabular-nums}
.s-aviso{border-left:1px solid var(--terracota);padding:4px 0 4px 22px;font:400 clamp(19px,1.7vw,25px)/1.3 var(--serif);color:var(--argila)}
.s-aviso p+p{margin-top:14px;color:var(--claro)}

/* IV. o método, passo a passo */
.s-passos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,2.4vw,40px);position:relative}
.s-passos::before{content:"";position:absolute;left:29px;right:29px;top:29px;height:1px;background:rgba(196,147,85,.4)}
.s-passos .no{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:400 28px/1 var(--serif);color:var(--ocre);border:1px solid rgba(181,85,45,.8);background:var(--pretume);margin-bottom:22px}
.s-passos h3{font:400 clamp(21px,1.8vw,27px)/1.1 var(--serif);margin-bottom:8px}
.s-passos p{font-size:clamp(14px,1.02vw,15.5px);color:var(--claro)}
.s-passos em{font-style:normal;color:var(--ocre)}

/* V. quem somos */
.s-socios{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);margin-bottom:clamp(44px,7vh,76px)}
.s-socio{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
.s-ini{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(196,147,85,.6);font:400 27px/1 var(--serif);color:var(--ocre);letter-spacing:.02em}
.s-socio h3{font:400 clamp(22px,1.9vw,28px)/1.1 var(--serif);margin:6px 0 8px}
.s-socio p{font-size:clamp(14px,1.05vw,16px);color:var(--claro);max-width:40ch}
.s-nota{font:400 10px/1.4 var(--mono)!important;letter-spacing:.18em;text-transform:uppercase;color:#8F897E!important;margin-top:10px}
.s-blocos{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:clamp(24px,4vw,60px);border-top:1px solid var(--fio);padding-top:34px}
.s-blocos h3{font:500 10.5px/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ocre);margin-bottom:16px}
.s-blocos p,.s-blocos li{font-size:clamp(14px,1.05vw,16px);color:var(--claro)}
.s-blocos ul{display:grid;gap:8px}
.s-blocos li{padding-left:16px;position:relative}
.s-blocos li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:1px;background:var(--terracota)}
.s-dest{font:400 clamp(22px,2vw,30px)/1.2 var(--serif)!important;color:var(--argila)!important}

/* VI. perguntas: recolhidas, abrem ao clicar */
.s-perguntas{max-width:900px;border-top:1px solid var(--fio)}
.s-perguntas details{border-bottom:1px solid var(--fio)}
.s-perguntas summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:22px 0;font:400 clamp(21px,2.1vw,31px)/1.2 var(--serif);color:var(--argila)}
.s-perguntas summary::-webkit-details-marker{display:none}
.s-perguntas summary::after{content:"+";display:inline-block;font:400 20px/1 var(--mono);color:var(--ocre);flex:none;transition:transform .3s}
.s-perguntas details[open] summary::after{transform:rotate(45deg)}
.s-perguntas details p{font-size:clamp(15px,1.15vw,17.5px);color:var(--claro);max-width:60ch;padding-bottom:22px}
.s-perguntas details p.fonte{margin-top:-8px;color:var(--ocre)}

/* VII. o fechamento: a volta à pergunta e o diagnóstico */
.s-talia{text-align:center;padding-bottom:clamp(90px,16vh,170px)}
.s-talia .tit-f{margin:0 auto;font-weight:400;font-size:clamp(27px,3.5vw,54px);max-width:25ch}
.s-talia .vamos{margin-top:18px}
.s-talia .eti{justify-content:center;margin:clamp(30px,5vh,46px) 0 16px}
.s-talia .talia-l{justify-content:center;margin-top:26px}
.s-talia .oferta ul{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 22px}
.s-talia .acoes{justify-content:center}
.s-pe{max-width:1400px;margin:0 auto}

/* entradas discretas (só com JavaScript e sem movimento reduzido) */
.mov .r{--ey:36px;opacity:0;transform:translateY(var(--ey));transition:opacity .6s ease-out,transform 1.2s cubic-bezier(.16,.8,.24,1)}
.mov .s-heroi .r{--ey:16px;transition-duration:.6s}
.mov .r.in{opacity:1;transform:none}

/* F1. fundo vivo: um canvas fixo atrás do conteúdo (o fundo escuro vem do html, o body fica transparente para os pontos aparecerem) */
.js body.site{background:transparent}
#fundo-vivo{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;pointer-events:none}

/* cursor próprio, como na história */
html.cursor-proprio .cursor{display:block;position:fixed;left:0;top:0;z-index:150;pointer-events:none}

@media (max-width:980px){
  .s-menu{display:none}
  .s-prods{grid-template-columns:1fr 1fr}
  .s-prod:nth-child(2){border-right:0}
  .s-prod:nth-child(n+3){border-top:1px solid var(--fio)}
  .s-prod:nth-child(3){padding-left:0}
  .s-menu-m{display:block}
  .s-passos{grid-template-columns:1fr;gap:22px}
  .s-passos::before{left:29px;right:auto;top:29px;bottom:29px;width:1px;height:auto}
  .s-passos li{display:grid;grid-template-columns:58px 1fr;column-gap:20px}
  .s-passos .no{grid-row:1 / span 2;margin:0}
  .s-passos h3{align-self:end}
  .s-blocos{grid-template-columns:1fr}
}
@media (max-width:820px){
  .s-topo{gap:10px}
  .s-heroi{grid-template-columns:1fr;padding:84px var(--m) 56px;gap:8px;min-height:0}
  .s-peca{grid-column:1;grid-row:1;max-width:330px;max-height:42svh}
  .s-heroi-t{grid-row:2}
  .s-areas{grid-template-columns:1fr 1fr}
  .s-galeria{grid-template-columns:1fr 1fr}
  .s-conta{grid-template-columns:1fr}
  .calc thead{display:none}
  .calc tr{display:block;padding:16px 0;border-bottom:1px solid var(--fio)}
  .calc td{display:block;border:0;padding:0;line-height:2.1}
  .calc td:first-child{margin-bottom:4px}
  .calc td:last-child{text-align:left;margin-top:8px;color:var(--ocre)}
  .calc td:last-child::before{content:"Por mês: ";color:#8F897E}
  .s-totais{grid-template-columns:1fr}
  .s-tot+.s-tot{border-left:0;border-top:1px solid rgba(196,147,85,.45)}
  .s-socios{grid-template-columns:1fr}
  .s-ini{width:60px;height:60px;font-size:22px}
  .s-passos::before{left:23px;top:23px;bottom:23px}
  .s-passos li{grid-template-columns:46px 1fr;column-gap:16px}
  .s-passos .no{width:46px;height:46px;font-size:22px}
  .s-talia .oferta ul{display:grid;gap:1px}
  .s-talia .acoes .bt{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .r{opacity:1!important;transform:none!important;transition:none!important}
}

/* produtos em tela bem estreita: um por linha */
/* celular estreito: o logo maior (36 px) cabe inteiro, sem encolher de lado, junto do botão e do menu */
@media (max-width:430px){
  .s-topo{padding-left:16px;padding-right:16px;gap:10px}
  .s-topo .marca{flex-shrink:0}
  .s-acoes .bt-p{padding:11px 8px;font-size:9.5px;letter-spacing:.05em}
  .s-menu-m summary{padding:11px 8px;font-size:9.5px;letter-spacing:.05em}
}
/* abaixo de 360 px o logo maior, o botão e o Menu não cabem lado a lado: o botão do topo sai (o do herói e o Menu seguem) */
@media (max-width:359px){
  .s-topo .s-acoes{display:none}
}
@media (max-width:560px){
  .s-areas,.s-galeria{grid-template-columns:1fr}
  .s-prods{grid-template-columns:1fr}
  .s-prod,.s-prod+.s-prod{padding-left:0;padding-right:0;border-right:0}
  .s-prod+.s-prod{border-top:1px solid var(--fio)}
}
/* página provisória de produto */
.s-prov{min-height:74vh;display:flex;flex-direction:column;justify-content:center;border-top:0;padding-top:clamp(120px,20vh,200px)}
.s-prov .aviso-p{margin:28px 0 34px;font:400 11px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ocre)}
.s-prov .acoes{display:flex;gap:12px;flex-wrap:wrap}

/* F2. as telas de exemplo convidam ao clique e abrem maiores (o JavaScript põe role, rótulo e data-ampliar nelas) */
.s-galeria .tela[data-ampliar]{position:relative;cursor:pointer}
.s-galeria .tela[data-ampliar]::after{content:"";position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(196,147,85,.75);background:linear-gradient(var(--ocre),var(--ocre)) center/10px 1px no-repeat,linear-gradient(var(--ocre),var(--ocre)) center/1px 10px no-repeat,rgba(14,14,14,.62);pointer-events:none}
.s-galeria .tela[data-ampliar]:focus-visible{outline:2px solid var(--ocre);outline-offset:4px}
.mov .s-galeria .tela[data-ampliar]{transition:transform .35s cubic-bezier(.2,.6,.2,1),box-shadow .35s ease,border-color .35s ease}
.mov .s-galeria .tela[data-ampliar] img{transition:filter .35s ease}
@media (hover:hover){
  .s-galeria .tela[data-ampliar]:hover{transform:translateY(-6px);border-color:rgba(214,164,98,.95);box-shadow:0 22px 44px -10px rgba(0,0,0,.75),0 0 34px rgba(196,147,85,.28)}
  .s-galeria .tela[data-ampliar]:hover img{filter:brightness(1.07) saturate(1)}
  .s-galeria .tela[data-ampliar]:hover::after{background-color:rgba(181,85,45,.85);border-color:var(--argila)}
}
.cursor.ver .c-ponto{opacity:0}
.cursor.ver .c-anel{background:rgba(14,14,14,.5);border-color:rgba(214,164,98,.95)}
.cursor.ver .c-anel::before,.cursor.ver .c-anel::after{content:"";position:absolute;left:50%;top:50%;background:var(--argila);transform:translate(-50%,-50%)}
.cursor.ver .c-anel::before{width:10px;height:1px}
.cursor.ver .c-anel::after{width:1px;height:10px}
/* a imagem aberta, sobre a página */
html.ampliada{overflow:hidden!important;scrollbar-gutter:stable}
html.ampliada .cursor{visibility:hidden}
.s-ampl{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(5,7,8,.94);color:var(--argila);overflow:hidden;overscroll-behavior:contain;opacity:0;transition:opacity .22s ease}
.s-ampl[open]{display:grid;place-items:center}
.s-ampl::backdrop{background:transparent}
.s-ampl.aberto{opacity:1}
.s-ampl-f{display:grid;gap:12px;justify-items:center;max-width:min(96vw,1500px);transform:translateY(10px) scale(.96);transition:transform .26s cubic-bezier(.2,.6,.2,1)}
.s-ampl.aberto .s-ampl-f{transform:none}
.s-ampl-j{max-width:100%}
.s-ampl-j img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 96px);border:1px solid rgba(196,147,85,.6);border-radius:3px;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.s-ampl-j img.troca{animation:ampl-troca .24s ease}
@keyframes ampl-troca{from{opacity:.2}to{opacity:1}}
.s-ampl-c{font:400 10.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ocre)}
.s-ampl-x{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(196,147,85,.5);border-radius:50%;background:rgba(14,14,14,.7);color:var(--argila);cursor:pointer;padding:0}
.s-ampl-x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.s-ampl-x:hover{background:var(--terracota);border-color:var(--terracota)}
.s-ampl :focus-visible{outline:2px solid var(--ocre);outline-offset:4px}
html.cursor-proprio .s-ampl,html.cursor-proprio .s-ampl *{cursor:auto!important}
html.cursor-proprio .s-ampl{cursor:zoom-out!important}
html.cursor-proprio .s-ampl-x{cursor:pointer!important}
@media (max-width:700px){
  /* no celular a tela aberta é maior que a janela: dá para arrastar para ver o resto */
  .s-ampl-j{overflow:auto;max-height:calc(100dvh - 96px);-webkit-overflow-scrolling:touch}
  .s-ampl-j img{width:960px;max-width:none;max-height:none}
}
/* tela baixa (até 600 px de altura): a janela da imagem desce para não ficar embaixo do X de fechar, que ocupa até 58 px do topo */
@media (max-height:600px){
  .s-ampl-j{max-height:calc(100dvh - 150px)}
}
@media (max-height:600px) and (min-width:701px){
  .s-ampl-j img{max-height:calc(100dvh - 150px)}
}
@media (prefers-reduced-motion:reduce){
  .s-ampl,.s-ampl-f,.s-galeria .tela[data-ampliar],.s-galeria .tela[data-ampliar] img{transition:none!important}
  .s-ampl-j img.troca{animation:none}
}

/* F3. os anéis do método acendem um por um (só com JavaScript e sem movimento reduzido; sem isso ficam todos acesos) */
.mov .s-passos .no{border-color:rgba(196,147,85,.2);color:rgba(196,147,85,.3);transition:border-color .5s ease,color .5s ease,box-shadow .5s ease,background-color .5s ease}
.mov .s-passos .no.acesa{border-color:rgba(181,85,45,.95);color:var(--argila);box-shadow:0 0 22px rgba(214,104,48,.45),inset 0 0 12px rgba(214,104,48,.2);background-color:#1b1411}

/* F4. abertura: o símbolo se forma enquanto os pontos do anel se juntam (só com JavaScript e sem movimento reduzido) */
.mov .s-simbolo{animation:abre-v 1s cubic-bezier(.2,.6,.2,1) both}
@keyframes abre-v{from{opacity:0;transform:scale(.93)}to{opacity:.92;transform:none}}