/* Grupo Aurum — tema 2026 */
:root{
  --bg:#F7F6F1; --bg-2:#EFEDE5; --card:#FFFFFF; --linha:#E3E0D5;
  --ink:#0E1512; --ink-2:#4B5550; --ink-3:#7A847E;
  --verde:#0E594D; --verde-2:#043A32; --verde-3:#1B7364; --verde-vivo:#2AA07E;
  --menta:#D3F0E8; --menta-2:#8ED9C4;
  --ouro:#D0A848; --ouro-2:#B08828; --ouro-claro:#F8E090;
  --raio:22px; --raio-sm:14px;
  --sombra:0 1px 2px rgba(14,21,18,.04),0 12px 32px -12px rgba(14,21,18,.14);
  --sombra-2:0 30px 70px -20px rgba(4,58,50,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
h1,h2,h3,.display{font-family:"Fraunces","Cormorant Garamond",Georgia,serif;font-weight:500;line-height:1.05;margin:0;letter-spacing:-.015em;text-wrap:balance;font-variation-settings:"opsz" 144,"SOFT" 40}
h2{font-size:clamp(2rem,4.2vw,3.1rem);color:var(--verde)}
h3{font-size:1.35rem}
p{margin:0 0 1em}
a{color:inherit}
img{max-width:100%;display:block}
button{font:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(18px,4vw,32px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--verde-vivo)}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.eyebrow.ouro{color:var(--ouro)}
.lead{color:var(--ink-2);font-size:1.08rem;max-width:60ch;margin:14px 0 0}
.sec{padding:clamp(64px,9vw,112px) 0}
.sec-tight{padding:clamp(40px,6vw,72px) 0}
.cabeca{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,44px)}
.cabeca h2{margin-top:10px}

/* botões */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-verde{background:var(--verde);color:#fff}
.btn-verde:hover{background:var(--verde-3);box-shadow:0 14px 30px -12px rgba(14,89,77,.6)}
.btn-ouro{background:var(--ouro);color:var(--verde-2)}
.btn-ouro:hover{background:#E2C36C;box-shadow:0 14px 30px -12px rgba(208,168,72,.7)}
.btn-menta{background:var(--menta);color:var(--verde-2)}
.btn-borda{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.04);backdrop-filter:blur(6px)}
.btn-borda:hover{border-color:rgba(255,255,255,.6)}
.btn-linha{border-color:var(--linha);color:var(--verde);background:#fff}
.btn-linha:hover{border-color:var(--verde)}
.btn .seta{transition:transform .2s}
.btn:hover .seta{transform:translateX(3px)}
.btn[disabled]{opacity:.6;pointer-events:none}

/* topo */
.topo{position:sticky;top:0;z-index:50;padding:14px 0;transition:padding .25s}
.topo .barra{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.72);border:1px solid rgba(227,224,213,.9);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-radius:999px;padding:8px 10px 8px 14px;box-shadow:var(--sombra)}
.topo.escuro .barra{background:rgba(4,58,50,.62);border-color:rgba(255,255,255,.12);color:#fff}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:"Fraunces",serif;font-size:1.22rem;font-weight:600;color:var(--verde);letter-spacing:-.01em}
.topo.escuro .marca{color:#fff}
.marca img{width:36px;height:36px;border-radius:10px}
.marca .lockup{width:auto;height:30px;border-radius:0}
.menu{display:flex;gap:4px;list-style:none;margin:0;padding:0;font-size:.92rem;font-weight:600}
.menu a{text-decoration:none;color:var(--ink-2);padding:9px 13px;border-radius:999px;transition:background .2s,color .2s}
.menu a:hover,.menu a.ativo{background:rgba(14,89,77,.07);color:var(--verde)}
.topo.escuro .menu a{color:rgba(255,255,255,.8)}
.topo.escuro .menu a:hover,.topo.escuro .menu a.ativo{background:rgba(255,255,255,.1);color:#fff}
.topo .btn{padding:10px 16px;font-size:.88rem}
.hamb{display:none;width:42px;height:42px;border:0;background:transparent;border-radius:50%;cursor:pointer;color:inherit;place-items:center}
.hamb span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;margin:4px auto;transition:transform .2s,opacity .2s}
.hamb[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamb[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu-movel{display:none}
@media(max-width:900px){
  .menu,.topo .btn-topo{display:none}
  .hamb{display:grid}
  .menu-movel{display:block;position:fixed;inset:78px 16px auto;z-index:49;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:12px;box-shadow:var(--sombra-2);transform:translateY(-12px);opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}
  .menu-movel.aberto{transform:none;opacity:1;pointer-events:auto}
  .menu-movel a{display:block;padding:14px 16px;border-radius:12px;text-decoration:none;font-weight:600;color:var(--verde)}
  .menu-movel a:hover{background:var(--bg-2)}
  .menu-movel .btn{display:flex;justify-content:center;margin-top:8px}
}

/* herói */
.hero{position:relative;overflow:hidden;background:var(--verde-2);color:#fff;margin-top:-72px;padding:calc(72px + clamp(64px,10vw,128px)) 0 clamp(56px,8vw,104px)}
.hero .malha{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(60% 50% at 85% 10%,rgba(208,168,72,.22),transparent 60%),
  radial-gradient(50% 45% at 10% 90%,rgba(42,160,126,.28),transparent 60%),
  radial-gradient(35% 35% at 60% 70%,rgba(142,217,196,.12),transparent 60%)}
.hero .grade{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,transparent 100%)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(24px,5vw,64px);align-items:center}
.hero h1{font-size:clamp(2.6rem,6.2vw,5rem);color:#fff;font-weight:500}
.hero h1 em{font-style:italic;font-weight:400;background:linear-gradient(90deg,var(--ouro-claro),var(--ouro));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{color:rgba(255,255,255,.78);font-size:clamp(1.02rem,1.5vw,1.2rem);max-width:54ch;margin-top:22px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero .selos{display:flex;gap:26px;flex-wrap:wrap;margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}
.hero .selos b{display:block;font-family:"Fraunces",serif;font-size:1.7rem;font-weight:500;color:var(--ouro);line-height:1}
.hero .selos span{font-size:.8rem;color:rgba(255,255,255,.6);letter-spacing:.02em}
.hero .visual{position:relative;justify-self:center;width:min(100%,420px);aspect-ratio:1}
.hero .visual .orbe{position:absolute;inset:8%;border-radius:36%;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);display:grid;place-items:center;box-shadow:var(--sombra-2);animation:flutua 9s ease-in-out infinite}
.hero .visual .orbe img{width:46%;height:auto;filter:drop-shadow(0 26px 40px rgba(0,0,0,.45))}
.hero .visual .lockup{position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);width:78%;max-width:340px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.4))}
.hero .visual .anel{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(208,168,72,.35);animation:gira 60s linear infinite}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes gira{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.hero .visual{width:min(70%,300px);margin-top:10px}}

/* faixa de cidades (marquee) */
.faixa{background:var(--verde);color:rgba(255,255,255,.75);overflow:hidden;padding:14px 0;border-top:1px solid rgba(255,255,255,.08);font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.faixa .trilho{display:flex;gap:0;width:max-content;animation:desliza 60s linear infinite}
.faixa span{padding:0 26px;position:relative}
.faixa span::after{content:"";position:absolute;right:-3px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--ouro);transform:translateY(-50%)}
@keyframes desliza{to{transform:translateX(-50%)}}

/* bento */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--linha);border-radius:var(--raio);padding:28px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px}
a.card:hover{transform:translateY(-4px);box-shadow:var(--sombra-2);border-color:transparent}
.card .ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--menta);color:var(--verde);font-size:1.3rem;margin-bottom:6px}
.card h3{color:var(--verde);font-size:1.5rem}
.card p{color:var(--ink-2);margin:0;font-size:.97rem}
.card .link{margin-top:auto;padding-top:14px;font-weight:700;color:var(--verde);display:inline-flex;gap:8px;align-items:center;font-size:.92rem}
.card.escuro{background:var(--verde-2);color:#fff;border-color:transparent}
.card.escuro h3,.card.escuro .link{color:#fff}
.card.escuro p{color:rgba(255,255,255,.72)}
.card.escuro .ico{background:rgba(255,255,255,.1);color:var(--ouro)}
.card.ouro{background:linear-gradient(135deg,#F6ECC8,#E8D18C);border-color:transparent}
.card.ouro h3,.card.ouro .link{color:var(--verde-2)}
.card.ouro p{color:#5A4A1E}
.card.ouro .ico{background:rgba(14,89,77,.1)}
.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c12{grid-column:span 12}
@media(max-width:900px){.c4,.c5,.c6,.c7,.c8{grid-column:span 6}}
@media(max-width:620px){.bento{grid-template-columns:1fr}.c4,.c5,.c6,.c7,.c8,.c12{grid-column:auto}}

/* quem somos */
.quem{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.quem .texto p{color:var(--ink-2);font-size:1.04rem}
.quem .moldura{position:relative;border-radius:var(--raio);overflow:hidden;background:var(--verde-2);aspect-ratio:4/5;display:grid;place-items:center;box-shadow:var(--sombra-2)}
.quem .moldura::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 40% at 30% 20%,rgba(208,168,72,.35),transparent 60%),radial-gradient(40% 40% at 80% 90%,rgba(42,160,126,.4),transparent 60%)}
.quem .moldura .ano{position:relative;text-align:center;color:#fff}
.quem .moldura .ano b{display:block;font-family:"Fraunces",serif;font-weight:400;font-size:clamp(4rem,10vw,7rem);line-height:1;background:linear-gradient(180deg,#fff,var(--ouro-claro));-webkit-background-clip:text;background-clip:text;color:transparent}
.quem .moldura .ano span{display:block;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;color:rgba(255,255,255,.7);margin-top:10px}
.quem .moldura .ano small{display:block;margin-top:26px;color:rgba(255,255,255,.5);font-size:.8rem}
@media(max-width:820px){.quem{grid-template-columns:1fr}.quem .moldura{aspect-ratio:16/10}}
.pilares{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.pilar{border-left:2px solid var(--ouro);padding-left:14px}
.pilar b{display:block;color:var(--verde);font-size:.95rem}
.pilar span{font-size:.86rem;color:var(--ink-3)}
@media(max-width:620px){.pilares{grid-template-columns:1fr}}

/* lojas: seletor por cidade */
.cidades-sel{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 22px}
.chip{border:1px solid var(--linha);background:#fff;color:var(--ink-2);border-radius:999px;padding:9px 15px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .18s}
.chip:hover{border-color:var(--verde);color:var(--verde)}
.chip.ativo{background:var(--verde);border-color:var(--verde);color:#fff}
.chip .n{opacity:.55;font-weight:600;margin-left:6px;font-size:.8rem}
.select-movel{display:none;width:100%;padding:14px 16px;border:1px solid var(--linha);border-radius:14px;background:#fff;font:inherit;font-weight:600;color:var(--verde);margin:22px 0}
@media(max-width:700px){.cidades-sel{display:none}.select-movel{display:block}}
.lojas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.loja{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:22px;display:flex;flex-direction:column;gap:8px;animation:surge .35s ease both}
.loja .tipo{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ouro-2)}
.loja.er .tipo{color:var(--verde-vivo)}
.loja h3{color:var(--verde);font-size:1.3rem}
.loja address{font-style:normal;color:var(--ink-2);font-size:.95rem;line-height:1.5}
.loja .cep{color:var(--ink-3);font-size:.84rem}
.loja .acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.loja .acoes a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:.86rem;font-weight:700;padding:9px 13px;border-radius:999px;border:1px solid var(--linha);color:var(--verde)}
.loja .acoes a:hover{border-color:var(--verde)}
.loja .acoes a.zap{background:#E8F8EE;border-color:#CDEFD9;color:#137A46}
.loja .acoes a.zap:hover{background:#D8F3E2}
.loja .semtel{font-size:.82rem;color:var(--ink-3)}
@keyframes surge{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.legenda{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:.84rem;color:var(--ink-3)}
.legenda i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}

/* faixa de chamada (CTA) */
.chamada{background:var(--verde-2);color:#fff;border-radius:calc(var(--raio) + 6px);padding:clamp(32px,5vw,56px);display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;position:relative;overflow:hidden}
.chamada::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 90% 20%,rgba(208,168,72,.25),transparent 60%),radial-gradient(40% 50% at 10% 100%,rgba(42,160,126,.3),transparent 60%);pointer-events:none}
.chamada h2{color:#fff;position:relative}
.chamada p{color:rgba(255,255,255,.75);position:relative;margin:12px 0 0;max-width:56ch}
.chamada .acoes{position:relative;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:820px){.chamada{grid-template-columns:1fr}.chamada .acoes{justify-content:flex-start}}

/* páginas internas */
.capa{background:var(--verde-2);color:#fff;margin-top:-72px;padding:calc(72px + clamp(56px,8vw,96px)) 0 clamp(40px,6vw,72px);position:relative;overflow:hidden}
.capa::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 50% at 90% 0%,rgba(208,168,72,.22),transparent 60%),radial-gradient(45% 45% at 5% 100%,rgba(42,160,126,.28),transparent 60%);pointer-events:none}
.capa .wrap{position:relative}
.capa h1{font-size:clamp(2.3rem,5.4vw,4.2rem);color:#fff;max-width:18ch}
.capa .lead{color:rgba(255,255,255,.75);margin-top:18px}
.capa .crumbs{font-size:.82rem;color:rgba(255,255,255,.55);margin-bottom:18px}
.capa .crumbs a{color:rgba(255,255,255,.8);text-decoration:none}

/* história: linha do tempo */
.prosa{max-width:68ch;font-size:1.06rem;color:var(--ink-2)}
.prosa p+p{margin-top:.2em}
.prosa strong{color:var(--verde)}
.tempo{position:relative;margin-top:40px;display:grid;gap:18px}
.tempo::before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--ouro),var(--verde-vivo));border-radius:2px}
.marco{display:grid;grid-template-columns:40px 1fr;gap:18px;align-items:start}
.marco .ponto{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--ouro);display:grid;place-items:center;font-size:.72rem;font-weight:800;color:var(--verde);position:relative;z-index:1}
.marco .corpo{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:22px 24px}
.marco .corpo b{display:block;font-family:"Fraunces",serif;font-weight:500;font-size:1.35rem;color:var(--verde);margin-bottom:6px}
.marco .corpo p{color:var(--ink-2);margin:0;font-size:.97rem}
.marco.hoje .ponto{background:var(--verde);border-color:var(--verde);color:#fff}
.valores{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.valor{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:24px}
.valor .ico{font-size:1.6rem;margin-bottom:10px}
.valor b{display:block;color:var(--verde);font-family:"Fraunces",serif;font-weight:500;font-size:1.25rem;margin-bottom:6px}
.valor p{margin:0;color:var(--ink-2);font-size:.94rem}
@media(max-width:900px){.valores{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.valores{grid-template-columns:1fr}}

/* formulários */
.duas{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:start}
@media(max-width:900px){.duas{grid-template-columns:1fr}}
.lateral h3{color:var(--verde);font-size:1.6rem;margin-bottom:10px}
.lateral p{color:var(--ink-2)}
.lista-check{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.lista-check li{display:flex;gap:12px;align-items:flex-start;color:var(--ink-2);font-size:.97rem}
.lista-check li::before{content:"✓";flex:none;width:24px;height:24px;border-radius:50%;background:var(--menta);color:var(--verde);display:grid;place-items:center;font-size:.8rem;font-weight:800;margin-top:2px}
.form{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(22px,3.5vw,36px);box-shadow:var(--sombra)}
.form .linha{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.form .linha{grid-template-columns:1fr}}
.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.campo label{font-size:.84rem;font-weight:700;color:var(--verde)}
.campo label small{font-weight:500;color:var(--ink-3)}
.campo input,.campo select,.campo textarea{width:100%;padding:13px 14px;border:1px solid var(--linha);border-radius:12px;background:#FBFBF8;font:inherit;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:0;border-color:var(--verde);box-shadow:0 0 0 4px rgba(14,89,77,.1);background:#fff}
.campo textarea{min-height:110px;resize:vertical}
.arquivo{border:1.5px dashed var(--linha);border-radius:14px;padding:22px;text-align:center;background:#FBFBF8;cursor:pointer;transition:border-color .15s,background .15s;position:relative}
.arquivo:hover,.arquivo.sobre{border-color:var(--verde);background:#F2F8F4}
.arquivo input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.arquivo b{display:block;color:var(--verde)}
.arquivo span{font-size:.84rem;color:var(--ink-3)}
.arquivo .nome{margin-top:8px;font-size:.9rem;font-weight:700;color:var(--verde-vivo);display:none}
.arquivo.tem .nome{display:block}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--ink-2);margin:6px 0 18px}
.consent input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:var(--verde)}
.form .rodape{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.form .rodape small{color:var(--ink-3);font-size:.82rem}
.aviso{border-radius:14px;padding:14px 16px;font-size:.93rem;margin-bottom:14px;display:none}
.aviso.ok{display:block;background:#E8F8EE;color:#0F5A34;border:1px solid #CDEFD9}
.aviso.erro{display:block;background:#FDECEC;color:#8B1E1E;border:1px solid #F5C9C9}
.sucesso{display:none;text-align:center;padding:28px 10px}
.sucesso .ico{width:64px;height:64px;border-radius:50%;background:var(--menta);color:var(--verde);display:grid;place-items:center;font-size:1.8rem;margin:0 auto 16px}
.sucesso h3{color:var(--verde);font-size:1.7rem;margin-bottom:8px}
.sucesso p{color:var(--ink-2)}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}

/* revendedor: vantagens + ERs */
.vantagens{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:820px){.vantagens{grid-template-columns:1fr}}
.passos{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:p}
.passos li{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:18px 20px;display:flex;gap:16px;align-items:flex-start}
.passos li::before{counter-increment:p;content:counter(p,decimal-leading-zero);font-family:"Fraunces",serif;font-size:1.6rem;color:var(--ouro-2);line-height:1;min-width:38px}
.passos strong{display:block;color:var(--verde);margin-bottom:2px}
.passos p{margin:0;color:var(--ink-2);font-size:.95rem}
.ers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:820px){.ers{grid-template-columns:1fr}}

/* rodapé */
footer{background:var(--verde-2);color:rgba(255,255,255,.7);padding:clamp(40px,6vw,72px) 0 28px;font-size:.9rem;margin-top:clamp(40px,6vw,72px)}
footer .colunas{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
footer h4{color:var(--ouro);font:700 .72rem/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px}
footer a{color:#E8EDE9;text-decoration:none}
footer a:hover{color:var(--ouro)}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer .marca{color:#fff;margin-bottom:12px}
footer .fim{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:rgba(255,255,255,.5)}
@media(max-width:820px){footer .colunas{grid-template-columns:1fr 1fr}}
@media(max-width:520px){footer .colunas{grid-template-columns:1fr}}

/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.on{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none;transition:none}
  .hero .visual .orbe,.hero .visual .anel,.faixa .trilho{animation:none}
}

/* faixa: nossas marcas */
.marcas{background:var(--verde);padding:34px 0;border-top:1px solid rgba(255,255,255,.08)}
.marcas .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.marcas .rotulo{color:rgba(255,255,255,.6);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.marcas ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:clamp(22px,4vw,56px);flex-wrap:wrap}
.marcas img{height:30px;width:auto;opacity:.92;transition:opacity .2s}
.marcas img.oui{height:46px}
.marcas li:hover img{opacity:1}
@media(max-width:700px){.marcas .wrap{justify-content:center}.marcas img{height:24px}.marcas img.oui{height:38px}}

/* citação da fundadora */
.cita{margin:0;max-width:820px;margin-inline:auto;text-align:center}
.cita p{font-family:"Fraunces",serif;font-weight:400;font-style:italic;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.4;color:#fff;margin:0 0 18px;text-wrap:balance}
.cita footer{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--ouro)}