/* rec/rec.css */
:root{
  --tinta:#0A0B0A; --tinta-2:#121412; --tinta-3:#1A1D1A;
  --branco:#FFFFFF; --nevoa:#F4F6F4; --linha-clara:#E4E8E4;
  --neon:#53FF5D; --verde:#47A44C; --verde-texto:#2C7A31;
  --cinza-escuro:#9AA19A; --cinza-claro:#5A615A;
  --linha-escura:rgba(255,255,255,.09);
  --mola:cubic-bezier(.22,1,.36,1);
  --raio-g:28px; --raio-m:18px; --raio-p:12px;
  --largura:1200px;
  --gutter:clamp(20px,4vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{overflow-x:clip}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:"Google Sans Flex",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;color:var(--tinta);background:var(--tinta);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,p{margin:0}
h1,h2{text-wrap:balance}
.heroi h1,h2.titulo{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif}
p{text-wrap:pretty}
:focus-visible{outline:2px solid var(--neon);outline-offset:3px;border-radius:8px}
.claro :focus-visible{outline-color:var(--verde-texto)}
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--neon);color:var(--tinta);padding:10px 16px;border-radius:10px;font-weight:600}
.pular:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.caixa{width:100%;max-width:calc(var(--largura) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}
section{position:relative}
.escuro{background:var(--tinta);color:var(--branco)}
.claro{background:var(--branco);color:var(--tinta)}
.nevoa{background:var(--nevoa);color:var(--tinta)}
.bloco{padding-block:clamp(88px,11vw,144px)}

/* tipografia */
.olho{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--verde-texto)}
.escuro .olho{color:var(--neon)}
.titulo{font-size:clamp(2.25rem,4.6vw,4rem);line-height:1.04;letter-spacing:-.035em;font-weight:300}
.titulo b{display:block;font-weight:700;letter-spacing:-.04em}
.claro .titulo b,.nevoa .titulo b{color:var(--tinta)}
.titulo .verde{color:var(--verde)}
.escuro .titulo .verde{color:var(--neon)}
.lead{font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.6;color:var(--cinza-claro);max-width:38em}
.escuro .lead{color:var(--cinza-escuro)}
.topo-secao{display:grid;gap:20px;margin-bottom:clamp(48px,6vw,72px)}
.topo-secao.centro{justify-items:center;text-align:center}
.topo-secao.centro .lead{margin-inline:auto}

/* botões. O efeito é a luz do Renv Chat seguindo o cursor, e os três pontos de quem está digitando
   virando a seta. Só transform e opacity animam. */
.btn{--x:50%;--y:50%;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px 0 26px;border-radius:999px;font-size:16px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;transition:transform .5s var(--mola),box-shadow .5s var(--mola)}
.btn:active{transform:scale(.97);transition-duration:.12s}
.btn-neon{background:var(--neon);color:var(--tinta);box-shadow:0 10px 40px -12px rgba(83,255,93,.55)}
.btn-neon::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(160px circle at var(--x) var(--y),rgba(255,255,255,.75),transparent 60%);opacity:0;transition:opacity .35s ease}
.btn-neon:hover::before{opacity:1}
.btn-neon:hover{box-shadow:0 14px 50px -10px rgba(83,255,93,.7)}
.btn-linha{color:var(--branco);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.btn-linha:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.claro .btn-linha,.nevoa .btn-linha{color:var(--tinta);box-shadow:inset 0 0 0 1px rgba(10,11,10,.18)}
.claro .btn-linha:hover,.nevoa .btn-linha:hover{box-shadow:inset 0 0 0 1px rgba(10,11,10,.45)}
.btn-tinta{background:var(--tinta);color:var(--branco)}
.btn-tinta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(160px circle at var(--x) var(--y),rgba(83,255,93,.35),transparent 60%);opacity:0;transition:opacity .35s ease}
.btn-tinta:hover::before{opacity:1}
.btn .seta{position:relative;width:22px;height:22px;flex:none}
.btn .seta i{position:absolute;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:currentColor;transition:transform .45s var(--mola),opacity .25s ease}
.btn .seta i:nth-child(1){left:2px}.btn .seta i:nth-child(2){left:9px}.btn .seta i:nth-child(3){left:16px}
.btn .seta svg{position:absolute;inset:0;width:22px;height:22px;opacity:0;transform:translateX(-8px);transition:transform .45s var(--mola),opacity .3s ease}
.btn:hover .seta i{opacity:0;transform:translateX(8px)}
.btn:hover .seta svg{opacity:1;transform:none}
@media (hover:none){.btn .seta i{animation:digitando 1.4s ease-in-out infinite}.btn .seta i:nth-child(2){animation-delay:.15s}.btn .seta i:nth-child(3){animation-delay:.3s}}
@keyframes digitando{0%,60%,100%{transform:none;opacity:.55}30%{transform:translateY(-3px);opacity:1}}
.acoes{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.miudo{font-size:14px;color:var(--cinza-escuro)}
.claro .miudo,.nevoa .miudo{color:var(--cinza-claro)}

/* cabeçalho */
.cab{position:fixed;inset:0 0 auto;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background-color .4s ease,box-shadow .4s ease}
.cab.rolou{background:rgba(10,11,10,.72);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);box-shadow:0 1px 0 var(--linha-escura)}
.cab .caixa{display:flex;align-items:center;gap:32px;height:72px}
.cab .marca img{height:26px;width:auto}
.cab nav{display:flex;gap:4px;margin-left:auto}
.cab nav a{padding:8px 14px;border-radius:999px;font-size:15px;color:rgba(255,255,255,.72);transition:color .25s ease,background-color .25s ease}
.cab nav a:hover{color:var(--branco);background:rgba(255,255,255,.06)}
.cab .entrar{font-size:15px;color:rgba(255,255,255,.72);padding:8px 6px}
.cab .entrar:hover{color:var(--branco)}
.cab .btn{min-height:42px;padding:0 16px 0 20px;font-size:15px}
.menu-bt{display:none;width:44px;height:44px;border-radius:12px;margin-left:auto;align-items:center;justify-content:center;color:var(--branco)}
.menu-bt span{position:relative;width:20px;height:2px;background:currentColor;border-radius:2px;transition:background-color .2s}
.menu-bt span::before,.menu-bt span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .35s var(--mola)}
.menu-bt span::before{top:-6px}.menu-bt span::after{top:6px}
.cab.aberto .menu-bt span{background:transparent}
.cab.aberto .menu-bt span::before{transform:translateY(6px) rotate(45deg)}
.cab.aberto .menu-bt span::after{transform:translateY(-6px) rotate(-45deg)}
.gaveta{display:none}
/* menu cheio desde 14/10/2026 (Ferramentas e Blog), então ele não quebra linha, aperta no notebook e vira botão abaixo de 1240 */
.cab nav a,.cab .mm-bt{white-space:nowrap}
/* o cabeçalho tem no máximo 1200 px, então o menu fica compacto em toda tela e o botão nunca é espremido (14/10/2026) */
.cab nav{gap:0}.cab nav a,.cab .mm-bt{padding-inline:10px;font-size:14.5px}
.cab .caixa>.btn{flex:none}
@media (max-width:1240px){
  .cab nav,.cab .entrar,.cab .caixa>.btn{display:none}
  .menu-bt{display:inline-flex}
  .gaveta{display:grid;gap:4px;position:fixed;inset:calc(72px + env(safe-area-inset-top,0px)) 0 auto;padding:12px var(--gutter) 24px;background:rgba(10,11,10,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--linha-escura);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .3s ease,transform .45s var(--mola)}
  .cab.aberto .gaveta{opacity:1;transform:none;pointer-events:auto}
  .cab.aberto{background:rgba(10,11,10,.96)}
  .gaveta a{padding:14px 4px;font-size:18px;color:var(--branco);border-bottom:1px solid var(--linha-escura)}
  .gaveta .btn{margin-top:16px;border-bottom:0;font-size:16px;color:var(--tinta)}
}

/* luz verde desfocada, o recurso do folder */
.luz{position:absolute;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.5;background:radial-gradient(closest-side,rgba(83,255,93,.9),rgba(71,164,76,.35) 55%,transparent)}

.faq{max-width:860px;margin-inline:auto}
.faq details{border-bottom:1px solid var(--linha-escura)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;cursor:pointer;font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:500;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .mais{position:relative;width:28px;height:28px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:transform .45s var(--mola),background-color .3s ease}
.faq summary .mais::before,.faq summary .mais::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:currentColor;border-radius:2px}
.faq summary .mais::after{transform:rotate(90deg);transition:transform .45s var(--mola)}
.faq details[open] summary .mais{background:var(--neon);color:var(--tinta);box-shadow:none}
.faq details[open] summary .mais::after{transform:rotate(0deg)}
.faq .resp-faq{padding:0 56px 28px 0;color:var(--cinza-escuro);font-size:16.5px;max-width:42em}
.faq details[open] .resp-faq{animation:abre .5s var(--mola)}
.faq-claro details{border-bottom-color:var(--linha-clara)}
.faq-claro summary{color:var(--tinta)}
.faq-claro summary .mais{box-shadow:inset 0 0 0 1px rgba(10,11,10,.25)}
.faq-claro details[open] summary .mais{background:var(--tinta);color:var(--neon)}
.faq-claro .resp-faq{color:var(--cinza-claro)}

.rodape{background:var(--tinta);color:var(--branco);border-top:1px solid var(--linha-escura);padding-block:56px calc(40px + env(safe-area-inset-bottom,0px))}
.rodape-grade{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px}
.rodape img{height:26px;width:auto;margin-bottom:16px}
.rodape p{font-size:14px;color:var(--cinza-escuro);max-width:24em}
.rodape h4{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rodape li a{font-size:15px;color:rgba(255,255,255,.75);transition:color .2s ease}
.rodape li a:hover{color:var(--neon)}
.rodape-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--linha-escura);font-size:13px;color:rgba(255,255,255,.45)}
.surge{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .9s var(--mola)}
.surge.on{opacity:1;transform:none}
.surge.d1{transition-delay:.08s}.surge.d2{transition-delay:.16s}.surge.d3{transition-delay:.24s}
/* topo: entra só com CSS, sem esperar o script, pra o texto principal aparecer já na primeira pintura (03/11/2026) */
#topo .surge{opacity:1;transform:none;animation:surge-topo .9s var(--mola) both}
#topo .surge.d1{animation-delay:.08s}#topo .surge.d2{animation-delay:.16s}#topo .surge.d3{animation-delay:.24s}
@keyframes surge-topo{from{opacity:.01;transform:translateY(24px)}}
@media (prefers-reduced-motion:reduce){#topo .surge{animation:none}}

/* ============ página de recursos ============ */
.cab .marca{display:block}
.cab nav a[aria-current="page"]{color:var(--branco);background:rgba(255,255,255,.08)}
.gaveta{background:#0A0B0A !important}

/* topo */
.rh{overflow:hidden;padding-top:calc(72px + env(safe-area-inset-top,0px) + clamp(48px,7vw,96px));padding-bottom:clamp(40px,6vw,72px)}
.rh .luz.a{width:900px;height:560px;left:50%;top:10%;transform:translateX(-50%);opacity:.26}
.rh .luz.b{width:380px;height:380px;right:-140px;top:30%;opacity:.14}
.rh .caixa{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:22px}
.rh .caixa>*{max-width:100%;min-width:0}
.negocio-chips{width:100%}
.rh h1{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:1.02;letter-spacing:-.04em;font-weight:300;max-width:14em}
.rh h1 b{display:block;font-weight:700;letter-spacing:-.045em}
.rh h1 b em{font-style:normal;color:var(--neon)}
.rh .lead{max-width:36em}
.busca{position:relative;width:min(100%,680px);display:flex;align-items:center;gap:12px;min-height:64px;padding:0 10px 0 20px;border-radius:999px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 30px 80px -40px rgba(83,255,93,.45);transition:box-shadow .4s var(--mola)}
.busca:focus-within{box-shadow:inset 0 0 0 1px rgba(83,255,93,.7),0 30px 90px -36px rgba(83,255,93,.7)}
.busca svg{width:22px;height:22px;flex:none;color:var(--neon)}
.busca input{flex:1;min-width:0;height:60px;background:none;border:0;outline:0;font:inherit;font-size:17px;color:var(--branco)}
.busca input::placeholder{color:rgba(255,255,255,.5)}
.busca-n{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.08);font-size:14px;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums;white-space:nowrap}
.busca-n b{color:var(--neon);font-weight:600}
.negocio{display:grid;gap:12px;justify-items:center}
.negocio>span{font-size:14px;color:var(--cinza-escuro)}
.negocio-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.nchip{min-height:42px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:500;color:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,transform .4s var(--mola)}
.nchip:hover{color:var(--branco);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.nchip:active{transform:scale(.97)}
.nchip[aria-pressed="true"]{background:var(--neon);color:var(--tinta);box-shadow:none}
.negocio-fala{min-height:1.6em;font-size:15px;color:rgba(255,255,255,.7)}
.negocio-fala b{color:var(--neon);font-weight:600}

/* índice fixo */
.indice{position:sticky;top:calc(72px + env(safe-area-inset-top,0px));z-index:30;background:rgba(10,11,10,.78);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);box-shadow:0 1px 0 var(--linha-escura),0 -1px 0 var(--linha-escura)}
.indice-fila{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px;scroll-snap-type:x proximity}
.indice-fila::-webkit-scrollbar{display:none}
.ind{position:relative;flex:none;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border-radius:999px;font-size:15px;font-weight:500;color:rgba(255,255,255,.66);white-space:nowrap;scroll-snap-align:center;transition:color .3s ease,background-color .3s ease}
.ind:hover{color:var(--branco);background:rgba(255,255,255,.05)}
.ind svg{width:18px;height:18px}
.ind .n{min-width:24px;height:22px;padding:0 7px;display:inline-grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.1);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.85);transition:background-color .3s ease,color .3s ease}
.ind[aria-current="true"]{color:var(--tinta);background:var(--branco)}
.ind[aria-current="true"] .n{background:var(--tinta);color:var(--neon)}
.ind.vazio{opacity:.35}
.ind .rel{display:none;width:7px;height:7px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px var(--neon)}
.temseg .ind .rel.tem{display:block}

/* categorias */
.cat{padding-block:clamp(72px,9vw,120px);scroll-margin-top:130px}
.cat+.cat{border-top:1px solid var(--linha-escura)}
.cat[hidden]{display:none}
.cat-topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,5vw,72px);align-items:end;margin-bottom:clamp(32px,4vw,52px)}
.cat-topo h2{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(2rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.04em;font-weight:700}
.cat-topo h2 small{display:block;margin-bottom:14px;font-family:"Google Sans Flex",system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--neon)}
.cat-topo p{font-size:clamp(1.02rem,1.3vw,1.15rem);color:var(--cinza-escuro);max-width:30em}
.palco{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:start}
.itens{display:grid;gap:8px}
.item{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;text-align:left;width:100%;padding:15px 18px 17px;border-radius:var(--raio-m);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--linha-escura);transition:background-color .35s ease,box-shadow .35s ease,transform .4s var(--mola)}
.item[hidden]{display:none}
.item:hover{background:rgba(255,255,255,.06)}
.item:active{transform:scale(.985)}
.item b{font-size:16.5px;font-weight:600;letter-spacing:-.01em;color:rgba(255,255,255,.72);transition:color .3s ease}
.item small{grid-column:1 / -1;max-height:0;overflow:hidden;opacity:0;font-size:14.5px;line-height:1.5;color:var(--cinza-escuro);transition:max-height .5s var(--mola),opacity .35s ease,margin .4s var(--mola)}
.item .marcas{display:flex;align-items:center;gap:8px}
.item .pro{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--neon);box-shadow:inset 0 0 0 1px rgba(83,255,93,.45)}
.item .ponto{display:none;width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon)}
.temseg .item.rel .ponto{display:block}
.item[aria-selected="true"]{background:rgba(83,255,93,.08);box-shadow:inset 0 0 0 1px rgba(83,255,93,.4);opacity:1}
.item[aria-selected="true"] b{color:var(--branco)}
.item[aria-selected="true"] small{max-height:9em;opacity:1;margin-top:6px}
.item .prog{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--neon);transform:scaleX(0);transform-origin:left;opacity:.8}
.item[aria-selected="true"].toca .prog{animation:prog var(--dur,7s) linear forwards}
@keyframes prog{to{transform:scaleX(1)}}
.tela-ancora{position:sticky;top:calc(72px + 66px + 20px)}

/* a tela do app */
.tela{position:relative;border-radius:22px;overflow:hidden;background:#fff;color:#0F172A;box-shadow:0 60px 120px -50px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12),0 0 90px -40px rgba(83,255,93,.5);display:grid;grid-template-columns:56px minmax(0,1fr);height:470px}
.tela-lado{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 0;background:#000F01}
.tela-lado img{width:26px;height:26px}
.tela-lado i{display:block;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.1)}
.tela-lado i.on{background:#48A54D}
.tela-corpo{position:relative;display:flex;flex-direction:column;min-width:0}
.tela-barra{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #E7EBE7;font-size:13.5px;color:#5A615A}
.tela-barra b{font-size:15px;font-weight:600;color:#0F172A;letter-spacing:-.01em}
.tela-barra .live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#2C7A31}
.tela-barra .live::before{content:"";width:7px;height:7px;border-radius:50%;background:#48A54D;box-shadow:0 0 0 0 rgba(72,165,77,.5);animation:pulso 2s ease-out infinite}
@keyframes pulso{70%,100%{box-shadow:0 0 0 8px rgba(72,165,77,0)}}
.cena{flex:1;display:grid;gap:10px;align-content:start;padding:18px 20px;overflow:hidden;font-size:14px}
.cena>*{animation:entra .6s var(--mola) both;animation-delay:calc(var(--i,0)*.16s + .05s)}
@keyframes entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.exemplo{padding:8px 20px 12px;font-size:12px;color:#8A918A}

/* cena, conversa */
.bal{max-width:82%;padding:10px 13px;border-radius:16px;line-height:1.4;font-size:14px}
.bal.cli{justify-self:start;background:#F1F3F1;border-bottom-left-radius:5px}
.bal.ia,.bal.eu{justify-self:end;border-bottom-right-radius:5px}
.bal.ia{background:#E3F6E5;color:#10311A}
.bal.eu{background:#0F172A;color:#fff}
.bal .tag{display:flex;align-items:center;gap:5px;margin-bottom:3px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#2C7A31}
.bal .tag svg{width:11px;height:11px}
.bal.sis{justify-self:center;max-width:94%;padding:6px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #D8DED8;font-size:12.5px;color:#5A615A;text-align:center}
/* cena, lista */
.lin{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 13px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4}
.lin .av{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#EAF4EB;color:#2C7A31;font-size:13px;font-weight:700}
.lin .tx{min-width:0}
.lin .tx b{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lin .tx span{display:block;font-size:12.5px;color:#6A726A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sel{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:#EEF1EE;color:#4A524A}
.sel.v{background:#DDF3DF;color:#1F6B25}
.sel.a{background:#FFF1D2;color:#8A5A00}
.sel.r{background:#FFE0DD;color:#9B2417}
.sel.q{background:#FFE0DD;color:#9B2417}
.sel.c{background:#E3ECFF;color:#27468F}
/* cena, números */
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kpi{padding:13px 14px;border-radius:14px;background:#F6F8F6;box-shadow:inset 0 0 0 1px #E4E8E4}
.kpi span{display:block;font-size:12px;color:#6A726A}
.kpi b{display:block;margin-top:2px;font-size:clamp(1.15rem,2vw,1.6rem);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.barras{display:flex;align-items:flex-end;gap:8px;height:130px;padding:14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4}
.barras i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#48A54D,#9ADDA0);transform-origin:bottom;animation:cresce .8s var(--mola) both;animation-delay:calc(var(--k)*.07s + .3s)}
@keyframes cresce{from{transform:scaleY(0)}to{transform:none}}
/* cena, kanban */
.kb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kb-col{display:grid;gap:8px;align-content:start;padding:10px;border-radius:14px;background:#F3F5F3}
.kb-col h5{margin:0;display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#4A524A}
.kb-card{padding:10px 11px;border-radius:11px;background:#fff;box-shadow:0 1px 0 #E4E8E4,inset 0 0 0 1px #E4E8E4;font-size:13px}
.kb-card b{display:block;font-weight:600}
.kb-card span{display:block;margin-top:2px;font-size:12px;color:#2C7A31;font-weight:600}
.kb-card.mov{animation:entra .6s var(--mola) both,sobe 1.4s 1.8s var(--mola) both}
@keyframes sobe{0%{transform:none}100%{transform:none}}
/* cena, fluxo */
.fluxo{display:grid;gap:0;padding-left:6px}
.no{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;padding-bottom:14px}
.no::before{content:"";position:absolute;left:37px;top:30px;bottom:-2px;width:2px;background:#D6DDD6}
.no:last-child::before{display:none}
.no i{display:grid;place-items:center;width:76px;height:30px;padding:0 6px;border-radius:9px;white-space:nowrap;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#EAF4EB;color:#2C7A31}
.no.gat i{background:#0F172A;color:#fff}
.no.esp i{background:#FFF1D2;color:#8A5A00}
.no.ia i{background:#48A54D;color:#fff}
.no span{padding:9px 13px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4;font-size:14px}
/* cena, documento */
.doc{padding:16px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4;display:grid;gap:9px}
.doc h5{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em}
.doc p{margin:0;display:flex;align-items:center;gap:9px;font-size:14px;color:#3A423A}
.doc p svg{width:16px;height:16px;flex:none;color:#48A54D}
.etapas{display:flex;gap:6px;flex-wrap:wrap}
.etapas span{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border-radius:999px;font-size:12.5px;font-weight:600;background:#EEF1EE;color:#6A726A}
.etapas span.ok{background:#DDF3DF;color:#1F6B25}
/* cena, canais */
.canais{display:flex;flex-wrap:wrap;gap:8px}
.canal{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px 0 8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4;font-size:13.5px;font-weight:500}
.canal svg{width:24px;height:24px}
.canal .tg{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2AABEE;color:#fff;font-size:12px;font-weight:700}

/* tela no celular, fica embaixo do item */
.tela-slot{display:none}

/* abertura de seção */
.surge{will-change:auto}

/* comparação */
.comp{padding-block:clamp(88px,11vw,140px)}
.comp .topo-secao{margin-bottom:clamp(36px,5vw,56px)}
.comp-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.comp-linha{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1.15fr);align-items:center;gap:14px;padding:18px 22px;border-radius:var(--raio-m);background:var(--nevoa);box-shadow:inset 0 0 0 1px var(--linha-clara);transition:background-color .3s ease,transform .5s var(--mola)}
.comp-linha:hover{background:#fff;transform:translateY(-2px)}
.comp-linha .antes{font-size:15px;color:var(--cinza-claro);text-decoration:line-through;text-decoration-color:rgba(10,11,10,.3)}
.comp-linha svg{width:22px;height:22px;color:var(--verde-texto)}
.comp-linha .depois{display:grid;gap:1px}
.comp-linha .depois b{font-size:16px;font-weight:600;letter-spacing:-.01em}
.comp-linha .depois span{font-size:13.5px;color:var(--cinza-claro)}
.comp-linha .depois a{color:var(--verde-texto);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(44,122,49,.35)}

/* integrações */
.integ{padding-block:clamp(88px,11vw,140px)}
.integ-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.integ-bloco{display:grid;gap:14px;align-content:start;padding:20px;border-radius:var(--raio-m);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--linha-escura)}
.integ-bloco h3{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.integ-logos{display:flex;flex-wrap:wrap;gap:8px}
.integ-logos span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--linha-escura);font-size:13px;color:rgba(255,255,255,.78)}
.integ-logos img{display:block;height:18px;width:auto;max-width:96px;object-fit:contain}
.integ-logos img[alt="Salesforce"],.integ-logos img[alt="Mercado Pago"]{height:26px}

/* faq e fim */
.faqbloco{padding-block:clamp(88px,11vw,140px)}
.fim{position:relative;overflow:hidden;padding-block:clamp(96px,12vw,160px);text-align:center}
.fim .luz{width:760px;height:480px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.3}
.fim .caixa{position:relative;z-index:1;display:grid;justify-items:center;gap:26px}
.fim h2{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.03;letter-spacing:-.04em;font-weight:300;max-width:14em}
.fim h2 b{display:block;font-weight:700}
.vazio-busca{display:none;padding:32px;border-radius:var(--raio-g);text-align:center;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--linha-escura)}
.vazio-busca.on{display:grid;gap:14px;justify-items:center;margin-block:48px}
.vazio-busca h3{font-size:22px;font-weight:600;letter-spacing:-.02em}
.vazio-busca p{color:var(--cinza-escuro);max-width:30em}

@media (max-width:1100px){
  .integ-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .cat-topo{grid-template-columns:1fr;gap:14px}
  .palco{grid-template-columns:1fr}
  .tela-ancora{display:none}
  .tela-slot{display:block;margin:2px 0 8px}
  .tela{height:430px}
  .comp-grade{grid-template-columns:1fr}
  .indice{top:calc(72px + env(safe-area-inset-top,0px))}
}
@media (max-width:640px){
  .busca{min-height:58px;padding-left:16px}
  .busca input{height:54px;font-size:16px}
  .busca-n{padding:0 10px;font-size:13px}
  .busca-n .de{display:none}
  .rh h1{font-size:clamp(2.1rem,9.4vw,2.6rem)}
  .tela{grid-template-columns:1fr;height:460px}
  .tela-lado{display:none}
  .cena{padding:14px}
  .kpis{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .kb{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kb-col:nth-child(3){display:none}
  .comp-linha{grid-template-columns:1fr;gap:6px;padding:16px 18px}
  .comp-linha>svg{transform:rotate(90deg)}
  .integ-grade{grid-template-columns:1fr}
  .rodape-grade{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .cena>*,.barras i{animation:none}
  .item .prog{display:none}
  .surge{opacity:1;transform:none}
}
/* rec/menu-paginas.css */
/* ============ menu de recursos, painel com os seis itens ============ */
.cab nav{align-items:center}
.mm{position:static}
.mm-bt{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:15px;color:rgba(255,255,255,.72);transition:color .25s ease,background-color .25s ease}
.mm-bt svg{width:14px;height:14px;transition:transform .4s var(--mola)}
.mm-bt:hover,.mm.aberto .mm-bt,.mm-bt.atual{color:var(--branco);background:rgba(255,255,255,.07)}
.mm.aberto .mm-bt svg{transform:rotate(180deg)}
.mm-painel{position:fixed;left:50%;top:calc(72px + env(safe-area-inset-top,0px) + 8px);z-index:60;width:min(1080px,calc(100vw - 2*var(--gutter)));display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;padding:22px;border-radius:26px;background:linear-gradient(160deg,rgba(24,28,24,.97),rgba(10,11,10,.98));-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 50px 120px -30px rgba(0,0,0,.9);opacity:0;visibility:hidden;transform:translate(-50%,-10px) scale(.985);transform-origin:top center;transition:opacity .25s ease,transform .45s var(--mola),visibility 0s .45s;color:var(--branco)}
.mm.aberto .mm-painel{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);transition:opacity .25s ease,transform .45s var(--mola),visibility 0s}
.mm-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;align-content:start}
.mm-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px;border-radius:16px;color:var(--branco);transition:background-color .25s ease}
.mm-item:hover,.mm-item:focus-visible{background:rgba(255,255,255,.07)}
.mm-item .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:var(--neon);transition:background-color .25s ease}
.mm-item:hover .ic{background:rgba(83,255,93,.12)}
.mm-item .ic svg{width:22px;height:22px}
.mm-item b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.01em}
.mm-item small{display:block;margin-top:1px;font-size:13.5px;line-height:1.4;color:var(--cinza-escuro)}
.mm-cartao{display:grid;align-content:space-between;gap:16px;padding:20px;border-radius:20px;background:radial-gradient(120% 90% at 100% 0,rgba(83,255,93,.18),transparent 60%),rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(83,255,93,.28)}
.mm-cartao .olho{font-size:11.5px}
.mm-cartao h3{margin:6px 0 6px;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:1.45rem;line-height:1.12;letter-spacing:-.03em;font-weight:600}
.mm-cartao p{font-size:14px;color:var(--cinza-escuro)}
.mm-cartao .btn{min-height:46px;font-size:15px}
.mm-todos{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--branco);padding-top:2px}
.mm-todos svg{width:16px;height:16px;transition:transform .4s var(--mola)}
.mm-todos:hover svg{transform:translateX(3px)}
.gaveta .g-sub{display:grid;gap:0;padding:0 0 8px 14px;border-bottom:1px solid var(--linha-escura)}
.gaveta .g-sub a{padding:10px 4px;font-size:16px;color:rgba(255,255,255,.8);border-bottom:0}
.gaveta .g-rot{padding:14px 4px 6px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--neon);font-weight:600}
@media (max-width:1240px){.mm-painel{display:none}.mm{display:none}}

/* ============ página de recurso ============ */
.pg-topo{overflow:hidden;padding-top:calc(72px + env(safe-area-inset-top,0px) + clamp(40px,6vw,88px));padding-bottom:clamp(36px,5vw,64px)}
.pg-topo .luz.a{width:900px;height:520px;left:30%;top:0;opacity:.24}
.pg-topo .luz.b{width:380px;height:380px;right:-140px;top:30%;opacity:.14}
.pg-topo .caixa{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;justify-items:start}
.pg-trilha{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--cinza-escuro)}
.pg-trilha a{color:rgba(255,255,255,.7);transition:color .2s ease}
.pg-trilha a:hover{color:var(--branco)}
.pg-trilha svg{width:12px;height:12px}
.pg-topo h1{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(2.3rem,5.4vw,4.6rem);line-height:1.03;letter-spacing:-.04em;font-weight:300;max-width:13em}
.pg-topo h1 b{display:block;font-weight:700;letter-spacing:-.045em}
.pg-topo .lead{max-width:36em}
.pg-nums{display:flex;flex-wrap:wrap;gap:8px}
.pg-nums span{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 15px;border-radius:999px;font-size:14px;color:rgba(255,255,255,.8);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--linha-escura)}
.pg-nums b{color:var(--neon);font-weight:700;font-variant-numeric:tabular-nums}
.pg-acoes{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* veja também */
.vt{padding-block:clamp(80px,10vw,128px)}
.vt-grade{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.vt-card{display:grid;gap:10px;align-content:start;padding:20px;border-radius:var(--raio-m);background:var(--nevoa);box-shadow:inset 0 0 0 1px var(--linha-clara);transition:background-color .3s ease,transform .5s var(--mola),box-shadow .3s ease}
.vt-card:hover{background:#fff;transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(10,11,10,.18),0 24px 50px -30px rgba(10,11,10,.35)}
.vt-card .ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--tinta);color:var(--neon)}
.vt-card .ic svg{width:21px;height:21px}
.vt-card b{font-size:16.5px;font-weight:600;letter-spacing:-.01em}
.vt-card span{font-size:14px;color:var(--cinza-claro)}

/* central de recursos, os seis cartões */
.hub{padding-block:clamp(56px,8vw,96px) clamp(88px,11vw,140px)}
.hub-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hub-card{--x:50%;--y:0%;position:relative;isolation:isolate;overflow:hidden;display:grid;gap:14px;align-content:start;padding:26px;border-radius:var(--raio-g);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--linha-escura);transition:transform .6s var(--mola),box-shadow .4s ease,opacity .3s ease}
.hub-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px circle at var(--x) var(--y),rgba(83,255,93,.14),transparent 70%);opacity:0;transition:opacity .4s ease}
.hub-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(83,255,93,.4),0 40px 90px -50px rgba(83,255,93,.5)}
.hub-card:hover::before{opacity:1}
.hub-card .ic{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgba(83,255,93,.1);box-shadow:inset 0 0 0 1px rgba(83,255,93,.3);color:var(--neon)}
.hub-card .ic svg{width:25px;height:25px}
.hub-card h3{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:1.65rem;line-height:1.1;letter-spacing:-.035em;font-weight:700}
.hub-card p{font-size:15px;color:var(--cinza-escuro)}
.hub-card .conta{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:rgba(255,255,255,.7)}
.hub-card .conta span{padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.07)}
.hub-card .conta b{color:var(--neon);font-weight:700}
.hub-card ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.hub-card li{display:flex;align-items:center;gap:9px;font-size:14.5px;color:rgba(255,255,255,.82)}
.hub-card li svg{width:15px;height:15px;flex:none;color:var(--neon)}
.hub-card li.achou{color:var(--branco);font-weight:600}
.hub-card .ir{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-size:15px;font-weight:600;color:var(--branco)}
.hub-card .ir svg{width:18px;height:18px;transition:transform .4s var(--mola)}
.hub-card:hover .ir svg{transform:translateX(4px)}
.hub-card.apaga{opacity:.4}
.resultados{display:none;width:min(100%,680px);text-align:left;padding:8px;border-radius:22px;background:rgba(10,11,10,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 40px 90px -40px rgba(0,0,0,.9)}
.resultados.on{display:grid;gap:2px}
.res{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;padding:11px 14px;border-radius:14px;transition:background-color .2s ease}
.res:hover,.res:focus-visible{background:rgba(255,255,255,.07)}
.res b{font-size:15.5px;font-weight:600}
.res small{grid-column:1;font-size:13.5px;color:var(--cinza-escuro);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.res em{grid-row:1 / span 2;grid-column:2;align-self:center;font-style:normal;font-size:12.5px;color:var(--neon);white-space:nowrap}
.res-mais{padding:10px 14px;font-size:13.5px;color:var(--cinza-escuro)}

/* cena de logos */
.logos-g{display:grid;gap:12px;animation:entra .6s var(--mola) both;animation-delay:calc(var(--i,0)*.16s + .05s)}
.logos-g h6{margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6A726A}
.logos-l{display:flex;flex-wrap:wrap;gap:8px}
.logos-l span{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:12px;background:#0B0F0C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-size:13px;font-weight:600;color:rgba(255,255,255,.85)}
.logos-l img{display:block;height:22px;width:auto;max-width:112px;object-fit:contain}

@media (max-width:1100px){
  .hub-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-grade{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .hub-grade{grid-template-columns:1fr}
  .vt-grade{grid-template-columns:1fr 1fr}
  .pg-topo .caixa{justify-items:stretch}
  .pg-acoes .btn{width:100%}
  .pg-topo h1{font-size:clamp(2.1rem,9.4vw,2.7rem)}
}

.nevoa .vt-card{background:#fff}
.nevoa .vt-card:hover{background:var(--branco)}
.item .pro.breve{color:#FFD66B;box-shadow:inset 0 0 0 1px rgba(255,214,107,.5)}

/* ============ rodada de 09/10/2026, visual mais rico e cantos em quadrado arredondado ============ */
/* o hover do menu e dos filtros vira quadrado de canto arredondado, igual aos botões de ícone */
.cab nav a,.mm-bt{border-radius:12px}
.ind,.nchip{border-radius:12px}
.ind .n{border-radius:8px}
.mm-cartao .btn-neon{color:var(--tinta)}
.mm-cartao .btn-neon .rotulo{color:var(--tinta)}

/* topo de cada página */
.pg-fundo,.rh-fundo{position:absolute;inset:0;pointer-events:none;background:var(--img) center/cover no-repeat;opacity:.5;-webkit-mask-image:linear-gradient(90deg,transparent 18%,#000 62%),linear-gradient(0deg,transparent,#000 36%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 18%,#000 62%),linear-gradient(0deg,transparent,#000 36%);mask-composite:intersect}
.pg-fundo{left:34%}
.rh-fundo{opacity:.4;-webkit-mask-image:linear-gradient(180deg,#000 10%,transparent 85%);mask-image:linear-gradient(180deg,#000 10%,transparent 85%);-webkit-mask-composite:source-over;mask-composite:add}
.pg-topo{padding-bottom:clamp(56px,7vw,96px)}
.pg-topo .caixa.pg-grade{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(32px,5vw,72px);align-items:center;justify-items:stretch}
.pg-texto{display:grid;gap:22px;justify-items:start;align-content:center;min-width:0}
.pg-busca{width:min(100%,460px)}
.pg-visual{position:relative;min-height:600px;display:grid;place-items:center}
.pg-visual::before{content:"";position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(closest-side,rgba(83,255,93,.34),rgba(71,164,76,.12) 60%,transparent);filter:blur(30px)}
.celular-rec{position:relative;width:min(100%,310px);aspect-ratio:9/17.2;padding:11px;border-radius:46px;background:linear-gradient(160deg,#1B201B,#060706);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 70px 120px -40px rgba(0,0,0,.95),0 0 100px -30px rgba(83,255,93,.55)}
.celular-rec::before{content:"";position:absolute;top:21px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:999px;background:#000;z-index:2}
.cr-tela{height:100%;border-radius:36px;overflow:hidden;background:#fff;color:#0F172A;display:flex;flex-direction:column}
.cr-barra{display:flex;align-items:center;gap:9px;padding:46px 16px 12px;border-bottom:1px solid #E7EBE7;font-size:13px;color:#5A615A}
.cr-barra b{font-size:14.5px;font-weight:600;color:#0F172A}
.cr-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#000F01}
.cr-barra .live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#2C7A31}
.cr-barra .live::before{content:"";width:7px;height:7px;border-radius:50%;background:#48A54D;animation:pulso 2s ease-out infinite}
.cr-cena{flex:1;display:grid;gap:9px;align-content:start;padding:14px;overflow:hidden;font-size:13px;background:#F7F9F7}
.cr-cena>*{animation:entra .6s var(--mola) both;animation-delay:calc(var(--i,0)*.16s + .3s)}
.cr-cena .bal{font-size:13px;padding:9px 12px}
.cr-cena .lin{grid-template-columns:32px minmax(0,1fr) auto;padding:9px 11px;gap:10px}
.cr-cena .lin .av{width:32px;height:32px;font-size:11.5px}
.cr-cena .lin .tx b{font-size:13.5px}
.cr-cena .kpis{grid-template-columns:1fr 1fr 1fr;gap:7px}
.cr-cena .kpi{padding:10px}
.cr-cena .kpi b{font-size:1.05rem}
.cr-cena .barras{height:120px}
.cr-cena .logos-l span{min-height:38px;padding:0 11px}
.cr-cena .logos-l img{height:18px}
.cr-cena .fluxo{padding-left:0}
.cr-cena .no{grid-template-columns:62px minmax(0,1fr);gap:9px}
.cr-cena .no i{width:62px;font-size:9.5px}
.cr-cena .no::before{left:30px}
.cr-cena .no span{font-size:13px;padding:8px 10px}
.cr-cena .kb{grid-template-columns:1fr 1fr}
.cr-cena .kb-col:nth-child(3){display:none}
.flut{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:12px 16px 12px 12px;border-radius:16px;background:linear-gradient(160deg,rgba(26,31,26,.86),rgba(10,11,10,.82));-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 30px 60px -24px rgba(0,0,0,.85);color:var(--branco);animation:flutua 7s ease-in-out infinite}
.flut svg{width:38px;height:38px;flex:none;padding:9px;border-radius:12px;background:rgba(83,255,93,.18);color:var(--neon)}
.flut b{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.flut small{display:block;font-size:12.5px;color:rgba(255,255,255,.7);white-space:nowrap}
.flut.f1{top:10%;left:-10%;animation-delay:0s}
.flut.f2{top:46%;right:-9%;animation-delay:-2.4s}
.flut.f3{bottom:8%;left:-6%;animation-delay:-4.6s}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* o palco de cada grupo ganha moldura com a foto da área */
@media (min-width:901px){
  .tela-ancora{padding:clamp(20px,2.6vw,34px);border-radius:30px;background:linear-gradient(160deg,rgba(10,11,10,.48),rgba(10,11,10,.12) 70%),radial-gradient(70% 60% at 100% 0,rgba(83,255,93,.22),transparent 70%),var(--img) var(--pos,50% 50%)/cover no-repeat,#0F1411;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
  .tela-ancora .tela{box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.14)}
}

/* cartões da central com foto no topo */
.hub-card{padding-top:0}
.hub-img{display:block;height:150px;margin:0 -26px 6px;background:linear-gradient(0deg,rgba(10,11,10,.85),transparent 70%),var(--img) center/cover no-repeat,#0F1411;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.hub-card .ic{margin-top:-34px;position:relative;background:#0F1411;box-shadow:inset 0 0 0 1px rgba(83,255,93,.4)}

@media (max-width:900px){
  .pg-topo .caixa.pg-grade{grid-template-columns:minmax(0,1fr)}
  .pg-fundo{left:0;opacity:.28;-webkit-mask-image:linear-gradient(0deg,transparent 4%,#000 70%);mask-image:linear-gradient(0deg,transparent 4%,#000 70%);-webkit-mask-composite:source-over;mask-composite:add}
  .pg-visual{min-height:560px}
  .flut.f1{left:0}.flut.f2{right:0}.flut.f3{left:0}
}
@media (max-width:640px){
  .pg-visual{min-height:520px}
  .celular-rec{width:min(78%,280px)}
  .flut{padding:9px 12px 9px 9px}
  .flut b{font-size:12.5px}.flut small{font-size:11.5px}
  .flut svg{width:32px;height:32px;padding:7px}
  .flut.f2{top:46%}
}
@media (prefers-reduced-motion:reduce){.flut{animation:none}}

/* fotos claras, o dia a dia de pessoas trabalhando. Elas aparecem inteiras, sem escurecer */
.pg-topo.tom-claro .pg-fundo{opacity:1;-webkit-mask-image:linear-gradient(90deg,transparent 26%,rgba(0,0,0,.96) 66%),linear-gradient(0deg,transparent,#000 24%);mask-image:linear-gradient(90deg,transparent 26%,rgba(0,0,0,.96) 66%),linear-gradient(0deg,transparent,#000 24%)}
.pg-topo.tom-claro .pg-visual::before{opacity:.5}
.rh.tom-claro .rh-fundo{opacity:.85}
@media (min-width:901px){
  .cat.tom-claro .tela-ancora{background:radial-gradient(70% 60% at 100% 0,rgba(83,255,93,.16),transparent 70%),var(--img) var(--pos,50% 50%)/cover no-repeat,#DDE5DD}
}
@media (max-width:900px){
  .pg-topo.tom-claro .pg-fundo{opacity:.7}
}

/* o cabeçalho ganha um véu escuro no topo, pra o menu continuar legível sobre as fotos claras */
.cab:not(.rolou){background:linear-gradient(180deg,rgba(10,11,10,.78),rgba(10,11,10,0))}

/* respiro maior entre os cartões das áreas, pedido de 09/10/2026 */
.hub-grade{gap:20px}

/* ============ painel de Recursos, 09/10/2026 à noite. Seis áreas à esquerda, e à direita "ver todos" em cima e "comece por aqui" embaixo. Superfície neutra, sem contorno verde forte ============ */
.mm-dir{display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0}
.mm-tudo{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:var(--branco);transition:background-color .25s ease}
.mm-tudo:hover,.mm-tudo:focus-visible{background:rgba(255,255,255,.09)}
.mm-tudo:focus-visible{outline:2px solid var(--neon);outline-offset:3px}
.mm-tudo-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.07);color:var(--neon)}
.mm-tudo-ic svg{width:20px;height:20px}
.mm-tudo-tx b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.01em}
.mm-tudo-tx small{display:block;margin-top:2px;font-size:13px;color:var(--cinza-escuro)}
.mm-tudo-seta{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.07);color:var(--branco);transition:transform .4s var(--mola)}
.mm-tudo-seta svg{width:16px;height:16px}
.mm-tudo:hover .mm-tudo-seta{transform:translateX(3px)}
.mm-dir .mm-cartao{background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);justify-items:start}
.mm-dir .mm-cartao .olho{color:var(--cinza-escuro)}
@media (prefers-reduced-motion:reduce){.mm-tudo-seta{transition:none}}

/* menu de Planos, painel pequeno embaixo do botão */
.mm-planos{position:relative}
.mm-planos .mm-painel{position:absolute;top:calc(100% + 12px);left:50%;width:400px;grid-template-columns:1fr;gap:4px;padding:12px}
.mm-planos .mm-painel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}

/* ---------- menu Entrar, com as duas portas, entrar na conta ou criar a conta (14/10/2026) ---------- */
.cab .mm-entrar .mm-bt.entrar{gap:7px;padding:8px 12px 8px 10px;font-size:15px}
.me-pessoa{width:18px;height:18px}
.mm.mm-entrar .mm-painel{left:auto;right:-6px;width:384px;gap:6px;padding:14px;transform:translateY(-10px) scale(.985);transform-origin:top right}
.mm.mm-entrar.aberto .mm-painel{transform:none}
.me-cab{display:flex;align-items:center;gap:12px;padding:6px 6px 14px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
.me-cab b{display:block;font-size:15.5px;font-weight:700;color:#fff}
.me-cab small{display:block;font-size:13px;color:rgba(255,255,255,.6)}
.me-rostos{display:flex;flex:none}
.me-rostos>img,.me-r{width:30px;height:30px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #121512}
.me-rostos>*+*{margin-left:-9px}
.me-r{display:grid;place-items:center;background:var(--tinta)}
.me-r img{width:17px;height:17px}
.me-op{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;color:#fff;transition:background-color .25s ease}
.me-op:hover{background:rgba(255,255,255,.06)}
.me-op:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.me-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.07);color:var(--neon)}
.me-ic svg{width:21px;height:21px}
.me-tx b{display:block;font-size:15.5px;font-weight:600}
.me-tx small{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.62)}
.me-seta{width:18px;height:18px;color:rgba(255,255,255,.4);transition:transform .3s var(--mola),color .3s ease}
.me-op:hover .me-seta{transform:translateX(3px);color:var(--neon)}
.me-criar{background:var(--neon);color:#06240D;box-shadow:0 12px 30px -14px rgba(83,255,93,.7)}
.me-criar:hover{background:#6BFF74}
.me-criar .me-ic{background:rgba(6,36,13,.12);color:#06240D}
.me-criar .me-tx small{color:rgba(6,36,13,.72)}
.me-criar .me-seta,.me-criar:hover .me-seta{color:#06240D}
.me-seg{display:flex;align-items:center;gap:8px;padding:10px 8px 2px;font-size:12.5px;color:rgba(255,255,255,.5)}
.me-seg svg{width:15px;height:15px;flex:none;color:var(--neon)}
.mm-bt svg.me-pessoa,.mm.aberto .mm-bt svg.me-pessoa{flex:none;width:18px;height:18px;transform:none}
.mm-entrar .mm-bt svg{flex:none}.cab .mm-entrar .mm-bt.entrar{white-space:nowrap}
/* rec/telas.css */
/* Estilo das telas grandes de rec/telas.js. Base de 1000 x 620 px, escalada por JS. */
.g-app{width:1000px;height:620px;display:grid;grid-template-columns:64px minmax(0,1fr);background:#F6F8F6;color:#0F172A;font-size:13px;line-height:1.35;text-align:left}
.g-app *{box-sizing:border-box}
.g-app svg{display:block}
.g-lado{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0;background:#000F01}
.g-lado img{width:30px;height:30px;margin-bottom:8px}
.g-lado span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:rgba(255,255,255,.5)}
.g-lado span.on{background:#48A54D;color:#fff}
.g-lado svg{width:20px;height:20px}
.g-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.g-topo{display:flex;align-items:center;gap:14px;height:58px;padding:0 20px;background:#fff;border-bottom:1px solid #E4E8E4}
.g-topo>b{font-size:17px;font-weight:600;letter-spacing:-.01em}
.g-busca{margin-left:auto;width:290px;padding:9px 14px;border-radius:12px;background:#F1F4F1;color:#687068;font-size:12.5px}
.g-eu{display:block}
.g-corpo{flex:1;min-height:0;padding:16px 20px;overflow:hidden}
.g-av{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;color:#fff;font-size:12px;font-weight:700}
.g-canal{position:absolute;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;color:#fff;border:2px solid #fff;margin:22px 0 0 22px}
.g-canal svg{width:9px;height:9px}
/* caixa de entrada */
.g-3{display:grid;grid-template-columns:270px minmax(0,1fr) 230px;gap:12px;height:100%}
.g-col1,.g-col2,.g-col3{background:#fff;border-radius:14px;box-shadow:inset 0 0 0 1px #E4E8E4;min-height:0;overflow:hidden}
.g-col1{padding:10px 0}
.g-fil{display:flex;gap:6px;padding:0 12px 10px}
.g-fil i{font-style:normal;padding:5px 10px;border-radius:9px;background:#F1F4F1;font-size:11.5px;color:#5A615A}
.g-fil i.on{background:#0F1411;color:#fff}
.g-ct{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px}
.g-ct.on{background:#EAF4EB}
.g-tx{min-width:0}
.g-tx b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-tx small{display:block;color:#6A726A;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-h{display:grid;justify-items:end;gap:3px;font-size:10.5px;color:#687068}
.g-h i{font-style:normal;display:grid;place-items:center;min-width:17px;height:17px;border-radius:9px;background:#48A54D;color:#fff;font-size:10px;font-weight:700}
.g-col2{display:flex;flex-direction:column}
.g-ch-h{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #E4E8E4}
.g-ch-h small{display:block;color:#6A726A;font-size:11px}
.g-pill{margin-left:auto;padding:5px 11px;border-radius:9px;background:#F1F4F1;font-size:11.5px;color:#5A615A}
.g-msgs{flex:1;display:grid;gap:8px;align-content:start;padding:14px;background:#F7F9F7;overflow:hidden}
.g-bal{max-width:78%;padding:9px 12px;border-radius:14px;font-size:12.5px}
.g-bal small{display:block;margin-top:2px;font-size:10px;color:#687068;text-align:right}
.g-bal.c{justify-self:start;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4;border-bottom-left-radius:4px}
.g-bal.ia{justify-self:end;background:#E3F6E5;color:#10311A;border-bottom-right-radius:4px}
.g-bal u{display:block;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#2C7A31;margin-bottom:2px}
.g-sis{justify-self:center;padding:5px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #D8DED8;font-size:11.5px;color:#5A615A}
.g-in{display:flex;align-items:center;justify-content:space-between;margin:10px 14px 12px;padding:9px 12px;border-radius:12px;background:#F1F4F1;color:#687068;font-size:12px}
.g-in i{font-style:normal;padding:5px 12px;border-radius:9px;background:#48A54D;color:#fff;font-weight:600}
.g-col3{padding:14px}
.g-pn-h{display:grid;grid-template-columns:34px 1fr;gap:2px 10px;align-items:center;margin-bottom:12px}
.g-pn-h .g-av{grid-row:span 2}
.g-pn-h small{color:#6A726A;font-size:11px}
.g-pn-s{padding:10px;border-radius:12px;background:#EAF4EB;font-size:12px;margin-bottom:10px}
.g-pn-s u{display:block;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#2C7A31;margin-bottom:3px}
.g-pn-r{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #EEF1EE;font-size:12px}
.g-pn-r span{color:#6A726A}
.g-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.g-tags i{font-style:normal;padding:4px 9px;border-radius:8px;background:#F1F4F1;font-size:11px;color:#4A524A}
/* barras e filtros */
.g-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.g-sel{padding:7px 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #D8DED8;font-weight:600;font-size:12.5px}
.g-chip{padding:7px 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4;font-size:12px;color:#5A615A}
.g-chip.on{background:#DDF3DF;color:#1F6B25;box-shadow:none;font-weight:600}
.g-r{margin-left:auto;font-weight:600;color:#2C7A31;font-size:12.5px}
/* kanban */
.g-kb{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;height:calc(100% - 44px)}
.g-kc{background:#EDF1ED;border-radius:12px;padding:10px 8px;display:grid;align-content:start;gap:7px}
.g-kc h5{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:12px}
.g-kc h5 span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:7px;background:#fff;font-size:11px;font-weight:700}
.g-kc>small{color:#6A726A;font-size:11px;margin-top:-4px}
.g-kcard{background:#fff;border-radius:10px;padding:9px;box-shadow:0 1px 0 #E4E8E4,inset 0 0 0 1px #E4E8E4;display:grid;gap:2px}
.g-kcard.on{box-shadow:inset 0 0 0 2px #48A54D}
.g-kcard b{font-size:12.5px;font-weight:600}
.g-kcard span{color:#2C7A31;font-weight:700;font-size:12px}
.g-kcard em{font-style:normal;color:#6A726A;font-size:11px}
.g-kcard div{display:flex;align-items:center;gap:6px;margin-top:5px}
.g-kcard div .g-av{width:22px;height:22px;font-size:9px}
.g-kcard div i{font-style:normal;margin-left:auto;font-size:10.5px;color:#6A726A}
.g-kcard div i+i{margin-left:0}
/* workflow */
.g-canvas{position:relative;height:calc(100% - 44px);border-radius:14px;background:#fff radial-gradient(#D9E0D9 1px,transparent 1px) 0 0/18px 18px;box-shadow:inset 0 0 0 1px #E4E8E4;overflow:hidden}
.g-ln{position:absolute;inset:0;width:100%;height:100%}
.g-ln path{fill:none;stroke:#48A54D;stroke-width:2;stroke-dasharray:5 5}
.g-no{position:absolute;width:190px;padding:11px 13px;border-radius:14px;background:#fff;box-shadow:0 14px 30px -18px rgba(0,0,0,.45),inset 0 0 0 1px #DDE3DD;display:grid;gap:3px}
.g-no i{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2C7A31}
.g-no b{font-size:13px;font-weight:600}
.g-no.gat{background:#0F1411;color:#fff;box-shadow:none}.g-no.gat i{color:#53FF5D}
.g-no.ia{background:#E3F6E5}
.g-no.esp i{color:#8A5A00}
/* agente */
.g-2{display:grid;grid-template-columns:200px minmax(0,1fr) 250px;gap:12px;height:100%}
.g-steps,.g-form,.g-teste{background:#fff;border-radius:14px;box-shadow:inset 0 0 0 1px #E4E8E4;padding:14px;min-height:0;overflow:hidden}
.g-steps h6,.g-teste h6,.g-gr h6,.g-tl h6,.g-ed h6{margin:0 0 10px;font-size:13px;font-weight:700}
.g-steps div{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:10px;font-size:12.5px;color:#5A615A}
.g-steps div.on{background:#EAF4EB;color:#0F1411;font-weight:600}
.g-steps i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#EEF1EE;font-size:11px;font-weight:700}
.g-steps .on i{background:#48A54D;color:#fff}
.g-form label{display:block;margin:0 0 6px;font-size:11.5px;font-weight:700;color:#4A524A;text-transform:uppercase;letter-spacing:.05em}
.g-ta{padding:12px;border-radius:12px;background:#F7F9F7;box-shadow:inset 0 0 0 1px #E4E8E4;font-size:12.5px;line-height:1.5;margin-bottom:14px}
.g-kn{display:grid;gap:7px}
.g-kn span{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:#F7F9F7;font-size:12.5px;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-kn i{font-style:normal;padding:3px 7px;border-radius:6px;background:#0F1411;color:#fff;font-size:10px;font-weight:700}
.g-kn em{margin-left:auto;font-style:normal;color:#1F6B25;font-weight:600;font-size:11.5px}
.g-teste{display:grid;align-content:start;gap:8px;background:#F7F9F7}
/* campanhas, tabelas, números */
.g-kp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.g-kp div{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:inset 0 0 0 1px #E4E8E4;display:grid;gap:1px}
.g-kp small{color:#6A726A;font-size:11.5px}
.g-kp b{font-size:22px;font-weight:700;letter-spacing:-.03em}
.g-kp em{font-style:normal;color:#1F6B25;font-weight:700;font-size:11.5px}
.g-tab{display:grid;gap:7px}
.g-tr{display:grid;grid-template-columns:34px minmax(0,1.3fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-pg{display:block;height:7px;border-radius:5px;background:#EAEFEA;overflow:hidden}
.g-pg i{display:block;height:100%;background:#48A54D;border-radius:5px}
.g-st{padding:5px 11px;border-radius:9px;background:#EEF1EE;font-size:11.5px;font-weight:600;color:#4A524A;white-space:nowrap}
.g-st.b{background:#DDF3DF;color:#1F6B25}
.g-2c{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;height:calc(100% - 100px)}
.g-gr{background:#fff;border-radius:14px;padding:14px;box-shadow:inset 0 0 0 1px #E4E8E4;display:grid;align-content:start;gap:8px}
.g-bs{display:flex;align-items:flex-end;gap:7px;height:210px}
.g-bs i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#48A54D,#A5E0AA)}
.g-rk{display:grid;grid-template-columns:34px 56px minmax(0,1fr) 36px;gap:8px;align-items:center;padding:6px 0}
.g-rk>span:not(.g-av){height:8px;border-radius:5px;background:#EAEFEA;overflow:hidden}
.g-rk>span:not(.g-av) i{display:block;height:100%;background:#48A54D}
.g-rk em{font-style:normal;font-weight:700;font-size:12px;text-align:right}
/* integrações */
.g-ig{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.g-ic{display:grid;justify-items:center;gap:8px;padding:16px 10px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-lg{display:grid;place-items:center;width:100%;height:46px;border-radius:10px;background:#0B0F0C}
.g-lg img{max-height:22px;max-width:100px;width:auto}
.g-ic b{font-size:12.5px;font-weight:600}
.g-ic em{font-style:normal;font-size:11px;padding:4px 10px;border-radius:8px;background:#EEF1EE;color:#4A524A;font-weight:600}
.g-ic em.on{background:#DDF3DF;color:#1F6B25}
/* proposta */
.g-2p{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;height:100%}
.g-doc{background:#fff;border-radius:14px;padding:22px;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-doc small{color:#6A726A}
.g-doc h4{margin:4px 0 16px;font-size:20px;font-weight:700;letter-spacing:-.02em}
.g-dr{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #EEF1EE;font-size:13px}
.g-dr.t{font-size:16px;font-weight:700;border-bottom:0}
.g-ass{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:14px;border-radius:12px;background:#F7F9F7;border:1.5px dashed #BFC9BF}
.g-ass i{font-family:"Mrs Saint Delafield",cursive;font-style:normal;font-size:28px;color:#1F6B25}
.g-tl{background:#fff;border-radius:14px;padding:16px;box-shadow:inset 0 0 0 1px #E4E8E4;display:grid;align-content:start;gap:2px}
.g-tl>div{position:relative;display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;padding:9px 0;font-size:12.5px;color:#687068}
.g-tl>div i{width:12px;height:12px;border-radius:50%;background:#D8DED8}
.g-tl>div.ok i,.g-tl>div.on i{background:#48A54D}
.g-tl>div.ok,.g-tl>div.on{color:#0F1411}
.g-tl small{color:#687068}
/* landing */
.g-2l{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px;height:100%}
.g-ed{background:#fff;border-radius:14px;padding:14px;box-shadow:inset 0 0 0 1px #E4E8E4;display:grid;align-content:start;gap:10px}
.g-pr{padding:11px;border-radius:12px;background:#F7F9F7;box-shadow:inset 0 0 0 1px #E4E8E4;font-size:12.5px}
.g-ok{padding:9px 11px;border-radius:10px;background:#DDF3DF;color:#1F6B25;font-weight:600;font-size:12px}
.g-sec{display:grid;gap:6px}
.g-sec span{padding:8px 10px;border-radius:9px;background:#F1F4F1;font-size:12px;color:#4A524A}
.g-sec span.on{background:#0F1411;color:#fff}
.g-site{background:#fff;border-radius:14px;box-shadow:inset 0 0 0 1px #E4E8E4;overflow:hidden;display:flex;flex-direction:column}
.g-sh{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#F1F4F1;font-size:11.5px;color:#6A726A}
.g-sh i{width:9px;height:9px;border-radius:50%;background:#D0D7D0}
.g-sh span{margin-left:8px;padding:4px 12px;border-radius:8px;background:#fff}
.g-hero{padding:34px 28px;background:linear-gradient(160deg,#0F1411,#16301A);color:#fff;display:grid;gap:10px;justify-items:start}
.g-hero b{font-size:26px;line-height:1.1;letter-spacing:-.03em;max-width:12em}
.g-hero p{margin:0;font-size:13px;color:rgba(255,255,255,.75);max-width:26em}
.g-hero span{padding:9px 16px;border-radius:999px;background:#53FF5D;color:#0A0B0A;font-weight:700;font-size:12.5px}
.g-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}
.g-cards i{height:90px;border-radius:12px;background:#EEF3EE}
/* calendário social */
.g-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;height:calc(100% - 44px)}
.g-cal>div{background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px #E4E8E4;padding:8px;display:grid;align-content:start;gap:6px}
.g-cal small{color:#6A726A;font-weight:600}
.g-post{display:grid;gap:2px;padding:8px;border-radius:10px;background:#EAF4EB}
.g-post.b{background:#EEF1FB}
.g-post i{display:block;height:46px;border-radius:7px;background:linear-gradient(135deg,#48A54D,#B9E8BD)}
.g-post.b i{background:linear-gradient(135deg,#5B6FD6,#C9D1F7)}
.g-post b{font-size:11.5px}.g-post em{font-style:normal;font-size:10.5px;color:#4A524A}
/* anúncios */
.g-th,.g-td{display:grid;grid-template-columns:1.6fr .8fr .8fr .8fr .8fr;gap:10px;padding:10px 14px;font-size:12.5px}
.g-th{color:#6A726A;font-weight:600;font-size:11.5px}
.g-td{background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px #E4E8E4;margin-bottom:7px}
/* chamadas */
.g-2v{display:grid;grid-template-columns:minmax(0,1.3fr) 280px;gap:14px;height:100%}
.g-call{display:grid;justify-items:center;align-content:center;gap:8px;padding:20px;border-radius:16px;background:#0F1411;color:#fff;text-align:center}
.g-call .g-av{width:64px;height:64px;font-size:20px}
.g-call small{color:rgba(255,255,255,.65)}
.g-wave{display:flex;align-items:center;gap:4px;height:40px}
.g-wave i{width:4px;border-radius:3px;background:#53FF5D;height:14px}
.g-wave i:nth-child(odd){height:30px}.g-wave i:nth-child(3n){height:38px}.g-wave i:nth-child(4){height:22px}
.g-cbt{display:flex;gap:8px;margin-top:6px}
.g-cbt span{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.1);font-size:12px}
.g-cbt span.r{background:#D63B3B}
/* equipe */
.g-pr2{display:grid;gap:8px;margin-top:12px;padding:14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4;font-weight:600}
.g-pr2 span{display:block;height:8px;border-radius:5px;background:#EAEFEA;overflow:hidden}
.g-pr2 span i{display:block;height:100%;background:#48A54D}
/* rec/telas-real.css */
/* Telas espelhadas do app real em 09/10/2026: integrações, landing pages, prospecção. Carrega depois de telas.css. */
.g-ativas{margin-left:auto;margin-right:10px;padding:4px 12px;border-radius:999px;background:#D6F5DC;color:#1C6B30;font-size:12px;font-weight:600}
.g-topo .g-ativas+.g-busca{margin-left:0}
.g-il{display:grid;grid-template-columns:226px minmax(0,1fr);gap:16px;height:100%}
.g-ilcat{display:grid;align-content:start;gap:6px;padding:12px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-ilcat span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;font-size:12.5px;font-weight:500;color:#2A322B;white-space:nowrap}
.g-ilcat span.on{background:#EEF2EE;font-weight:600}
.g-ilcat i{font-style:normal;padding:2px 8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #DDE3DD;font-size:11px;font-weight:600;color:#3A433B}
.g-ilcat h6{margin:8px 0 2px 12px;font-size:10.5px;letter-spacing:.12em;color:#7A827A;font-weight:700}
.g-ilmain{min-width:0;display:grid;align-content:start;gap:6px}
.g-ilbusca{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;margin-bottom:6px}
.g-ilbusca span{padding:11px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #DDE3DD;font-size:12.5px;color:#8A918A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-ilbusca .g-selr{color:#2A322B;font-weight:500}
.g-ilmain h5{display:flex;align-items:center;justify-content:space-between;margin:4px 0 0;font-size:17px;font-weight:600;letter-spacing:-.01em}
.g-ilmain h5 i{font-style:normal;padding:2px 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #DDE3DD;font-size:12px}
.g-ilmain>p{margin:0 0 6px;color:#6A726A;font-size:12px}
.g-ig{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.g-ic{display:grid;justify-items:center;align-content:center;gap:8px;height:126px;padding:12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-ic img{max-height:26px;max-width:110px;width:auto;object-fit:contain}
.g-ic b{font-size:13px;font-weight:600;text-align:center}
.g-ic em{font-style:normal;font-size:11px;padding:0;background:none;color:#7A827A}
.g-ic em.on{color:#1C6B30;font-weight:600;background:none}
.g-kp4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-h5{margin:18px 0 0;font-size:18px;font-weight:600}
.g-sub{margin:2px 0 12px;font-size:12px;color:#6A726A}
.g-mod{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.g-mo{display:grid;gap:7px;animation:g-up .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * .1s)}
.g-mp{position:relative;height:210px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);overflow:hidden}
.g-mp i{position:absolute;left:12px;top:14px;width:38px;height:6px;border-radius:3px}
.g-mp b{position:absolute;left:12px;right:12px;height:46px;border-radius:8px}
.g-mp b:nth-of-type(1){top:44px}
.g-mp b:nth-of-type(2){top:100px}
.g-mp span{position:absolute;left:12px;bottom:16px;width:70px;height:22px;border-radius:999px}
.g-mo small{font-size:12px;color:#3A433B;font-weight:600}
@keyframes g-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* landing pages, construtor e resultado, 12 s por volta */
.g-lpwrap{position:relative;height:100%}
.g-lpb,.g-lpres{position:absolute;inset:0;border-radius:16px}
.g-lpb{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:auto 1fr;gap:18px;padding:20px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4;animation:g-lpb 12s ease-in-out infinite}
@keyframes g-lpb{0%,50%{opacity:1;transform:none}56%,96%{opacity:0;transform:scale(.985)}100%{opacity:1;transform:none}}
.g-lpc{display:grid;align-content:start;gap:10px}
.g-tag{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#DDF3E0;color:#1C6B30;font-size:11.5px;font-weight:600}
.g-tag svg{width:13px;height:13px}
.g-lpc h4{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}
.g-lpc p{margin:0;color:#5A615A;font-size:12.5px;line-height:1.45}
.g-lpt{border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #DDE3DD;padding:14px;display:grid;gap:12px;min-height:150px}
.g-typ{position:relative;font-size:13.5px;line-height:1.5;color:#1A211B;min-height:62px}
.g-typ span{display:block;clip-path:inset(0 100% 0 0);animation:g-tipo 12s linear infinite}
@keyframes g-tipo{0%,3%{clip-path:inset(0 100% 0 0)}30%,100%{clip-path:inset(0 0 0 0)}}
.g-lpa{display:flex;align-items:center;gap:10px}
.g-ghost{padding:8px 10px;border-radius:10px;font-size:12px;color:#5A615A}
.g-criar{position:relative;margin-left:auto;display:inline-grid;place-items:center;min-width:132px;padding:10px 16px;border-radius:12px;background:#3E9A47;color:#fff;font-size:13px;font-weight:600;animation:g-press 12s ease-in-out infinite}
.g-criar i{font-style:normal;grid-area:1/1}
.g-cr2{opacity:0;animation:g-cr2 12s ease-in-out infinite}
@keyframes g-press{0%,32%{transform:none;box-shadow:0 0 0 0 rgba(62,154,71,0)}35%{transform:scale(.95);box-shadow:0 0 0 8px rgba(62,154,71,.28)}40%,100%{transform:none;box-shadow:0 0 0 0 rgba(62,154,71,0)}}
@keyframes g-cr2{0%,36%{opacity:0}40%,52%{opacity:1}56%,100%{opacity:0}}
.g-criar i:first-child{animation:g-cr1 12s ease-in-out infinite}
@keyframes g-cr1{0%,36%{opacity:1}40%,52%{opacity:0}56%,100%{opacity:1}}
.g-nichos{display:flex;flex-wrap:wrap;gap:8px}
.g-nichos span{padding:6px 11px;border-radius:999px;background:#EEF2EE;font-size:11.5px;color:#3A433B}
.g-nichos span.on{background:#DDF3E0;color:#1C6B30;font-weight:600}
.g-lpr{display:grid;align-content:start;gap:16px;padding-top:6px}
.g-lps{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
.g-lps>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#3E9A47;color:#fff;font-weight:700;font-size:13px}
.g-lps b{display:block;font-size:13.5px}
.g-lps small{display:block;margin-top:2px;color:#5A615A;font-size:12px;line-height:1.4}
.g-lpres{overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4;opacity:0;animation:g-lpres 12s ease-in-out infinite;display:grid;grid-template-rows:34px auto auto auto;align-content:start}
@keyframes g-lpres{0%,54%{opacity:0;transform:scale(1.015)}60%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
.g-lpres .g-sh{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#F1F4F1}
.g-lpres .g-sh i{width:9px;height:9px;border-radius:50%;background:#CBD3CB}
.g-lpres .g-sh span{margin-left:10px;padding:3px 12px;border-radius:8px;background:#fff;font-size:11px;color:#5A615A}
.g-lps1{padding:26px 34px;background:linear-gradient(160deg,#EAF4EF,#DCEFE5);display:grid;gap:8px;justify-items:start;animation:g-s1 12s ease-out infinite}
.g-lps1 small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#2E7D6B;font-weight:700}
.g-lps1 b{font-size:30px;line-height:1.1;letter-spacing:-.03em;color:#10261A;max-width:14em}
.g-lps1 p{margin:0;font-size:13px;color:#3A4A40}
.g-wa{margin-top:6px;padding:10px 18px;border-radius:999px;background:#25D366;color:#06240D;font-size:13px;font-weight:700}
.g-lps2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 34px 0;animation:g-s2 12s ease-out infinite}
.g-lps2 i{height:78px;border-radius:12px;background:#EEF2EE}
.g-lps3{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 34px;animation:g-s3 12s ease-out infinite}
.g-lps3 div{padding:12px 14px;border-radius:12px;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-lps3 b{display:block;font-size:12.5px;line-height:1.35}
.g-lps3 small{color:#6A726A;font-size:11px}
@keyframes g-s1{0%,56%{opacity:0;transform:translateY(12px)}62%,100%{opacity:1;transform:none}}
@keyframes g-s2{0%,62%{opacity:0;transform:translateY(12px)}68%,100%{opacity:1;transform:none}}
@keyframes g-s3{0%,68%{opacity:0;transform:translateY(12px)}74%,100%{opacity:1;transform:none}}
.g-pub{position:absolute;right:16px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:#0F1411;color:#E8FFE6;font-size:12px;font-weight:600;box-shadow:0 14px 30px -12px rgba(0,0,0,.5);opacity:0;animation:g-pubk 12s ease-out infinite}
.g-pub svg{width:14px;height:14px;color:#53FF5D}
@keyframes g-pubk{0%,78%{opacity:0;transform:translateY(10px)}84%,94%{opacity:1;transform:none}98%,100%{opacity:0}}

/* prospecção, filtros e depois a lista, 10 s por volta */
.g-prwrap{position:relative;height:100%}
.g-pf,.g-prl{position:absolute;inset:0;overflow:hidden}
.g-pf{animation:g-pf 10s ease-in-out infinite}
@keyframes g-pf{0%,46%{opacity:1;transform:none}52%,96%{opacity:0;transform:scale(.985)}100%{opacity:1;transform:none}}
.g-ph{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-ph>div{min-width:0}
.g-ph b{display:block;font-size:16px;font-weight:600}
.g-ph small{display:block;color:#6A726A;font-size:11.5px}
.g-pic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#DDF3E0;color:#1C6B30}
.g-pic svg{width:19px;height:19px}
.g-cred{margin-left:auto;padding:7px 12px;border-radius:10px;background:#DDF3E0;color:#1C6B30;font-size:12px;font-weight:600;white-space:nowrap}
.g-pabas{display:flex;gap:22px;padding:10px 6px 0;border-bottom:1px solid #E4E8E4;margin-bottom:10px}
.g-pabas span{padding:6px 2px 10px;font-size:13px;color:#5A615A}
.g-pabas span.on{color:#1C6B30;font-weight:600;box-shadow:0 2px 0 #3E9A47}
.g-pcard{display:grid;gap:7px;padding:16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-pcard h5{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:16px;font-weight:600}
.g-pcard h5 span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#E6E9FA;color:#4B5BC4}
.g-pcard h5 svg{width:15px;height:15px}
.g-pcard label{font-size:12px;font-weight:600;color:#2A322B}
.g-fld{padding:10px 12px;border-radius:10px;box-shadow:inset 0 0 0 1px #D6DCD6;background:#fff;font-size:13px;color:#1A211B;min-height:38px}
.g-tp{display:block;clip-path:inset(0 100% 0 0);animation:g-tp1 10s linear infinite}
.g-tp2{animation-name:g-tp2}
@keyframes g-tp1{0%,4%{clip-path:inset(0 100% 0 0)}20%,100%{clip-path:inset(0 0 0 0)}}
@keyframes g-tp2{0%,22%{clip-path:inset(0 100% 0 0)}32%,100%{clip-path:inset(0 0 0 0)}}
.g-pgs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.g-buscar{justify-self:start;margin-top:4px;padding:10px 20px;border-radius:12px;background:#3E9A47;color:#fff;font-size:13px;font-weight:600;animation:g-bp 10s ease-in-out infinite}
@keyframes g-bp{0%,38%{transform:none;box-shadow:0 0 0 0 rgba(62,154,71,0)}41%{transform:scale(.95);box-shadow:0 0 0 8px rgba(62,154,71,.28)}46%,100%{transform:none;box-shadow:0 0 0 0 rgba(62,154,71,0)}}
.g-prl{opacity:0;animation:g-prl 10s ease-in-out infinite;padding:2px}
@keyframes g-prl{0%,48%{opacity:0;transform:translateY(10px)}54%,96%{opacity:1;transform:none}100%{opacity:0}}
.g-prh{display:flex;align-items:baseline;justify-content:space-between;margin:2px 0 12px}
.g-prh b{font-size:18px;font-weight:600}
.g-prh span{font-size:12px;color:#6A726A}
.g-prl .g-tr{opacity:0}
.g-prl .g-tr:nth-child(1){animation:g-row1 10s ease-out infinite}
.g-prl .g-tr:nth-child(2){animation:g-row2 10s ease-out infinite}
.g-prl .g-tr:nth-child(3){animation:g-row3 10s ease-out infinite}
.g-prl .g-tr:nth-child(4){animation:g-row4 10s ease-out infinite}
.g-prl .g-tr:nth-child(5){animation:g-row5 10s ease-out infinite}
@keyframes g-row1{0%,52%{opacity:0;transform:translateY(8px)}57%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes g-row2{0%,55%{opacity:0;transform:translateY(8px)}60%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes g-row3{0%,58%{opacity:0;transform:translateY(8px)}63%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes g-row4{0%,61%{opacity:0;transform:translateY(8px)}66%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes g-row5{0%,64%{opacity:0;transform:translateY(8px)}69%,96%{opacity:1;transform:none}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.g-lpb,.g-lpres,.g-typ span,.g-criar,.g-cr2,.g-criar i,.g-lps1,.g-lps2,.g-lps3,.g-pub,.g-pf,.g-prl,.g-tp,.g-buscar,.g-prl .g-tr,.g-mo{animation:none}.g-typ span,.g-tp{clip-path:none}.g-prl{opacity:0}.g-lpres{opacity:0}}
.g-lpk{grid-column:1/-1;align-self:end;margin:0}
.g-lpk>div{background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4;border-radius:12px;padding:10px 14px}
.g-typ{white-space:nowrap;min-height:24px}
.g-lpt{min-height:120px}

/* fotos de perfil nas telas de exemplo */
.g-foto{overflow:hidden;position:relative}
.g-foto img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.av-foto{padding:0;overflow:hidden;background:#E4E9E4}
.av-foto img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* rec/motion-cards.css */
/* Cenas animadas dos cartões da página de Marketing e captação, 09/10/2026. Palco de 640 x 480 escalado pelo rec.js (--ms). Só transform e opacity animam. */
.cl-mot{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(80% 70% at 15% 10%,#F3FBF4,transparent 60%),linear-gradient(160deg,#E3F3E7,#CFE8D8);isolation:isolate}
.cl-mot-in{position:absolute;left:0;top:0;width:640px;height:480px;transform:scale(var(--ms,.6));transform-origin:0 0;font-size:15px;line-height:1.3;color:#10211A;text-align:left}
.cl-mot-in *{box-sizing:border-box}
.cl-mot svg{display:block}
.mo-card{position:absolute;border-radius:20px;background:#fff;box-shadow:0 24px 50px -24px rgba(10,50,25,.45),inset 0 0 0 1px rgba(10,50,25,.08)}
.mo-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#EEF4EF;font-size:13.5px;font-weight:600;color:#3A4A40}
.mo-green{background:#3E9A47;color:#fff}
.mo-cap{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#6A7A70}

/* ---------- campanha, 9 s ---------- */
.mc-comp{left:44px;top:30px;width:360px;height:392px;padding:22px}
.mc-comp h6{margin:0 0 14px;font-size:17px;font-weight:700}
.mc-ch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.mc-ch .mo-pill{position:relative}
.mc-ch .mo-pill i{position:absolute;inset:0;border-radius:999px;background:#3E9A47;opacity:0}
.mc-ch .mo-pill span{position:relative}
.mc-ch .mo-pill:nth-child(1) i{animation:mc-c1 9s ease-in-out infinite}
.mc-ch .mo-pill:nth-child(2) i{animation:mc-c2 9s ease-in-out infinite}
.mc-ch .mo-pill:nth-child(3) i{animation:mc-c3 9s ease-in-out infinite}
.mc-ch .mo-pill:nth-child(4) i{animation:mc-c4 9s ease-in-out infinite}
@keyframes mc-c1{0%,4%{opacity:0}8%,24%{opacity:1}28%,100%{opacity:0}}
@keyframes mc-c2{0%,24%{opacity:0}28%,44%{opacity:1}48%,100%{opacity:0}}
@keyframes mc-c3{0%,44%{opacity:0}48%,64%{opacity:1}68%,100%{opacity:0}}
@keyframes mc-c4{0%,64%{opacity:0}68%,92%{opacity:1}96%,100%{opacity:0}}
.mc-ch .mo-pill:nth-child(1) span{animation:mc-t1 9s linear infinite}
.mc-ch .mo-pill:nth-child(2) span{animation:mc-t2 9s linear infinite}
.mc-ch .mo-pill:nth-child(3) span{animation:mc-t3 9s linear infinite}
.mc-ch .mo-pill:nth-child(4) span{animation:mc-t4 9s linear infinite}
@keyframes mc-t1{0%,6%{color:#3A4A40}8%,24%{color:#fff}28%,100%{color:#3A4A40}}
@keyframes mc-t2{0%,26%{color:#3A4A40}28%,44%{color:#fff}48%,100%{color:#3A4A40}}
@keyframes mc-t3{0%,46%{color:#3A4A40}48%,64%{color:#fff}68%,100%{color:#3A4A40}}
@keyframes mc-t4{0%,66%{color:#3A4A40}68%,92%{color:#fff}96%,100%{color:#3A4A40}}
.mc-msg{padding:14px 16px;border-radius:16px 16px 16px 4px;background:#E7F6EA;font-size:15px;line-height:1.4;color:#10211A}
.mc-bar{margin-top:20px;height:12px;border-radius:999px;background:#E6EEE8;overflow:hidden}
.mc-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3E9A47,#53FF5D);transform-origin:0 50%;animation:mc-bar 9s ease-in-out infinite}
@keyframes mc-bar{0%,10%{transform:scaleX(0)}70%,100%{transform:scaleX(1)}}
.mc-lbl{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;color:#5A6A60}
.mc-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.mc-kp div{padding:10px 12px;border-radius:14px;background:#F3F7F4}
.mc-kp small{display:block;font-size:11px;color:#6A7A70}
.mc-kp b{font-size:22px;letter-spacing:-.02em}
.mc-kp div:nth-child(1){animation:mc-pop 9s ease-out infinite}
.mc-kp div:nth-child(2){animation:mc-pop2 9s ease-out infinite}
.mc-kp div:nth-child(3){animation:mc-pop3 9s ease-out infinite}
@keyframes mc-pop{0%,60%{opacity:.25;transform:scale(.96)}66%,100%{opacity:1;transform:none}}
@keyframes mc-pop2{0%,68%{opacity:.25;transform:scale(.96)}74%,100%{opacity:1;transform:none}}
@keyframes mc-pop3{0%,76%{opacity:.25;transform:scale(.96)}82%,100%{opacity:1;transform:none}}
.mc-rep{position:absolute;right:30px;padding:10px 16px;border-radius:16px 16px 4px 16px;background:#fff;box-shadow:0 18px 36px -16px rgba(10,50,25,.5),inset 0 0 0 1px rgba(10,50,25,.08);font-size:14px;font-weight:600;opacity:0}
.mc-rep.a{top:90px;animation:mc-r1 9s ease-out infinite}
.mc-rep.b{top:178px;animation:mc-r2 9s ease-out infinite}
.mc-rep.c{top:266px;animation:mc-r3 9s ease-out infinite}
@keyframes mc-r1{0%,52%{opacity:0;transform:translateX(30px)}58%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mc-r2{0%,62%{opacity:0;transform:translateX(30px)}68%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mc-r3{0%,72%{opacity:0;transform:translateX(30px)}78%,94%{opacity:1;transform:none}100%{opacity:0}}

/* ---------- prospecção no mapa, 9 s ---------- */
.mp-map{position:absolute;inset:0;opacity:.95}
.mp-pin{position:absolute;width:30px;height:38px;margin:-38px 0 0 -15px;opacity:0}
.mp-pin svg{width:100%;height:100%;fill:#3E9A47;filter:drop-shadow(0 8px 6px rgba(10,50,25,.35))}
.mp-pin:nth-of-type(1){animation:mp-p1 9s ease-out infinite}
.mp-pin:nth-of-type(2){animation:mp-p2 9s ease-out infinite}
.mp-pin:nth-of-type(3){animation:mp-p3 9s ease-out infinite}
.mp-pin:nth-of-type(4){animation:mp-p4 9s ease-out infinite}
.mp-pin:nth-of-type(5){animation:mp-p5 9s ease-out infinite}
@keyframes mp-p1{0%,18%{opacity:0;transform:translateY(-30px)}24%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mp-p2{0%,24%{opacity:0;transform:translateY(-30px)}30%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mp-p3{0%,30%{opacity:0;transform:translateY(-30px)}36%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mp-p4{0%,36%{opacity:0;transform:translateY(-30px)}42%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mp-p5{0%,42%{opacity:0;transform:translateY(-30px)}48%,94%{opacity:1;transform:none}100%{opacity:0}}
.mp-busca{left:44px;top:28px;width:360px;height:56px;display:flex;align-items:center;gap:12px;padding:0 18px;font-size:16px;font-weight:600}
.mp-busca svg{width:20px;height:20px;flex:none;fill:none;stroke:#3E9A47;stroke-width:2.4;stroke-linecap:round}
.mp-busca span{display:block;white-space:nowrap;overflow:hidden;clip-path:inset(0 100% 0 0);animation:mp-t 9s linear infinite}
@keyframes mp-t{0%,3%{clip-path:inset(0 100% 0 0)}16%,100%{clip-path:inset(0 0 0 0)}}
.mp-lista{position:absolute;right:28px;top:104px;width:270px;display:grid;gap:12px}
.mp-it{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:16px;background:#fff;box-shadow:0 18px 36px -20px rgba(10,50,25,.5),inset 0 0 0 1px rgba(10,50,25,.08);opacity:0}
.mp-it>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;font-style:normal;font-weight:700;font-size:13px}
.mp-it b{display:block;font-size:14px;white-space:nowrap}
.mp-it small{font-size:11.5px;color:#6A7A70}
.mp-it em{font-style:normal;padding:5px 10px;border-radius:9px;background:#EEF4EF;font-size:11.5px;font-weight:700;color:#3A4A40;position:relative}
.mp-it:nth-child(1){animation:mp-i1 9s ease-out infinite}
.mp-it:nth-child(2){animation:mp-i2 9s ease-out infinite}
.mp-it:nth-child(3){animation:mp-i3 9s ease-out infinite}
@keyframes mp-i1{0%,46%{opacity:0;transform:translateX(24px)}52%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mp-i2{0%,52%{opacity:0;transform:translateX(24px)}58%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mp-i3{0%,58%{opacity:0;transform:translateX(24px)}64%,94%{opacity:1;transform:none}100%{opacity:0}}
.mp-imp{left:30px;bottom:34px;display:flex;align-items:center;gap:14px;padding:14px 20px;animation:mp-imp 9s ease-out infinite}
.mp-imp b{font-size:26px;letter-spacing:-.03em}
.mp-imp span{font-size:13px;color:#5A6A60}
@keyframes mp-imp{0%,64%{opacity:0;transform:translateY(14px)}72%,94%{opacity:1;transform:none}100%{opacity:0}}

/* ---------- landing page e posts, 10 s ---------- */
.ms-site{left:44px;top:40px;width:330px;height:300px;overflow:hidden}
.ms-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#F1F4F1}
.ms-bar i{width:8px;height:8px;border-radius:50%;background:#C9D3CB}
.ms-bar span{margin-left:8px;padding:2px 10px;border-radius:7px;background:#fff;font-size:10.5px;color:#5A6A60}
.ms-b1,.ms-b2,.ms-b3{margin:10px 14px 0;border-radius:12px;opacity:0}
.ms-b1{height:96px;padding:14px;background:linear-gradient(160deg,#EAF4EF,#D8EEE0);animation:ms-1 10s ease-out infinite}
.ms-b1 b{display:block;font-size:19px;line-height:1.1;letter-spacing:-.03em;max-width:9em}
.ms-b1 u{display:inline-block;margin-top:8px;padding:6px 12px;border-radius:999px;background:#25D366;text-decoration:none;font-size:11px;font-weight:700;color:#06240D}
.ms-b2{height:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;animation:ms-2 10s ease-out infinite}
.ms-b2 i{border-radius:10px;background:#EEF3EF}
.ms-b3{height:44px;background:#F6F8F6;box-shadow:inset 0 0 0 1px #E4E8E4;animation:ms-3 10s ease-out infinite}
@keyframes ms-1{0%,6%{opacity:0;transform:translateY(12px)}14%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ms-2{0%,16%{opacity:0;transform:translateY(12px)}24%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ms-3{0%,26%{opacity:0;transform:translateY(12px)}34%,92%{opacity:1;transform:none}100%{opacity:0}}
.ms-cal{right:40px;top:146px;width:296px;height:284px;padding:16px}
.ms-cal h6{margin:0 0 12px;font-size:14px;font-weight:700}
.ms-g{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:60px;gap:8px}
.ms-g>i{border-radius:10px;background:#F3F6F4}
.ms-p{position:absolute;display:grid;place-items:center;width:58px;height:50px;border-radius:10px;color:#fff;font-size:11px;font-weight:700;opacity:0}
.ms-p.p1{left:16px;top:56px;background:#E1306C;animation:ms-p1 10s ease-out infinite}
.ms-p.p2{left:92px;top:124px;background:#0A66C2;animation:ms-p2 10s ease-out infinite}
.ms-p.p3{left:168px;top:56px;background:#FF0033;animation:ms-p3 10s ease-out infinite}
.ms-p.p4{left:240px;top:186px;background:#111;animation:ms-p4 10s ease-out infinite}
@keyframes ms-p1{0%,44%{opacity:0;transform:translateY(-16px)}52%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ms-p2{0%,52%{opacity:0;transform:translateY(-16px)}60%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ms-p3{0%,60%{opacity:0;transform:translateY(-16px)}68%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ms-p4{0%,68%{opacity:0;transform:translateY(-16px)}76%,92%{opacity:1;transform:none}100%{opacity:0}}
.ms-ok{position:absolute;left:36px;bottom:30px;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:#0F1411;color:#E8FFE6;font-size:14px;font-weight:600;box-shadow:0 18px 36px -14px rgba(0,0,0,.55);opacity:0;animation:ms-ok 10s ease-out infinite}
.ms-ok svg{width:16px;height:16px;fill:none;stroke:#53FF5D;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@keyframes ms-ok{0%,80%{opacity:0;transform:translateY(12px)}86%,95%{opacity:1;transform:none}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.cl-mot *{animation:none!important}.mc-rep,.mp-pin,.mp-it,.ms-p,.ms-b1,.ms-b2,.ms-b3,.ms-ok,.mp-imp{opacity:1!important}.mc-bar i{transform:none}.mp-busca span{clip-path:none}}
/* rec/central-novo.css */
/* Página Recursos, seções "Tudo no mesmo lugar" e "Integrações" refeitas em 09/10/2026. Só transform e opacity animam. */

/* ---------- carrossel de largura total, ferramenta solta vira recurso ---------- */
.cmp-sec{background:#F3F6F3;padding-block:clamp(72px,9vw,120px);overflow:hidden}
.cmp-sec .caixa{position:relative;z-index:1}
.cmp-pista{position:relative;margin-top:clamp(36px,5vw,64px);overflow:hidden;padding:30px 0 44px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.cmp-trilha{display:flex;gap:22px;width:max-content;padding-left:22px;animation:cmp-corre 70s linear infinite;will-change:transform}
.cmp-pista:hover .cmp-trilha,.cmp-pista:focus-within .cmp-trilha{animation-play-state:paused}
@keyframes cmp-corre{to{transform:translateX(-50%)}}
.cmp-card{position:relative;display:grid;grid-template-rows:auto 54px 1fr;justify-items:center;gap:0;flex:none;width:326px;min-height:282px;padding:22px 22px 24px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.08),0 30px 60px -36px rgba(10,50,25,.45);color:var(--tinta);text-decoration:none;transition:transform .55s cubic-bezier(.3,1.25,.4,1),box-shadow .4s ease}
.cmp-card:nth-child(even){transform:translateY(22px)}
.cmp-card:hover{transform:translateY(-8px);box-shadow:inset 0 0 0 1.5px rgba(31,168,85,.55),0 40px 70px -30px rgba(31,168,85,.5)}
.cmp-card:nth-child(even):hover{transform:translateY(14px)}
.cmp-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 60% at 50% 100%,rgba(83,255,93,.16),transparent 70%);opacity:0;transition:opacity .4s ease}
.cmp-card:hover::before{opacity:1}
.cmp-antes{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:10px 16px;border-radius:14px;background:#EEF1EE;box-shadow:inset 0 0 0 1px #DDE3DD;color:#7A837B;font-size:14.5px;font-weight:500;line-height:1.25;text-align:left;animation:cmp-treme 6s ease-in-out infinite;animation-delay:calc(var(--k) * -.9s)}
.cmp-antes svg{flex:none;width:16px;height:16px;transform:rotate(90deg);opacity:.5}
.cmp-antes s{text-decoration-color:#D8453A;text-decoration-thickness:2px}
@keyframes cmp-treme{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}
.cmp-fio{position:relative;width:2px;height:100%;margin-block:4px;background:repeating-linear-gradient(180deg,#B8C4BA 0 5px,transparent 5px 10px)}
.cmp-fio i{position:absolute;left:50%;top:0;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#2BE08A;box-shadow:0 0 0 4px rgba(43,224,138,.22),0 0 14px #53FF5D;animation:cmp-desce 2.4s ease-in-out infinite;animation-delay:calc(var(--k) * -.35s)}
@keyframes cmp-desce{0%{transform:translateY(-4px);opacity:0}15%,85%{opacity:1}100%{transform:translateY(40px);opacity:0}}
.cmp-depois{display:grid;justify-items:center;align-content:start;gap:10px;text-align:center}
.cmp-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(160deg,#53FF5D,#1FA855);color:#06240D;box-shadow:0 16px 30px -12px rgba(31,168,85,.7),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .5s cubic-bezier(.3,1.25,.4,1)}
.cmp-ic svg{width:25px;height:25px}
.cmp-card:hover .cmp-ic{transform:scale(1.1) rotate(-6deg)}
.cmp-depois b{font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.15;max-width:11em}
.cmp-depois em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:13.5px;font-weight:600;color:var(--verde-texto)}
.cmp-depois em svg{width:15px;height:15px;transition:transform .4s ease}
.cmp-card:hover .cmp-depois em svg{transform:translateX(5px)}
.cmp-card:focus-visible{outline:2px solid #1FA855;outline-offset:3px}

/* ---------- integrações, fundo branco, três faixas em sentidos opostos ---------- */
.ig-sec{background:#fff;padding-block:clamp(72px,9vw,120px);overflow:hidden}
.ig-faixas{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:clamp(36px,5vw,60px)}
.ig-faixa{position:relative}
.ig-rot{display:block;margin:0 auto 10px;max-width:var(--caixa,1200px);padding-inline:clamp(16px,4vw,40px);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7A837B;text-align:center}
.ig-pista{overflow:hidden;padding:12px 0 16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ig-trilha{display:flex;gap:16px;width:max-content;padding-left:16px;animation:ig-corre var(--d,70s) linear infinite;will-change:transform}
.ig-faixa.inv .ig-trilha{animation-direction:reverse}
.ig-faixa:hover .ig-trilha{animation-play-state:paused}
@keyframes ig-corre{to{transform:translateX(-50%)}}
.ig-t{display:grid;place-items:center;flex:none;width:190px;height:84px;padding:0 22px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #E4E9E4,0 18px 34px -24px rgba(10,50,25,.45);font-size:15px;font-weight:600;color:#2A322B;transition:transform .45s cubic-bezier(.3,1.25,.4,1),box-shadow .35s ease}
.ig-t:hover{transform:translateY(-6px) scale(1.04);box-shadow:inset 0 0 0 1.5px rgba(31,168,85,.5),0 30px 44px -22px rgba(31,168,85,.5)}
.ig-t img{display:block;max-width:132px;max-height:30px;width:auto;height:auto;object-fit:contain}
.ig-fim{display:grid;justify-items:center;margin-top:clamp(28px,4vw,44px)}
.ig-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;background:#0A0B0A;color:#fff;font-size:15.5px;font-weight:600;text-decoration:none;box-shadow:0 18px 40px -18px rgba(0,0,0,.7);transition:transform .4s cubic-bezier(.3,1.25,.4,1),background-color .3s ease}
.ig-btn:hover{transform:translateY(-3px);background:#14301A}
.ig-btn svg{width:18px;height:18px;color:#53FF5D;transition:transform .4s ease}
.ig-btn:hover svg{transform:translateX(5px)}
@media (max-width:700px){
  .cmp-card{width:272px;min-height:262px}
  .cmp-trilha{gap:16px;animation-duration:56s}
  .ig-t{width:156px;height:72px;padding:0 16px}
  .ig-t img{max-width:108px;max-height:26px}
  .ig-trilha{gap:12px}
  /* no celular a máscara das pontas apagava a faixa inteira, os logos ficavam quase invisíveis (14/10/2026) */
  .ig-pista,.cmp-pista{-webkit-mask-image:none;mask-image:none}
}
@media (prefers-reduced-motion:reduce){
  .cmp-trilha,.ig-trilha{animation:none}
  .cmp-pista,.ig-pista{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .cmp-antes,.cmp-fio i{animation:none}
}

/* arrastar com o dedo ou o mouse, e o botão de pausar */
.cmp-pista.js-arrasta .cmp-trilha,.ig-pista.js-arrasta .ig-trilha{animation:none}
.js-arrasta{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.js-arrasta.arrastando{cursor:grabbing}
.js-arrasta.arrastando a{pointer-events:none}
.js-arrasta img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
.cmp-ctl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:clamp(8px,2vw,20px)}
.cmp-ctl small{font-size:13px;color:#7A837B}
.cmp-pausa{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 20px 0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.12),0 14px 28px -18px rgba(10,50,25,.5);font-size:14px;font-weight:600;color:#2A322B;transition:transform .4s cubic-bezier(.3,1.25,.4,1),background-color .3s ease,color .3s ease}
.cmp-pausa svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cmp-pausa .i-pl{display:none;fill:currentColor}
.cmp-pausa.on .i-p{display:none}
.cmp-pausa.on .i-pl{display:block}
.cmp-pausa.on{background:#53FF5D;color:#06240D;box-shadow:0 10px 24px -10px rgba(40,200,60,.8)}
.cmp-pausa:hover{transform:translateY(-2px)}
.cmp-pausa:active{transform:scale(.96)}
.cmp-pausa:focus-visible,.cmp-pista:focus-visible{outline:2px solid #1FA855;outline-offset:3px}
/* sombra dos cartões não pode ser cortada pela faixa */
.cmp-pista{padding:34px 0 96px;margin-bottom:-52px}
.ig-pista{padding:14px 0 44px;margin-bottom:-22px}
.cmp-ctl{position:relative;z-index:3}

/* ClinicWeb vem em PNG com texto branco, sobre branco ele sumia */
img[src*="clinicweb"]{filter:brightness(0) opacity(.85)}
/* rec/clint.css */
/* Páginas de recurso no molde das páginas da Clint, em verde. Feito em 09/10/2026.
   Topo com degradê e grão, tela grande saindo da borda, linhas numeradas com pílula de IA por cima,
   três cartões, comparativo e fecho com foto em círculo. Só transform e opacity animam. */
.cl-hero,.cl-declara,.cl-verbos,.cl-abas,.cl-nums,.cl-comp,.cl-pessoa{background:#060807;color:var(--branco);position:relative}
.cl-h2{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.06;letter-spacing:-.035em;font-weight:300;max-width:16em;text-wrap:balance}
.cl-h2 b{display:block;font-weight:700;background:linear-gradient(90deg,#E6FFE3,#53FF5D 58%,#26D98A);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-topo-sec{display:grid;gap:18px;margin-bottom:clamp(36px,5vw,64px)}
.cl-topo-sec .lead{max-width:40em}

/* topo */
.cl-hero{overflow:hidden;min-height:max(100svh,780px);padding-top:calc(72px + env(safe-area-inset-top,0px) + clamp(56px,8vw,110px));padding-bottom:clamp(64px,8vw,120px)}
.cl-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(62% 56% at 8% 0%,rgba(83,255,93,.46),transparent 64%),radial-gradient(46% 52% at 80% 6%,rgba(20,200,170,.42),transparent 68%),radial-gradient(40% 40% at 55% 30%,rgba(60,120,255,.18),transparent 70%),#060807}
.cl-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#060807 98%)}
.cl-bg::after{content:"";position:absolute;inset:0;opacity:.3;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='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.cl-hero-grid{position:relative;z-index:2}
.cl-hero-txt{display:grid;gap:24px;justify-items:start;max-width:560px}
.cl-eyebrow{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 16px;border-radius:999px;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);font-size:12.5px;font-weight:700;letter-spacing:.22em;color:var(--branco)}
.cl-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon)}
.cl-hero h1{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(2.4rem,4.6vw,4.1rem);line-height:1.04;letter-spacing:-.04em;font-weight:300;text-wrap:balance}
.cl-hero h1 b{display:block;font-weight:700;letter-spacing:-.045em;background:linear-gradient(90deg,#F0FFEE,#7DFF86 45%,#2BE08A);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-hero .lead{color:rgba(255,255,255,.82);font-size:clamp(1.02rem,1.3vw,1.2rem)}
.cl-prompt{width:min(100%,540px);display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 8px 8px 20px;border-radius:999px;background:rgba(5,8,6,.66);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1.5px rgba(83,255,93,.7),0 0 46px -12px rgba(83,255,93,.6)}
.cl-prompt>svg{width:24px;height:24px;flex:none;color:var(--neon)}
.cl-digita{flex:1;min-width:0;font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:clip;color:var(--branco)}
.cl-cursor{width:2px;height:22px;background:var(--neon);animation:pisca 1s steps(2) infinite;margin-left:-8px}
@keyframes pisca{50%{opacity:0}}
.cl-prompt .btn{min-height:46px;padding:0 20px;font-size:15px;flex:none}
.cl-chips{display:flex;gap:10px;max-width:560px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.cl-chip{flex:none;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 16px 0 10px;border-radius:14px;background:rgba(5,8,6,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);font-size:14px;color:rgba(255,255,255,.88);transition:background-color .3s ease,box-shadow .3s ease}
.cl-chip:hover{background:rgba(83,255,93,.12);box-shadow:inset 0 0 0 1px rgba(83,255,93,.55)}
.cl-chip svg{width:26px;height:26px;padding:6px;border-radius:9px;background:rgba(83,255,93,.14);color:var(--neon)}
.cl-hero-tela{position:absolute;z-index:1;left:calc(50% + 70px);top:calc(72px + clamp(70px,9vw,130px));width:min(980px,62vw)}

/* a moldura de tablet que segura as telas desenhadas */
.tg{--esc:1;position:relative;padding:11px;border-radius:34px;background:#040504;overflow:hidden;box-shadow:inset 0 0 0 1.5px rgba(150,255,165,.5),0 60px 130px -30px rgba(0,0,0,.95),0 0 110px -30px rgba(83,255,93,.5)}
.tg::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 30%)}
.tg-in{border-radius:24px;overflow:hidden;width:100%;height:calc(620px * var(--esc));background:#F6F8F6}
.tg-esc{width:1000px;height:620px;transform:scale(var(--esc));transform-origin:0 0}

/* declaração e três cartões */
.cl-declara{padding-block:clamp(40px,6vw,80px) clamp(72px,9vw,130px)}
.cl-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cl-card{display:grid;align-content:start;gap:16px;padding:28px;border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .6s var(--mola),box-shadow .4s ease}
.cl-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(83,255,93,.4)}
.cl-card header{display:flex;align-items:center;gap:14px}
.cl-card header u{display:block;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--neon)}
.cl-card header small{display:block;font-size:13px;color:var(--cinza-escuro)}
.cl-ic{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgba(83,255,93,.1);box-shadow:inset 0 0 0 1px rgba(83,255,93,.32);color:var(--neon)}
.cl-ic svg{width:24px;height:24px}
.cl-ic.g{width:46px;height:46px;border-radius:14px;background:linear-gradient(160deg,#53FF5D,#1FA855);color:#06240D;box-shadow:0 14px 34px -12px rgba(83,255,93,.7)}
.cl-card h3{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:1.65rem;line-height:1.12;letter-spacing:-.03em;font-weight:500}
.cl-card p{font-size:16px;color:rgba(255,255,255,.72)}
.cl-card ul,.cl-row-txt ul{list-style:none;margin:0;padding:18px 0 0;display:grid;gap:11px;border-top:1px solid rgba(255,255,255,.1)}
.cl-card li,.cl-row-txt li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:rgba(255,255,255,.88)}
.cl-card li svg,.cl-row-txt li svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--neon)}

/* linhas numeradas com tela grande */
.cl-verbos{padding-top:clamp(24px,4vw,56px);padding-bottom:clamp(24px,4vw,60px)}
.cl-verbos>.caixa{margin-bottom:0}
.cl-row{overflow:hidden;padding-block:clamp(36px,5vw,80px)}
.cl-row-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,80px);align-items:center}
.cl-row.e .cl-row-grid{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}
.cl-row.e .cl-row-txt{order:2}
.cl-row-txt{display:grid;gap:18px;justify-items:start}
.cl-num{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.2em}
.cl-num b{color:var(--cinza-escuro);font-weight:600}
.cl-num i{width:34px;height:1px;background:rgba(83,255,93,.7)}
.cl-num u{text-decoration:none;color:var(--neon)}
.cl-row-txt h3{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.6rem,2.7vw,2.3rem);line-height:1.1;letter-spacing:-.035em;font-weight:400}
.cl-row-txt p{font-size:17px;color:rgba(255,255,255,.7);max-width:30em}
.cl-row-txt ul{width:100%;max-width:30em}
.cl-row-tela{position:relative}
.cl-row.d .cl-row-tela{margin-right:calc((min(100vw - 2*var(--gutter), var(--largura)) - 100vw) / 2)}
.cl-row.e .cl-row-tela{margin-left:calc((min(100vw - 2*var(--gutter), var(--largura)) - 100vw) / 2)}
.cl-pil{position:absolute;z-index:3;left:-3%;bottom:11%;max-width:78%;display:flex;align-items:center;gap:12px;padding:11px 11px 11px 18px;border-radius:999px;background:rgba(7,10,8,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1.5px rgba(83,255,93,.75),0 24px 60px -18px rgba(0,0,0,.9),0 0 40px -12px rgba(83,255,93,.55);font-size:16px;animation:flutua 7s ease-in-out infinite}
.cl-row.e .cl-pil{left:auto;right:-3%}
.cl-pil>svg{width:22px;height:22px;flex:none;color:var(--neon)}
.cl-pil span{min-width:0}
.cl-pil i{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--neon);color:var(--tinta)}
.cl-pil i svg{width:17px;height:17px}

/* abas num painel grande */
.cl-abas{padding-block:clamp(72px,9vw,130px)}
.cl-abas-bt{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px}
.cl-aba{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px 0 14px;border-radius:14px;font-size:15.5px;font-weight:500;color:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,transform .4s var(--mola)}
.cl-aba svg{width:19px;height:19px}
.cl-aba:hover{color:var(--branco);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.cl-aba:active{transform:scale(.97)}
.cl-aba[aria-selected="true"]{background:rgba(83,255,93,.14);color:var(--branco);box-shadow:inset 0 0 0 1.5px rgba(83,255,93,.7)}
.cl-painel{border-radius:44px;overflow:hidden;background:radial-gradient(70% 70% at 100% 0,rgba(83,255,93,.14),transparent 60%),linear-gradient(160deg,#0C110D,#050605);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cl-painel-i{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,5vw,64px) 0 clamp(28px,5vw,64px) clamp(28px,5vw,64px);min-height:540px}
.cl-painel-i[hidden]{display:none}
.cl-painel-txt{display:grid;gap:18px;justify-items:start}
.cl-painel-txt h3{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.035em;font-weight:400}
.cl-painel-txt p{font-size:17px;color:rgba(255,255,255,.72);max-width:26em}
.cl-painel-tela{min-width:0;margin-right:calc(-1 * clamp(0px,12vw,200px))}

/* números */
.cl-nums{padding-block:clamp(24px,4vw,56px) clamp(56px,7vw,100px)}
.cl-nums-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cl-num-card{display:grid;gap:8px;padding:28px;border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cl-num-card b{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(2.6rem,5vw,4rem);line-height:1;letter-spacing:-.04em;font-weight:600;background:linear-gradient(90deg,#E6FFE3,#53FF5D);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-num-card span{font-size:15.5px;color:rgba(255,255,255,.72);max-width:16em}

/* comparativo */
.cl-comp{padding-block:clamp(56px,8vw,110px)}
.cl-comp .cl-h2{margin-bottom:clamp(28px,4vw,52px)}
.cl-comp-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cl-comp-col{display:grid;align-content:start;gap:18px;padding:32px;border-radius:30px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.cl-comp-col h4{display:flex;align-items:center;gap:12px;margin:0;font-size:1.15rem;font-weight:600}
.cl-comp-col h4 span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.08)}
.cl-comp-col h4 svg{width:19px;height:19px}
.cl-comp-col ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.cl-comp-col li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.cl-comp-col li svg{width:18px;height:18px;flex:none;margin-top:3px}
.cl-comp-col.nao li{color:rgba(255,255,255,.58)}
.cl-comp-col.nao li svg{color:#E0705F}
.cl-comp-col.sim{background:radial-gradient(90% 70% at 100% 0,rgba(83,255,93,.14),transparent 70%),rgba(255,255,255,.04);box-shadow:inset 0 0 0 1.5px rgba(83,255,93,.7),0 30px 80px -40px rgba(83,255,93,.55)}
.cl-comp-col.sim h4{color:var(--neon)}
.cl-comp-col.sim li svg{color:var(--neon)}

/* catálogo */
.cl-catalogo{background:#060807;padding-bottom:clamp(40px,6vw,80px)}
.cl-cat-topo{padding-top:clamp(72px,9vw,120px);padding-bottom:clamp(8px,2vw,24px);display:grid;justify-items:center;text-align:center;gap:16px}
.cl-cat-topo .cl-h2{max-width:14em}
.cl-cat-topo .lead{max-width:34em}
.cl-cat-topo .busca{margin-top:6px}
.cl-catalogo .indice{top:calc(72px + env(safe-area-inset-top,0px))}

/* fecho com foto em círculo */
.cl-pessoa{overflow:hidden;padding-block:clamp(72px,9vw,130px)}
.cl-pessoa .luz{width:760px;height:520px;left:20%;top:30%;opacity:.28}
.cl-pessoa-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,90px);align-items:center}
.cl-foto{position:relative;width:min(100%,470px);aspect-ratio:1;margin-inline:auto}
.cl-foto img{position:absolute;inset:11%;width:78%;height:78%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px rgba(83,255,93,.55),0 40px 90px -30px rgba(0,0,0,.9)}
.cl-foto span{position:absolute;border-radius:50%;border:1px solid rgba(83,255,93,.32)}
.cl-foto .a1{inset:3%}.cl-foto .a2{inset:-5%;border-color:rgba(83,255,93,.18)}.cl-foto .a3{inset:-14%;border-color:rgba(83,255,93,.09)}
.cl-pessoa-txt{display:grid;gap:22px;justify-items:start}
.cl-pessoa-txt .acoes{margin-top:6px}

@media (max-width:1100px){
  .cl-hero{min-height:0}
  .cl-hero-txt{max-width:640px}
  .cl-hero-tela{position:relative;left:auto;top:auto;width:calc(100% - 2*var(--gutter));max-width:760px;margin:44px auto 0}
  .cl-trio,.cl-nums-grade{grid-template-columns:1fr}
  .cl-row-grid,.cl-row.e .cl-row-grid{grid-template-columns:1fr}
  .cl-row.e .cl-row-txt{order:0}
  .cl-row.d .cl-row-tela,.cl-row.e .cl-row-tela{margin-inline:0}
  .cl-pil,.cl-row.e .cl-pil{left:4%;right:auto;bottom:7%;max-width:90%}
  .cl-painel-i{grid-template-columns:1fr;padding:28px}
  .cl-painel-tela{margin-right:0}
  .cl-comp-grade,.cl-pessoa-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .cl-prompt{padding-left:14px;min-height:58px}
  .cl-digita{font-size:14.5px}
  .cl-prompt .btn{padding:0 14px;font-size:14px;min-height:42px}
  .cl-pil{font-size:13.5px;padding:9px 9px 9px 14px;gap:9px}
  .cl-pil i{width:28px;height:28px}
  .cl-aba{min-height:44px;padding:0 14px 0 10px;font-size:14px}
  .cl-painel{border-radius:30px}
  .cl-card,.cl-num-card,.cl-comp-col{padding:22px;border-radius:24px}
}
@media (prefers-reduced-motion:reduce){.cl-pil,.cl-cursor{animation:none}}

/* a central usa o mesmo fundo de degradê e grão do topo das páginas */
.rh{position:relative}
.rh>.cl-bg{z-index:0}
.rh .rh-fundo{z-index:0;opacity:.22}
.rh .caixa{position:relative;z-index:2}

/* a foto do topo da central fica de fundo, sem brigar com o título */
.rh.tom-claro .rh-fundo{opacity:.3}

/* no celular a tela sai maior que a coluna e é cortada na borda, pra o texto ficar legível */
@media (max-width:640px){
  .cl-hero-tela,.cl-row-tela,.cl-painel-tela{overflow:hidden;border-radius:26px}
  .cl-hero-tela{margin-top:36px}
  .cl-hero-tela .tg,.cl-row-tela .tg,.cl-painel-tela .tg{width:172%}
  .cl-painel-i{padding:22px 0 0 22px}
  .cl-painel-tela{margin-left:-0px}
}
/* rec/clint2.css */
/* ============ rodada de 09/10/2026, seções claras alternando com as escuras ============ */
.cl-l{background:#F3F6F3;color:var(--tinta)}
.cl-l .cl-h2{color:var(--tinta)}
.cl-l .cl-h2 b{background:linear-gradient(90deg,#16803A,#0FBF6A 60%,#0A9F8A);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-l .lead{color:#4A524A}
.cl-l .olho{color:var(--verde-texto)}

/* declaração, centralizada na seção, com foto em cada cartão */
.cl-declara{display:grid;align-items:center;min-height:max(100svh,820px);padding-block:clamp(72px,8vw,120px)}
.cl-declara>.caixa{display:grid;gap:clamp(36px,5vw,64px)}
.cl-declara .cl-topo-sec{margin:0;justify-items:center;text-align:center}
.cl-declara .cl-h2{max-width:14em}
.cl-declara .cl-topo-sec .lead{max-width:36em}
.cl-l .cl-card{padding:0;overflow:hidden;gap:0;background:#fff;box-shadow:inset 0 0 0 1px var(--linha-clara),0 30px 70px -48px rgba(10,11,10,.35);color:var(--tinta)}
.cl-l .cl-card:hover{box-shadow:inset 0 0 0 1px rgba(44,122,49,.45),0 40px 80px -44px rgba(10,11,10,.4)}
.cl-card-img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .9s var(--mola)}
.cl-card:hover .cl-card-img{transform:scale(1.04)}
.cl-card{overflow:hidden}
.cl-card-corpo{display:grid;align-content:start;gap:16px;padding:26px 28px 30px;position:relative;background:inherit}
.cl-l .cl-card header u{color:var(--verde-texto)}
.cl-l .cl-card header small{color:var(--cinza-claro)}
.cl-l .cl-ic{background:#E7F4E8;box-shadow:inset 0 0 0 1px rgba(44,122,49,.28);color:var(--verde-texto)}
.cl-l .cl-card p{color:#4A524A}
.cl-l .cl-card ul{border-top-color:var(--linha-clara)}
.cl-l .cl-card li{color:#1F2620}
.cl-l .cl-card li svg{color:var(--verde-texto)}

/* linhas, a tela sai 1/4 pra fora, pra direita ou pra esquerda */
.cl-row{overflow-x:clip;overflow-y:visible}
.cl-row-tela .tg{width:128%}
.cl-row.e .cl-row-tela .tg{margin-left:-28%}
.cl-row.d .cl-row-tela,.cl-row.e .cl-row-tela{margin-inline:0}
.cl-row .tg{box-shadow:inset 0 0 0 1.5px rgba(150,255,165,.5),0 50px 90px -40px rgba(0,0,0,.9),0 0 70px -34px rgba(83,255,93,.5)}
.cl-row.d .cl-pil{left:-4%}
.cl-row.e .cl-pil{left:auto;right:30%}

/* painel de abas, também com 1/4 saindo */
.cl-l .cl-abas-bt .cl-aba{color:#2A322B;box-shadow:inset 0 0 0 1px var(--linha-clara);background:#fff}
.cl-l .cl-aba:hover{box-shadow:inset 0 0 0 1px rgba(10,11,10,.35)}
.cl-l .cl-aba[aria-selected="true"]{background:var(--tinta);color:var(--branco);box-shadow:none}
.cl-painel-tela{overflow:visible;margin-right:0}
.cl-painel-tela .tg{width:128%}
.cl-painel{overflow:hidden}

/* números com contagem */
.cl-nums{padding-block:clamp(72px,9vw,130px)}
.cl-num-card{position:relative;overflow:hidden;padding:34px 32px 30px;gap:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--linha-clara),0 30px 70px -50px rgba(10,11,10,.3);--mx:50%;--my:0%}
.cl-num-card .cl-num-brilho{position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(44,200,110,.22),transparent 70%);opacity:0;transition:opacity .4s ease}
.cl-num-card:hover .cl-num-brilho{opacity:1}
.cl-num-card b{font-size:clamp(3rem,6vw,4.8rem);background:linear-gradient(90deg,#0E7A38,#18C66B);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.cl-num-card span{color:#3A423A;position:relative}
.cl-num-card em{position:absolute;left:0;bottom:0;height:4px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#16803A,#53FF5D);transition:transform 1.4s var(--mola) .3s}
.cl-num-card.on em{transform:scaleX(1)}

/* comparativo, risca o que sobra e desenha o que fica */
.cl-comp{padding-block:clamp(72px,9vw,130px)}
.cl-comp-col{position:relative;overflow:hidden}
.cl-comp-col li span{position:relative;transition:color .6s ease}
.cl-comp-col.nao li span{background:linear-gradient(currentColor,currentColor) 0 55%/0% 1.5px no-repeat;transition:background-size .7s var(--mola),color .6s ease}
.cl-comp-col.nao li svg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s ease}
.cl-comp-col.sim li svg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s ease}
.cl-comp-col li{opacity:.25;transform:translateX(-10px);transition:opacity .5s ease,transform .7s var(--mola)}
.cl-comp-col.sim li{transform:translateX(10px)}
.cl-comp-col.vai li{opacity:1;transform:none}
.cl-comp-col.vai li svg path{stroke-dashoffset:0}
.cl-comp-col.nao.vai li span{background-size:100% 1.5px;color:rgba(255,255,255,.42)}
.cl-comp-col li:nth-child(1){transition-delay:.15s}.cl-comp-col li:nth-child(2){transition-delay:.4s}.cl-comp-col li:nth-child(3){transition-delay:.65s}.cl-comp-col li:nth-child(4){transition-delay:.9s}
.cl-comp-col.nao.vai li:nth-child(1) span{transition-delay:.35s}.cl-comp-col.nao.vai li:nth-child(2) span{transition-delay:.6s}.cl-comp-col.nao.vai li:nth-child(3) span{transition-delay:.85s}.cl-comp-col.nao.vai li:nth-child(4) span{transition-delay:1.1s}
.cl-comp-col.sim{box-shadow:none;background:radial-gradient(90% 70% at 100% 0,rgba(83,255,93,.12),transparent 70%),rgba(255,255,255,.04)}
.cl-borda{position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--ang,0deg),rgba(83,255,93,0) 0 55%,rgba(83,255,93,.95) 78%,rgba(190,255,200,.95) 86%,rgba(83,255,93,0) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gira 6s linear infinite}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes gira{to{--ang:360deg}}
.cl-comp-col.sim::after{content:"";position:absolute;inset:auto -20% -40% -20%;height:60%;background:radial-gradient(closest-side,rgba(83,255,93,.28),transparent);filter:blur(30px);opacity:0;transition:opacity 1.2s ease .6s;pointer-events:none}
.cl-comp-col.sim.vai::after{opacity:1}

/* catálogo claro */
.cl-catalogo.cl-l{padding-bottom:clamp(56px,8vw,110px)}
.cl-l .busca{background:#fff;box-shadow:inset 0 0 0 1px var(--linha-clara),0 20px 50px -36px rgba(10,11,10,.35);-webkit-backdrop-filter:none;backdrop-filter:none}
.cl-l .busca:focus-within{box-shadow:inset 0 0 0 1.5px rgba(44,122,49,.7),0 20px 50px -30px rgba(44,122,49,.45)}
.cl-l .busca svg{color:var(--verde-texto)}
.cl-l .busca input{color:var(--tinta)}
.cl-l .busca input::placeholder{color:#7A827A}
.cl-l .busca-n{background:#EEF3EE;color:#3A423A}
.cl-l .busca-n b{color:var(--verde-texto)}
.cl-l .indice{background:rgba(243,246,243,.86);box-shadow:0 1px 0 var(--linha-clara),0 -1px 0 var(--linha-clara)}
.indice-fila{justify-content:center}
.cl-l .ind{color:#4A524A}
.cl-l .ind:hover{color:var(--tinta);background:rgba(10,11,10,.05)}
.cl-l .ind .n{background:#E4EAE4;color:#2A322B}
.cl-l .ind[aria-current="true"]{background:var(--tinta);color:var(--branco)}
.cl-l .ind[aria-current="true"] .n{background:var(--neon);color:var(--tinta)}
.cl-l .cat+.cat{border-top-color:var(--linha-clara)}
.cl-l .cat-topo h2{color:var(--tinta)}
.cl-l .cat-topo h2 small{color:var(--verde-texto)}
.cl-l .cat-topo p{color:#4A524A}
.cat-topo{grid-template-columns:1fr;gap:14px;align-items:start;margin-bottom:clamp(28px,4vw,44px)}
.cat-topo p{max-width:34em}
.cl-l .item{background:#fff;box-shadow:inset 0 0 0 1px var(--linha-clara)}
.cl-l .item:hover{background:#fff;box-shadow:inset 0 0 0 1px rgba(10,11,10,.25)}
.cl-l .item b{color:#2A322B}
.cl-l .item small{color:#4A524A}
.cl-l .item[aria-selected="true"]{background:#fff;box-shadow:inset 0 0 0 1.5px rgba(44,122,49,.7),0 20px 40px -30px rgba(44,122,49,.5)}
.cl-l .item[aria-selected="true"] b{color:var(--tinta)}
.cl-l .item .pro{color:var(--verde-texto);box-shadow:inset 0 0 0 1px rgba(44,122,49,.5)}
.cl-l .item .pro.breve{color:#8A5A00;box-shadow:inset 0 0 0 1px rgba(138,90,0,.5)}
.cl-l .item .prog{background:var(--verde)}
.cl-l .item .ponto{background:var(--verde);box-shadow:0 0 10px var(--verde)}
.cl-l .vazio-busca{background:#fff;box-shadow:inset 0 0 0 1px var(--linha-clara)}
.cl-l .vazio-busca p{color:#4A524A}
/* sem moldura atrás da tela do catálogo */
@media (min-width:901px){
  .tela-ancora{padding:0;border-radius:0;background:none !important;box-shadow:none}
  .cat.tom-claro .tela-ancora{background:none !important}
  .tela-ancora .tela{box-shadow:0 40px 90px -46px rgba(10,11,10,.55),0 0 0 1px rgba(10,11,10,.1)}
}
.cl-l .tela{box-shadow:0 40px 90px -46px rgba(10,11,10,.55),0 0 0 1px rgba(10,11,10,.1)}

@media (max-width:1100px){
  .cl-declara{min-height:0}
  .cl-row-tela .tg,.cl-row.e .cl-row-tela .tg,.cl-painel-tela .tg{width:100%;margin-left:0}
  .cl-row.d .cl-pil,.cl-row.e .cl-pil{left:4%;right:auto}
}
@media (max-width:640px){
  .cl-row-tela .tg,.cl-painel-tela .tg{width:172%}
  .cl-card-corpo{padding:22px}
}
@media (prefers-reduced-motion:reduce){.cl-borda{animation:none}.cl-comp-col li{opacity:1;transform:none}.cl-comp-col li svg path{stroke-dashoffset:0}}
/* rec/clint3.css */
/* ============ rodada 3 de 09/10/2026, números em anéis, antes e depois com alça, e as outras áreas ============ */

/* números, caixa verde na largura do menu, com aurora e anéis que se acendem */
.cl-nums2{background:#050806;padding-block:clamp(56px,7vw,100px)}
.cl-nums-caixa{position:relative;overflow:hidden;isolation:isolate;border-radius:44px;padding:clamp(40px,6vw,84px) clamp(24px,4vw,64px);color:var(--branco);background:radial-gradient(90% 120% at 0% 0%,#0F6B35,transparent 60%),radial-gradient(80% 110% at 100% 100%,#0A4F3E,transparent 60%),linear-gradient(160deg,#0B3F20,#06180E);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 50px 110px -50px rgba(6,40,20,.8)}
.cl-aurora{position:absolute;z-index:-1;width:60%;aspect-ratio:1;border-radius:50%;filter:blur(70px);opacity:.55;animation:aurora 14s ease-in-out infinite alternate}
.cl-aurora.a{left:-10%;top:-30%;background:radial-gradient(closest-side,rgba(83,255,93,.65),transparent)}
.cl-aurora.b{right:-12%;bottom:-40%;background:radial-gradient(closest-side,rgba(30,230,190,.5),transparent);animation-delay:-6s}
@keyframes aurora{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(8%,10%,0) scale(1.18)}}
.cl-grao{position:absolute;inset:0;z-index:-1;opacity:.28;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='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.cl-nums-grade2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,48px)}
.cl-stat{display:grid;justify-items:center;gap:22px;text-align:center}
.cl-stat+.cl-stat{position:relative}
.cl-stat+.cl-stat::before{content:"";position:absolute;left:calc(-1 * clamp(8px,1.5vw,24px));top:12%;bottom:12%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.22),transparent)}
.cl-anel{position:relative;width:min(100%,230px);aspect-ratio:1;display:grid;place-items:center}
.cl-anel svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cl-anel .onda{fill:none;stroke:#53FF5D;stroke-width:1.4;vector-effect:non-scaling-stroke;transform-origin:100px 100px;opacity:0;animation:onda 5.4s cubic-bezier(.2,.6,.3,1) infinite;animation-delay:calc(var(--k) * -1.8s)}
@keyframes onda{0%{transform:scale(.6);opacity:.75}100%{transform:scale(3.5);opacity:0}}
.cl-anel .sat rect{fill:rgba(255,255,255,.08);stroke:rgba(255,255,255,.28);stroke-width:1}
.cl-anel .sat-ic{fill:none;stroke:#CFFFCB;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transform:scale(1.05)}
.cl-anel .sat{animation:flutua 6s ease-in-out infinite;animation-delay:calc(var(--k) * -2s)}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.cl-anel b{position:relative;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(2.6rem,5vw,3.8rem);line-height:1;letter-spacing:-.04em;font-weight:600;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#B8FFB4);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-stat>span{max-width:15em;font-size:16px;line-height:1.4;color:rgba(255,255,255,.82)}

/* antes e depois com alça, sem robô */
.cl-comp-dica{margin:-8px 0 clamp(20px,3vw,32px);color:rgba(255,255,255,.6)}
.cl-ba{--p:50;position:relative;overflow:hidden;border-radius:40px;height:clamp(380px,46vw,600px);background:#060807;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 50px 120px -50px rgba(0,0,0,.9);touch-action:pan-y;user-select:none;-webkit-user-select:none}
.cl-ba-depois{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(70% 90% at 70% 40%,rgba(83,255,93,.28),transparent 70%),linear-gradient(160deg,#0B2415,#050806)}
.cl-ba-depois .tg{width:min(78%,820px);margin:0 auto}
.cl-ba-antes{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--p) * 1%) 0 0);background:radial-gradient(60% 80% at 20% 30%,rgba(210,70,50,.22),transparent 70%),linear-gradient(160deg,#1B0D0B,#0A0605)}
.cl-ba-antes::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px)}
.cl-ba-rot{position:absolute;z-index:4;top:22px;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 15px;border-radius:12px;font-size:13.5px;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cl-ba-rot svg{width:16px;height:16px}
.cl-ba-rot.dir{right:24px;background:rgba(83,255,93,.16);color:#CFFFCB;box-shadow:inset 0 0 0 1px rgba(83,255,93,.5)}
.cl-ba-rot.esq{left:24px;background:rgba(255,90,70,.14);color:#FFC6BD;box-shadow:inset 0 0 0 1px rgba(255,110,90,.5)}
.cl-jan{position:absolute;width:min(25%,240px);padding:10px 12px 14px;border-radius:14px;background:#201816;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 24px 50px -24px rgba(0,0,0,.9);transform:rotate(var(--r));display:grid;gap:7px;animation:treme 5s ease-in-out infinite;animation-delay:calc(var(--i) * -.8s)}
@keyframes treme{0%,100%{transform:rotate(var(--r)) translateY(0)}50%{transform:rotate(calc(var(--r) * -.6)) translateY(-6px)}}
.cl-jan header{display:flex;align-items:center;gap:8px}
.cl-jan header i{width:9px;height:9px;border-radius:50%;background:#E0705F}
.cl-jan header b{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.88)}
.cl-jan header em{margin-left:auto;display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#E0402F;color:#fff;font-style:normal;font-size:11px;font-weight:700}
.cl-jan span{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.12)}
.cl-jan span.c{width:62%}
.cl-nota{position:absolute;max-width:min(26%,260px);padding:11px 13px;border-radius:6px;background:#F3D56A;color:#3A2E05;font-size:13px;font-weight:600;line-height:1.3;transform:rotate(var(--r));box-shadow:0 18px 36px -16px rgba(0,0,0,.8);animation:treme 6s ease-in-out infinite;animation-delay:calc(var(--i) * -1.3s)}
.cl-ba-alca{position:absolute;z-index:6;top:0;bottom:0;left:calc(var(--p) * 1%);width:44px;margin-left:-22px;cursor:ew-resize;display:grid;place-items:center;touch-action:none}
.cl-ba-alca::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(180deg,transparent,#53FF5D 12%,#53FF5D 88%,transparent);box-shadow:0 0 20px rgba(83,255,93,.8)}
.cl-ba-alca i{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:16px;background:#53FF5D;color:#06240D;box-shadow:0 14px 40px -10px rgba(83,255,93,.9),inset 0 0 0 1px rgba(255,255,255,.5);transition:transform .4s var(--mola)}
.cl-ba-alca:hover i,.cl-ba-alca:focus-visible i{transform:scale(1.1)}
.cl-ba-alca i svg{width:16px;height:16px}
.cl-ba-alca i svg:first-child{transform:rotate(180deg)}
.cl-comp-grade{margin-top:clamp(20px,3vw,32px)}
.cl-comp-col{padding:26px 30px}

/* as outras áreas, em blocos com foto */
.cl-vt{padding-block:clamp(72px,9vw,130px)}
.cl-vt .cl-h2{margin:14px 0 clamp(32px,5vw,56px)}
.cl-vt-grade{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.cl-vt-card{--x:50%;--y:50%;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:260px;padding:26px;border-radius:32px;color:var(--branco);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:transform .7s var(--mola),box-shadow .5s ease}
.cl-vt-card.c0,.cl-vt-card.c1{grid-column:span 3;min-height:340px}
.cl-vt-card.c2,.cl-vt-card.c3,.cl-vt-card.c4{grid-column:span 2}
.cl-vt-foto{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(6,8,7,.92),rgba(6,8,7,.25) 70%),var(--img) center/cover no-repeat;transition:transform 1.2s var(--mola)}
.cl-vt-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(340px circle at var(--x) var(--y),rgba(83,255,93,.28),transparent 65%);opacity:0;transition:opacity .4s ease}
.cl-vt-card:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1.5px rgba(83,255,93,.7),0 40px 90px -40px rgba(83,255,93,.55)}
.cl-vt-card:hover::before{opacity:1}
.cl-vt-card:hover .cl-vt-foto{transform:scale(1.07)}
.cl-vt-ic{position:absolute;top:22px;left:22px;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(6,8,7,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:var(--neon)}
.cl-vt-ic svg{width:24px;height:24px}
.cl-vt-txt{display:grid;gap:4px;max-width:22em}
.cl-vt-txt small{font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--neon)}
.cl-vt-txt b{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.08;letter-spacing:-.03em;font-weight:600}
.cl-vt-txt span{font-size:15px;color:rgba(255,255,255,.78)}
.cl-vt-seta{position:absolute;top:22px;right:22px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .4s ease,color .4s ease,transform .5s var(--mola)}
.cl-vt-seta svg{width:20px;height:20px;transform:rotate(-45deg);transition:transform .5s var(--mola)}
.cl-vt-card:hover .cl-vt-seta{background:var(--neon);color:var(--tinta);transform:scale(1.08)}
.cl-vt-card:hover .cl-vt-seta svg{transform:rotate(0)}

@media (max-width:1100px){
  .cl-vt-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cl-vt-card.c0,.cl-vt-card.c1,.cl-vt-card.c2,.cl-vt-card.c3,.cl-vt-card.c4{grid-column:span 1;min-height:280px}
  .cl-vt-card.c4{grid-column:span 2}
}
@media (max-width:760px){
  .cl-nums-grade2{grid-template-columns:1fr;gap:40px}
  .cl-stat+.cl-stat::before{left:20%;right:20%;top:-20px;bottom:auto;width:auto;height:1px}
  .cl-nums-caixa{border-radius:32px}
  .cl-ba{height:560px;border-radius:30px}
  .cl-ba-depois{place-items:end center;padding-bottom:24px}
  .cl-ba-depois .tg{width:210%;margin:0 0 0 18%}
  .cl-jan{width:44%;padding:8px 10px 12px}
  .cl-nota{max-width:50%;font-size:12px}
  .cl-vt-grade{grid-template-columns:1fr}
  .cl-vt-card.c0,.cl-vt-card.c1,.cl-vt-card.c2,.cl-vt-card.c3,.cl-vt-card.c4{grid-column:span 1;min-height:240px}
}
@media (prefers-reduced-motion:reduce){.cl-aurora,.cl-anel .onda,.cl-anel .sat,.cl-jan,.cl-nota{animation:none}}

/* as fotos dos cartões mostram a tela inteira */
.cl-card-img{aspect-ratio:4/3;object-position:50% 62%}

/* alvo de toque mínimo nos links do rodapé, auditoria de 09/10/2026 */
.rodape li a{display:inline-flex;align-items:center;min-height:32px}
@media (pointer:coarse){.rodape li a{min-height:44px}}

/* painel de abas premium, 09/10/2026: coluna do texto preenchida, brilho atrás da tela e aviso de atividade */
.cl-painel{position:relative;isolation:isolate}
.cl-painel::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;z-index:2;background:linear-gradient(90deg,transparent,rgba(83,255,93,.85),transparent);transform:translateX(-100%);animation:varre 6s ease-in-out infinite}
@keyframes varre{0%,15%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
.cl-painel-txt{align-content:center;gap:20px;min-height:100%}
.cl-pn-eb{display:flex;align-items:center;gap:14px}
.cl-pn-eb em{font-style:normal;font-size:13px;letter-spacing:.14em;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}
.cl-pn-eb em i{font-style:normal;opacity:.5;margin:0 3px}
.cl-painel-txt h3{font-size:clamp(2rem,3.6vw,3.1rem)}
.cl-pn-pts{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px;width:100%;max-width:26em}
.cl-pn-pts li{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(255,255,255,.9);font-size:15.5px;line-height:1.3}
.cl-pn-pts svg{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:rgba(83,255,93,.18);box-shadow:inset 0 0 0 1px rgba(83,255,93,.5);fill:none;stroke:#53FF5D;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cl-painel-i:not([hidden]) .cl-pn-pts li{animation:entra .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k) * .12s + .15s)}
@keyframes entra{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.cl-painel-tela{position:relative}
.cl-pn-glow{position:absolute;z-index:-1;left:12%;top:8%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(83,255,93,.34),transparent);filter:blur(30px);animation:pulsa 5s ease-in-out infinite alternate;pointer-events:none}
@keyframes pulsa{from{transform:scale(.9);opacity:.6}to{transform:scale(1.1);opacity:1}}
.cl-pn-chip{position:absolute;z-index:3;left:-4%;bottom:12%;display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:14px;background:rgba(14,22,15,.78);box-shadow:inset 0 0 0 1px rgba(83,255,93,.4),0 22px 50px -18px rgba(0,0,0,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#E8FFE6;font-size:14px;font-weight:600;animation:flutua2 5s ease-in-out infinite}
.cl-pn-chip b{width:9px;height:9px;border-radius:50%;background:#53FF5D;box-shadow:0 0 0 0 rgba(83,255,93,.6);animation:ping 2s ease-out infinite}
@keyframes flutua2{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ping{to{box-shadow:0 0 0 10px rgba(83,255,93,0)}}
@media (max-width:900px){.cl-pn-chip{left:6%;bottom:8%;font-size:13px}.cl-pn-pts li{font-size:14.5px;padding:11px 14px}.cl-painel-txt h3{font-size:clamp(1.8rem,7vw,2.4rem)}}
@media (prefers-reduced-motion:reduce){.cl-painel::before,.cl-pn-glow,.cl-pn-chip,.cl-pn-chip b,.cl-painel-i:not([hidden]) .cl-pn-pts li{animation:none}}
.cl-painel-txt h3{color:#fff}
.cl-painel-txt p{color:rgba(255,255,255,.76)}

/* seção de abas centralizada e abas deslizantes, 09/10/2026 */
.cl-abas .cl-topo-sec{justify-items:center;text-align:center;margin-inline:auto}
.cl-abas .cl-topo-sec .lead{margin-inline:auto}
.cl-abas-bt{display:flex;justify-content:center;margin-bottom:28px;overflow-x:auto;scrollbar-width:none;padding:6px 2px}
.cl-abas-bt::-webkit-scrollbar{display:none}
.cl-abas-in{position:relative;display:inline-flex;flex:none;gap:4px;padding:6px;border-radius:999px;background:rgba(255,255,255,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(10,11,10,.1),0 18px 40px -22px rgba(10,30,14,.35)}
.cl-abas-in .cl-aba,.cl-aba-o{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 22px 0 18px;border-radius:999px;font-size:15.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.cl-abas-in .cl-aba,.cl-l .cl-abas-bt .cl-aba{background:transparent;box-shadow:none;color:#3A433B;transition:color .3s ease,transform .3s ease}
.cl-abas-in .cl-aba:hover,.cl-l .cl-aba:hover{box-shadow:none;color:#0A0B0A}
.cl-abas-in .cl-aba[aria-selected="true"],.cl-l .cl-aba[aria-selected="true"]{background:transparent;box-shadow:none;color:#3A433B}
.cl-abas-in .cl-aba:active{transform:scale(.97)}
.cl-abas-in .cl-aba:focus-visible{outline:2px solid #1FA855;outline-offset:2px}
.cl-abas-in svg{width:19px;height:19px;flex:none}
.cl-abas-ov{position:absolute;inset:0;z-index:2;display:flex;gap:4px;padding:6px;border-radius:999px;pointer-events:none;color:#fff;background:linear-gradient(160deg,#0C140D,#050605);box-shadow:0 12px 30px -10px rgba(31,168,85,.6),inset 0 0 0 1px rgba(83,255,93,.35);clip-path:inset(0 100% 0 0 round 999px);transition:clip-path .55s cubic-bezier(.34,1.4,.5,1)}
.cl-aba-o svg{color:#53FF5D}
@media (max-width:700px){.cl-abas-bt{justify-content:flex-start;margin-inline:-16px;padding-inline:16px}.cl-abas-in .cl-aba,.cl-aba-o{min-height:44px;padding:0 16px 0 13px;font-size:14.5px}}
@media (prefers-reduced-motion:reduce){.cl-abas-ov{transition:none}}

/* abas no estilo do seletor Anual/Mensal da home, pedido de 09/10/2026: trilho de vidro escuro e pílula neon com texto escuro */
.cl-abas-in{padding:4px;gap:0;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.03)),#0B100C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 20px 44px -22px rgba(0,0,0,.6)}
.cl-abas-in .cl-aba,.cl-l .cl-abas-bt .cl-aba,.cl-abas-in .cl-aba[aria-selected="true"],.cl-l .cl-aba[aria-selected="true"]{color:rgba(255,255,255,.75);font-size:14.5px;min-height:42px;padding:0 22px 0 18px}
.cl-abas-in .cl-aba:hover,.cl-l .cl-aba:hover{color:#fff}
.cl-abas-ov{inset:0;padding:4px;gap:0;color:#0A0B0A;background:#53FF5D;box-shadow:0 6px 20px -6px rgba(83,255,93,.7)}
.cl-aba-o{min-height:42px;font-size:14.5px;padding:0 22px 0 18px}
.cl-aba-o svg{color:#0A0B0A}
.cl-abas-ov .cl-aba-o{font-weight:600}
@media (max-width:700px){.cl-abas-in .cl-aba,.cl-aba-o{min-height:42px;padding:0 16px 0 13px;font-size:14px}}

/* logos de integração sempre em tile claro com a cor da marca, nunca em fundo preto, pedido de 09/10/2026 */
.g-lg{background:#fff;box-shadow:inset 0 0 0 1px #E4E9E4}
.logos-l span,.integ-logos span{background:#fff;box-shadow:inset 0 0 0 1px #E4E9E4,0 6px 14px -10px rgba(10,30,14,.25);color:#2A322B}
.g-lg img[alt="ClinicWeb"],.logos-l img[alt="ClinicWeb"],.integ-logos img[alt="ClinicWeb"]{filter:brightness(0) opacity(.85)}
.g-lg img{max-height:24px}

/* abas, versão clara (pedido de 09/10/2026, a escura ficou pesada na seção clara): trilho de vidro branco, pílula neon com texto escuro */
.cl-abas-bt{overflow:visible;padding:10px 0 14px}
@media (max-width:700px){.cl-abas-bt{overflow-x:auto;overflow-y:hidden;padding:10px 16px 16px}}
.cl-abas-in{background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(255,255,255,.7));backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 0 0 1px rgba(10,30,14,.1),inset 0 1px 0 #fff,0 18px 40px -22px rgba(20,60,30,.35)}
.cl-abas-in .cl-aba,.cl-l .cl-abas-bt .cl-aba,.cl-abas-in .cl-aba[aria-selected="true"],.cl-l .cl-aba[aria-selected="true"]{color:#46504A}
.cl-abas-in .cl-aba:hover,.cl-l .cl-aba:hover{color:#0A0B0A}
.cl-abas-ov{background:linear-gradient(180deg,#6BFF74,#3FE84B);color:#06240D;box-shadow:0 8px 22px -8px rgba(40,200,60,.75),inset 0 1px 0 rgba(255,255,255,.55)}
.cl-aba-o svg{color:#06240D}

/* celular, hero sem estourar a largura, 09/10/2026 */
.cl-hero-txt{grid-template-columns:minmax(0,1fr)}
.cl-hero-txt>*{min-width:0;max-width:100%}
@media (max-width:700px){
  .cl-hero h1{font-size:clamp(2.1rem,9.4vw,2.6rem)}
  .cl-chips{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;max-width:calc(100% + 32px)}
  .cl-chips::-webkit-scrollbar{display:none}
}

/* sombras que a rolagem lateral e o recorte estavam cortando, 09/10/2026 */
@media (max-width:700px){.cl-abas-bt{padding-bottom:44px;margin-bottom:-28px}}
.cl-pn-chip{bottom:16%}
/* rec/planos.css */
/* Página de Planos, 09/10/2026. Só transform e opacity animam. Prefixo pl-, conferido contra os outros arquivos de estilo. */
.pl-hero{position:relative;overflow:hidden;isolation:isolate;padding-top:calc(72px + env(safe-area-inset-top,0px) + clamp(56px,8vw,110px));padding-bottom:clamp(120px,14vw,190px);text-align:center;background:#060807}
.pl-hero .caixa{position:relative;z-index:2;display:grid;justify-items:center;gap:22px}
.pl-hero h1{max-width:15em;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(2.3rem,5.2vw,4.4rem);line-height:1.04;letter-spacing:-.04em;font-weight:300;text-wrap:balance;color:#fff}
.pl-hero h1 b{display:block;font-weight:700;letter-spacing:-.045em;background:linear-gradient(90deg,#F0FFEE,#7DFF86 45%,#2BE08A);-webkit-background-clip:text;background-clip:text;color:transparent}
.pl-hero .lead{max-width:34em;margin-inline:auto;color:rgba(255,255,255,.78)}

/* seletor de ciclo, no estilo do Anual e Mensal da home */
.pl-ciclo{margin-top:8px}
.pl-ciclo-in{position:relative;display:inline-flex;padding:0;overflow:hidden;border-radius:999px;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),#0B100C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 24px 50px -24px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.pl-ciclo-in button,.pl-ciclo-ov span{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:600;white-space:nowrap;color:rgba(255,255,255,.78);transition:color .3s ease}
.pl-ciclo-in button:hover{color:#fff}
.pl-ciclo-in i,.pl-ciclo-ov i{font-style:normal;padding:2px 8px;border-radius:999px;background:rgba(83,255,93,.18);color:#9DFFA3;font-size:12px;font-weight:700}
.pl-ciclo-ov{position:absolute;inset:0;z-index:2;display:flex;padding:0;border-radius:999px;pointer-events:none;background:#53FF5D;color:#06240D;box-shadow:0 8px 24px -8px rgba(83,255,93,.8);clip-path:inset(0 100% 0 0 round 999px);transition:clip-path .55s cubic-bezier(.34,1.4,.5,1)}
.pl-ciclo-ov span{color:#06240D}
.pl-ciclo-ov i{background:rgba(6,36,13,.14);color:#06240D}
.pl-ciclo-in button:focus-visible{outline:2px solid #53FF5D;outline-offset:3px}

/* cartões dos planos */
.pl-planos{position:relative;z-index:3;margin-top:calc(-1 * clamp(90px,10vw,140px));padding-top:0;padding-bottom:clamp(64px,8vw,110px);background:linear-gradient(180deg,transparent clamp(90px,10vw,140px),#F3F6F3 clamp(90px,10vw,140px))}
.pl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pl-card{position:relative;display:grid;align-content:start;gap:20px;padding:32px 30px 34px;border-radius:32px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.08),0 40px 80px -48px rgba(10,50,25,.5);color:var(--tinta)}
.pl-card h3{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:1.9rem;letter-spacing:-.03em;font-weight:600}
.pl-card header p{margin-top:6px;color:#5A645C;font-size:15px;line-height:1.45;min-height:3em}
.pl-preco{display:grid;gap:6px;padding:18px 0;border-block:1px solid rgba(10,30,14,.1)}
.pl-de{min-height:1.3em;font-size:15px;color:#8A938B;text-decoration-line:line-through;text-decoration-color:#8A938B;text-decoration-thickness:1.5px}
.pl-pro .pl-de{color:rgba(255,255,255,.5);text-decoration-color:rgba(255,255,255,.5)}
.pl-valor{display:flex;align-items:baseline;gap:6px}
.pl-valor b{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(2.8rem,4.4vw,3.6rem);letter-spacing:-.05em;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.pl-moeda{font-size:1.2rem;font-weight:600;color:#3A433B}
.pl-por{font-size:1rem;color:#5A645C}
.pl-sob b{font-size:clamp(2rem,3.4vw,2.6rem)}
.pl-nota{min-height:1.4em;font-size:13.5px;color:#6A746C}
.pl-dia{justify-self:start;font-size:13px;font-weight:600;color:#1C6B30;padding:5px 12px;border-radius:999px;background:#DDF3E0}
.pl-dia:empty{display:none}
.pl-bt{justify-content:center;width:100%}
.pl-card .btn-linha{color:var(--tinta);box-shadow:inset 0 0 0 1.5px rgba(10,30,14,.22)}
.pl-card .btn-linha:hover{box-shadow:inset 0 0 0 1.5px rgba(10,30,14,.6)}
.pl-card h4{margin:2px 0 -6px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6A746C}
.pl-feats{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pl-feats li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.4}
.pl-feats svg{width:22px;height:22px;padding:4px;border-radius:50%;background:#DDF3E0;color:#1C6B30}
.pl-pro{background:linear-gradient(160deg,#0E1A10,#050806);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(83,255,93,.55),0 50px 100px -40px rgba(31,168,85,.6);transform:translateY(-14px)}
.pl-pro header p,.pl-pro .pl-nota,.pl-pro .pl-por,.pl-pro h4{color:rgba(255,255,255,.7)}
.pl-pro .pl-moeda{color:#9DFFA3}
.pl-pro .pl-preco{border-color:rgba(255,255,255,.14)}
.pl-pro .pl-dia{background:rgba(83,255,93,.16);color:#9DFFA3}
.pl-pro .pl-feats svg{background:rgba(83,255,93,.18);color:#53FF5D}
.pl-sel{position:absolute;right:26px;top:-14px;padding:7px 16px;border-radius:999px;background:#53FF5D;color:#06240D;font-size:12.5px;font-weight:700;letter-spacing:.04em;box-shadow:0 12px 26px -10px rgba(83,255,93,.8)}
.pl-baixo{margin-top:26px;text-align:center;font-size:13.5px;color:#6A746C}
.pl-valor b.troca{animation:pl-troca .5s cubic-bezier(.2,.8,.2,1)}
@keyframes pl-troca{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}

/* em todos os planos */
.pl-todos{background:#fff;padding-block:clamp(64px,8vw,110px)}
.pl-tt-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(28px,4vw,48px)}
.pl-tt{display:grid;justify-items:start;gap:8px;padding:22px;border-radius:24px;background:#F6F9F6;box-shadow:inset 0 0 0 1px rgba(10,30,14,.07);transition:transform .45s cubic-bezier(.3,1.25,.4,1),box-shadow .35s ease}
.pl-tt:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1.5px rgba(31,168,85,.45),0 26px 44px -26px rgba(31,168,85,.5)}
.pl-tt b{font-size:17px;font-weight:700;letter-spacing:-.02em;margin-top:6px}
.pl-tt small{font-size:14px;color:#5A645C;line-height:1.4}

/* calculadora */
.pl-calc-sec{position:relative;padding-block:clamp(72px,9vw,120px);background:#060807;overflow:hidden}
.pl-calc{max-width:1000px;margin:clamp(28px,4vw,48px) auto 0;padding:clamp(22px,3.4vw,40px);border-radius:36px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 50px 110px -50px rgba(83,255,93,.35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.pl-calc-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,48px);align-items:center}
.pl-calc-campos{display:grid;gap:22px}
.pl-passo{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pl-passo label{font-size:16px;font-weight:600;color:#fff}
.pl-step{display:inline-flex;align-items:center;gap:6px;padding:5px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.pl-step button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:22px;line-height:1;transition:background-color .25s ease,transform .3s cubic-bezier(.3,1.25,.4,1),color .25s ease}
.pl-step button:hover{background:#53FF5D;color:#06240D}
.pl-step button:active{transform:scale(.9)}
.pl-step output{min-width:2.2em;text-align:center;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:1.6rem;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.pl-calc-dica{font-size:13.5px;color:rgba(255,255,255,.6)}
.pl-calc-res{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.pl-calc-res>*{min-width:0}
.pl-res{position:relative;display:grid;gap:6px;padding:20px;border-radius:24px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .5s cubic-bezier(.3,1.25,.4,1),background-color .3s ease,box-shadow .3s ease}
.pl-res-n{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.pl-res-v{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.35rem,2.2vw,1.9rem);white-space:nowrap;letter-spacing:-.04em;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.pl-res-d{font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.62)}
.pl-res.melhor{background:linear-gradient(160deg,rgba(83,255,93,.22),rgba(83,255,93,.06));box-shadow:inset 0 0 0 1.5px rgba(83,255,93,.7),0 24px 50px -24px rgba(83,255,93,.55);transform:translateY(-6px)}
.pl-res.melhor::after{content:"Sai mais barato";position:absolute;right:14px;top:-12px;padding:5px 12px;border-radius:999px;background:#53FF5D;color:#06240D;font-size:12px;font-weight:700}
.pl-res-fala{grid-column:1/-1;font-size:15px;line-height:1.5;color:rgba(255,255,255,.85)}

/* tabela de diferenças */
.pl-tabela-sec{background:#F3F6F3;padding-block:clamp(72px,9vw,120px)}
.pl-tab-wrap,.pl-comp-wrap,.cp-wrap{margin-top:clamp(28px,4vw,48px);border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.08),0 40px 80px -52px rgba(10,50,25,.5);-webkit-overflow-scrolling:touch}
.pl-tab,.pl-comp{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;text-align:left}
.pl-tab th,.pl-tab td,.pl-comp th,.pl-comp td{padding:16px 22px;border-bottom:1px solid rgba(10,30,14,.07);font-size:15px;line-height:1.4;vertical-align:middle}
.pl-tab thead th{position:sticky;top:72px;z-index:4;background:#fff;font-size:15px;font-weight:700;text-align:center;border-bottom:1px solid rgba(10,30,14,.12)}
.pl-tab tbody th[scope=row]{font-weight:500;color:#2A322B;background:#fff;position:sticky;left:0;z-index:1;min-width:230px}
.pl-tab td{text-align:center}
.pl-tab .pl-gh th{padding:12px 16px;background:#fff;position:sticky;top:125px;z-index:3;text-align:left;border-bottom:0}
.pl-gh-in{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:14px;background:linear-gradient(100deg,#0E1A10,#13261A);box-shadow:inset 0 0 0 1px rgba(83,255,93,.35),0 14px 30px -18px rgba(10,50,25,.7);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.pl-gh-in i{width:10px;height:10px;border-radius:50%;background:#53FF5D;box-shadow:0 0 0 4px rgba(83,255,93,.18),0 0 14px #53FF5D}
.pl-gh-in em{margin-left:auto;font-style:normal;font-size:12px;letter-spacing:.04em;text-transform:none;font-weight:600;color:#9DFFA3}
.pl-col-pro{background:rgba(83,255,93,.07)}
.pl-tab thead .pl-col-pro{background:#E8FBEA;color:#1C6B30}
.pl-sim svg{display:inline-block;width:26px;height:26px;padding:5px;border-radius:50%;background:#DDF3E0;color:#1C6B30}
.pl-nao{color:#9AA39B}
.pl-txt{font-weight:600}
.pl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pl-tab-bt{display:flex;justify-content:center;margin-top:24px}
.pl-vermais{color:var(--tinta);box-shadow:inset 0 0 0 1.5px rgba(10,30,14,.25)}
.pl-mais:not([hidden]){animation:pl-entra .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes pl-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* apps */
.pl-apps-sec{padding-block:clamp(72px,9vw,120px);background:#060807}
.pl-apps{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:clamp(28px,4vw,48px)}
.pl-apps-b{padding:clamp(22px,3vw,34px);border-radius:32px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.pl-apps-b.pro{background:linear-gradient(160deg,rgba(83,255,93,.14),rgba(83,255,93,.03));box-shadow:inset 0 0 0 1.5px rgba(83,255,93,.45)}
.pl-apps-b h3{margin-bottom:18px;font-size:1.25rem;font-weight:500;color:rgba(255,255,255,.85)}
.pl-apps-b h3 b{font-size:2.2rem;letter-spacing:-.04em;color:#fff}
.pl-chips{display:flex;flex-wrap:wrap;gap:10px}
.pl-chip{padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:14px;color:rgba(255,255,255,.9);transition:transform .4s cubic-bezier(.3,1.25,.4,1),background-color .3s ease}
.pl-chip.pro{background:rgba(83,255,93,.1);box-shadow:inset 0 0 0 1px rgba(83,255,93,.4);color:#E3FFE5}
.pl-chip:hover{transform:translateY(-3px) scale(1.04);background:rgba(255,255,255,.16)}

/* comparativo de modelos */
.pl-comp-sec{background:#fff;padding-block:clamp(72px,9vw,120px)}
.pl-comp{min-width:860px}
.pl-comp-wrap{background:#F6F9F6}
.pl-comp thead th{padding:20px 22px;font-size:15px;font-weight:700;color:#3A433B;border-bottom:1px solid rgba(10,30,14,.12)}
.pl-comp th[scope=row]{font-weight:700;color:#2A322B;width:150px}
.pl-comp .pl-rv{background:linear-gradient(180deg,#E6FAE8,#D8F5DC);color:#0C3A1A;font-weight:600}
.pl-comp thead .pl-rv{color:#1C6B30}
.pl-comp .pl-nao{color:#6A746C}
.pl-comp tbody tr:last-child th,.pl-comp tbody tr:last-child td{border-bottom:0}
.pl-aviso{margin-top:18px;text-align:center;font-size:13.5px;color:#6A746C}

/* adicionais */
.pl-extras-sec{padding-block:clamp(72px,9vw,120px);background:#060807}
.pl-extras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(28px,4vw,48px)}
.pl-ex{display:grid;justify-items:start;gap:6px;padding:24px;border-radius:28px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.pl-ex b{margin-top:8px;font-size:16px;color:#fff}
.pl-ex em{font-style:normal;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:1.7rem;letter-spacing:-.04em;font-weight:600;color:#9DFFA3}
.pl-ex small{font-size:13.5px;color:rgba(255,255,255,.62)}
.pl-cred{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pl-cred li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;padding:18px 22px;border-radius:22px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pl-cred b{color:#fff;font-size:15px}
.pl-cred span{grid-column:1;font-size:13px;color:rgba(255,255,255,.6)}
.pl-cred em{grid-column:2;grid-row:1/3;font-style:normal;font-size:1.25rem;font-weight:700;color:#9DFFA3}

/* garantias */
.pl-gar{background:#F3F6F3;padding-block:clamp(48px,6vw,80px)}
.pl-g-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pl-g{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:22px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.07)}
.pl-g b{display:block;font-size:16px}
.pl-g small{display:block;margin-top:3px;font-size:14px;color:#5A645C;line-height:1.4}

@media (max-width:1000px){
  .pl-cards{grid-template-columns:1fr;max-width:520px;margin-inline:auto;gap:28px}
  .pl-pro{transform:none;order:-1}
  .pl-tt-grade,.pl-extras,.pl-g-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pl-apps{grid-template-columns:1fr}
  .pl-calc-in{grid-template-columns:1fr}
  .pl-cred{grid-template-columns:1fr}
}
@media (max-width:620px){
  .pl-ciclo{max-width:100%;overflow-x:auto;scrollbar-width:none;padding:6px 16px 14px;margin-inline:-16px}
  .pl-ciclo::-webkit-scrollbar{display:none}
  .pl-ciclo-in button,.pl-ciclo-ov span{padding:0 16px;font-size:14px}
  .pl-tt-grade,.pl-extras,.pl-g-grade,.pl-calc-res{grid-template-columns:1fr}
  .pl-card{padding:28px 22px 30px}
  .pl-passo{flex-wrap:wrap}
  .pl-tab th,.pl-tab td,.pl-comp th,.pl-comp td{padding:14px 16px;font-size:14px}
  .pl-tab tbody th[scope=row]{min-width:180px}
}
@media (prefers-reduced-motion:reduce){.pl-ciclo-ov,.pl-valor b.troca,.pl-mais:not([hidden]){animation:none;transition:none}}
@media (max-width:420px){
  .pl-ciclo{margin-inline:0;padding-inline:0;overflow:visible}
  .pl-ciclo-in button,.pl-ciclo-ov span{padding:0 11px;font-size:13px;gap:6px;min-height:44px}
  .pl-ciclo-in i,.pl-ciclo-ov i{padding:2px 6px;font-size:11px}
}
.pl-dica-lado{display:none;margin:10px 0 0;text-align:center;font-size:13px;color:#7A837B}
@media (max-width:900px){.pl-dica-lado{display:block}}

/* cantos arredondados sem cortar o cabeçalho que acompanha */
.pl-tab thead th:first-child{border-top-left-radius:28px}
.pl-tab thead th:last-child{border-top-right-radius:28px}
.pl-tab tbody:last-of-type tr:last-child th{border-bottom-left-radius:28px}
.pl-tab tbody:last-of-type tr:last-child td:last-child{border-bottom-right-radius:28px}
@media (max-width:900px){
  .pl-tab-wrap,.pl-comp-wrap,.cp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pl-tab thead th,.pl-tab .pl-gh th{position:static}
}

/* ============ comparativo com os cinco principais, 09/10/2026 ============ */
.cp-selos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}
.cp-selos span{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:14px;color:rgba(255,255,255,.88)}
.cp-selos svg{width:16px;height:16px;color:#53FF5D}
.cp-hero{padding-bottom:clamp(72px,9vw,120px)}
.cp-calc-sec{background:#F3F6F3;padding-block:clamp(72px,9vw,120px)}
.cp-calc{max-width:1120px;margin:clamp(28px,4vw,48px) auto 0}
.cp-calc-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 32px;padding:22px 28px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.08),0 30px 60px -40px rgba(10,50,25,.5)}
.cp-calc-top label{font-size:17px;font-weight:700}
.cp-range{display:flex;align-items:center;gap:18px;flex:1 1 320px;max-width:520px}
.cp-range input{--p:26%;-webkit-appearance:none;appearance:none;flex:1;height:10px;border-radius:999px;background:linear-gradient(90deg,#3E9A47 var(--p),#DDE5DE var(--p));outline:0;cursor:pointer}
.cp-range input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid #3E9A47;box-shadow:0 8px 18px -6px rgba(31,168,85,.7);transition:transform .25s cubic-bezier(.3,1.25,.4,1)}
.cp-range input::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid #3E9A47;box-shadow:0 8px 18px -6px rgba(31,168,85,.7)}
.cp-range input:active::-webkit-slider-thumb{transform:scale(1.15)}
.cp-range input:focus-visible{outline:2px solid #1FA855;outline-offset:6px}
.cp-range output{min-width:2.4em;text-align:center;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.cp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.cp-c{position:relative;display:grid;align-content:start;gap:8px;padding:24px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.08),0 30px 60px -44px rgba(10,50,25,.5);min-width:0}
.cp-c-n{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6A746C}
.cp-c-v{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.5rem,2.4vw,2.1rem);letter-spacing:-.04em;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}
.cp-c-d{font-size:13.5px;line-height:1.45;color:#5A645C}
.cp-c-rv{background:linear-gradient(160deg,#0E1A10,#050806);box-shadow:inset 0 0 0 1.5px rgba(83,255,93,.6),0 40px 80px -40px rgba(31,168,85,.7);transform:translateY(-6px)}
.cp-c-rv .cp-c-n{color:#9DFFA3}
.cp-c-rv .cp-c-v{color:#fff}
.cp-c-rv .cp-c-d{color:rgba(255,255,255,.72)}
.cp-calc-nota{margin-top:20px;text-align:center;font-size:13.5px;color:#6A746C}
.cp-c-v.troca{animation:pl-troca .45s cubic-bezier(.2,.8,.2,1)}

.cp-tab-sec{background:#060807;padding-block:clamp(72px,9vw,120px)}
.cp-wrap{background:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 50px 110px -50px rgba(83,255,93,.3)}
.cp-tab{width:100%;min-width:1560px;border-collapse:separate;border-spacing:0;text-align:left;color:var(--tinta)}
.cp-tab th,.cp-tab td{padding:16px 18px;border-bottom:1px solid rgba(10,30,14,.07);font-size:14.5px;line-height:1.45;vertical-align:top}
.cp-tab thead th{position:sticky;top:72px;z-index:4;background:#fff;font-size:15px;font-weight:700;text-align:left;border-bottom:1px solid rgba(10,30,14,.12)}
.cp-tab thead th:first-child{border-top-left-radius:28px;width:150px}
.cp-tab thead th:last-child{border-top-right-radius:28px}
.cp-tab tbody th[scope=row]{position:sticky;left:0;z-index:2;background:#F6F9F6;font-weight:700;color:#2A322B;width:150px;min-width:130px}
.cp-tab tbody tr:last-child th{border-bottom-left-radius:28px}
.cp-tab tbody tr:last-child td:last-child{border-bottom-right-radius:28px}
.cp-tab tbody tr:last-child th,.cp-tab tbody tr:last-child td{border-bottom:0}
.cp-rv{background:linear-gradient(180deg,#E6FAE8,#D8F5DC);color:#0C3A1A}
.cp-tab thead .cp-rv{color:#1C6B30}
.cp-ni{color:#8A938B;font-size:13.5px}
.cp-tab b{font-weight:700}

.pl-cta-comp{display:flex;justify-content:center;margin-top:24px}
@media (max-width:1000px){.cp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.cp-cards{grid-template-columns:1fr}.cp-c-rv{transform:none;order:-1}.cp-calc-top{border-radius:28px}.cp-tab thead th,.cp-tab tbody th[scope=row]{position:static}}
@media (max-width:900px){.cp-tab thead th{position:static}}

/* ============ rodada de 09/10/2026 à noite ============ */
/* comparativo, o que cada um cobra à parte */
.cp-c-f{list-style:none;margin:6px 0 0;padding:12px 0 0;display:grid;gap:7px;border-top:1px solid rgba(10,30,14,.08)}
.cp-c-f li{position:relative;padding-left:22px;font-size:13.5px;line-height:1.4;color:#8A3A32}
.cp-c-f li::before{content:"";position:absolute;left:2px;top:.36em;width:12px;height:2px;margin-top:5px;border-radius:2px;background:#C8584E}
.cp-c-ok{border-color:rgba(255,255,255,.14)}
.cp-c-ok li{color:#E3FFE5}
.cp-c-ok li::before{top:.3em;width:12px;height:12px;margin-top:0;border-radius:50%;background:#53FF5D;box-shadow:0 0 10px rgba(83,255,93,.6)}

/* comparativo, onde o Renv Chat sai na frente */
.cp-vant-sec{background:#fff;padding-block:clamp(72px,9vw,120px)}
.cp-vgrade{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cp-v{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:26px;border-radius:28px;background:linear-gradient(160deg,#0E1A10,#050806);box-shadow:inset 0 0 0 1px rgba(83,255,93,.32),0 40px 80px -50px rgba(31,168,85,.7);color:#fff}
.cp-v-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(83,255,93,.16);color:#53FF5D}
.cp-v-ic svg{width:22px;height:22px}
.cp-v b{display:block;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:1.25rem;line-height:1.2;letter-spacing:-.02em;font-weight:600;text-wrap:balance}
.cp-v small{display:block;margin-top:8px;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.72);text-wrap:pretty}
@media (max-width:1000px){.cp-vgrade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.cp-vgrade{grid-template-columns:1fr}}

/* 43 apps, o número grande e a barra que divide os planos */
.pl-43{max-width:1000px;margin:clamp(28px,4vw,48px) auto 0;padding:clamp(24px,3.4vw,40px);border-radius:32px;background:radial-gradient(90% 120% at 0 0,rgba(83,255,93,.2),transparent 60%),rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(83,255,93,.3)}
.pl-43-topo{display:flex;align-items:center;gap:clamp(16px,3vw,32px)}
.pl-43-n{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(5rem,12vw,9rem);line-height:.85;letter-spacing:-.06em;font-weight:700;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#F0FFEE,#53FF5D);-webkit-background-clip:text;background-clip:text;color:transparent;min-width:1.15em}
.pl-43-t{display:block;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.1;letter-spacing:-.03em;font-weight:600;color:#fff;text-wrap:balance}
.pl-43-s{display:block;margin-top:8px;font-size:15px;color:rgba(255,255,255,.7)}
.pl-43-barra{display:flex;gap:6px;height:14px;margin-top:clamp(22px,3vw,32px)}
.pl-43-barra span{flex:var(--w) 1 0;border-radius:999px;transform-origin:left center}
.pl-43-a{background:rgba(255,255,255,.55)}
.pl-43-b{background:linear-gradient(90deg,#2BE08A,#53FF5D);box-shadow:0 0 22px rgba(83,255,93,.55)}
.pl-43-leg{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:14px;font-size:14.5px;color:rgba(255,255,255,.8)}
.pl-43-leg span{display:inline-flex;align-items:center;gap:8px}
.pl-43-leg b{color:#fff}
.pl-43-leg i{width:10px;height:10px;border-radius:50%}
.pl-43-leg i.a{background:rgba(255,255,255,.55)}
.pl-43-leg i.b{background:#53FF5D}
.pl-apps-b{position:relative}
.pl-apps-selo{position:absolute;right:24px;top:-13px;padding:6px 14px;border-radius:999px;background:#53FF5D;color:#06240D;font-size:12.5px;font-weight:700;box-shadow:0 12px 26px -10px rgba(83,255,93,.8)}
.pl-chip.pro{box-shadow:inset 0 0 0 1px rgba(83,255,93,.55),0 0 18px -6px rgba(83,255,93,.6)}
/* entrada, só quando o script marca a página com .js-43 */
.js-43 .pl-43-barra span{transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.js-43 .pl-43-b{transition-delay:.35s}
.js-43 .pl-43.on .pl-43-barra span{transform:none}
.js-43 .pl-chip{opacity:0;transform:translateY(10px) scale(.94);transition:opacity .4s ease,transform .55s cubic-bezier(.3,1.35,.4,1);transition-delay:calc(var(--i) * 35ms + .2s)}
.js-43 .pl-apps.on .pl-chip{opacity:1;transform:none}
.js-43 .pl-apps.on .pl-chip:hover{transform:translateY(-3px) scale(1.04);transition-delay:0s}
@media (max-width:620px){.pl-43-topo{flex-direction:column;align-items:flex-start;gap:8px}}
@media (prefers-reduced-motion:reduce){.js-43 .pl-43-barra span,.js-43 .pl-chip{transform:none;opacity:1;transition:none}}
/* com 9 colunas a tabela rola dentro da caixa em toda tela, e o cabeçalho deixa de grudar */
.cp-wrap{overflow-x:auto;overscroll-behavior-x:contain}
.cp-tab thead th{position:static}
.cp-tab th,.cp-tab td{min-width:150px}
.cp-tab tbody th[scope=row]{box-shadow:6px 0 14px -10px rgba(10,30,14,.35)}
.cp-tab-sec .pl-dica-lado{display:block;color:rgba(255,255,255,.6)}

/* ============ ponto a ponto em duelo, 09/10/2026. Prefixo du-, conferido contra os outros estilos ============ */
.du{max-width:1040px;margin:clamp(28px,4vw,48px) auto 0}
/* seletor de concorrente, no estilo do Anual e Mensal da home */
.du-sel{display:flex;justify-content:center;overflow-x:auto;scrollbar-width:none;padding:6px 4px 16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.du-sel::-webkit-scrollbar{display:none}
.du-sel-in{position:relative;display:inline-flex;flex:none;border-radius:999px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04)),#0B100C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 24px 50px -24px rgba(0,0,0,.8)}
.du-sel-in button,.du-sel-ov span{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:600;white-space:nowrap;color:rgba(255,255,255,.74);transition:color .25s ease}
.du-sel-in button:hover{color:#fff}
.du-sel-in button:focus-visible{outline:2px solid #53FF5D;outline-offset:2px}
.du-sel-ov{position:absolute;inset:0;z-index:2;display:flex;border-radius:999px;pointer-events:none;background:#53FF5D;box-shadow:0 8px 24px -8px rgba(83,255,93,.8);clip-path:inset(0 100% 0 0 round 999px);transition:clip-path .55s cubic-bezier(.34,1.4,.5,1)}
.du-sel-ov span{color:#06240D}

/* o painel do duelo */
.du-pn{margin-top:18px;border-radius:32px;background:linear-gradient(170deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 60px 120px -60px rgba(83,255,93,.35);overflow:hidden}
.du-cab{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:22px 24px 18px}
.du-lado{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 16px;border-radius:20px}
.du-lado img,.du-mono{grid-row:1/3;width:40px;height:40px;border-radius:12px}
.du-lado b{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:1.3rem;letter-spacing:-.02em;font-weight:600;color:#fff;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.du-lado small{font-size:12.5px;color:rgba(255,255,255,.6)}
.du-lado-rv{background:linear-gradient(160deg,rgba(83,255,93,.2),rgba(83,255,93,.05));box-shadow:inset 0 0 0 1.5px rgba(83,255,93,.55)}
.du-lado-rv small{color:#9DFFA3}
.du-lado-ri{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.du-mono{display:grid;place-items:center;background:rgba(255,255,255,.1);font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:1.2rem;font-weight:700;color:#fff}
.du-vs{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#060807;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.du-placar{margin:0 24px 6px;padding:14px 18px;border-radius:16px;background:rgba(0,0,0,.35);font-size:15px;line-height:1.5;color:rgba(255,255,255,.8);text-wrap:pretty}
.du-placar b{color:#FFC86B;font-weight:700}

/* as linhas, ponto no meio e um lado pra cada */
.du-linhas{list-style:none;margin:0;padding:8px 24px 24px;display:grid;gap:0}
.du-l{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}
.du-l:first-child{border-top:0}
.du-p{align-self:center;font-size:14px;font-weight:700;color:rgba(255,255,255,.9);line-height:1.35}
.du-c{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;font-size:14.5px;line-height:1.4;color:rgba(255,255,255,.86)}
.du-rv{background:rgba(83,255,93,.08);box-shadow:inset 0 0 0 1px rgba(83,255,93,.22);color:#EFFFF0}
.du-ri{background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.du-in .du-t{font-weight:600}
.du-rv.du-in .du-t{color:#fff}
.du-ic{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%}
.du-ic svg{width:15px;height:15px}
.du-ok .du-ic{background:#53FF5D;color:#06240D}
.du-pa .du-ic{background:#FFC86B;color:#3A2400}
.du-no .du-ic{background:#FF7A6E;color:#3A0A06}
.du-ni .du-ic{background:rgba(255,255,255,.18);color:rgba(255,255,255,.85)}
.du-ri.du-ni .du-t{color:rgba(255,255,255,.55)}

/* legenda */
.du-leg{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:20px;font-size:13.5px;color:rgba(255,255,255,.72)}
.du-leg>span{display:inline-flex;align-items:center;gap:8px}
.du-leg .du-ic{width:18px;height:18px}
.du-leg .du-ic svg{width:12px;height:12px}

/* troca de concorrente, as linhas entram em cascata */
.du-pn.entra .du-l{animation:du-entra .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k) * 30ms)}
.du-pn.entra .du-cab{animation:du-entra .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes du-entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.du-pn.entra .du-l,.du-pn.entra .du-cab{animation:none}.du-sel-ov{transition:none}}

@media (max-width:760px){
  .du-sel{justify-content:flex-start;margin-inline:calc(-1 * var(--gutter,16px));padding-inline:var(--gutter,16px)}
  .du-sel-in button,.du-sel-ov span{min-height:44px;padding:0 15px;font-size:14px}
  .du-pn{border-radius:26px}
  .du-cab{padding:16px 14px 12px;gap:8px}
  .du-lado{grid-template-columns:1fr;grid-template-rows:auto;justify-items:center;text-align:center;row-gap:6px;padding:14px 8px}
  .du-lado img,.du-mono{grid-row:auto;width:34px;height:34px}
  .du-lado b{font-size:1.05rem;max-width:100%}
  .du-lado small{font-size:11.5px}
  .du-vs{width:34px;height:34px;font-size:11px}
  .du-placar{margin:0 14px 4px;padding:12px 14px;font-size:14px}
  .du-linhas{padding:4px 14px 16px}
  .du-l{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:14px 0}
  .du-p{grid-column:1/-1;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.62)}
  .du-c{gap:8px;padding:11px 10px;font-size:13.5px}
  .du-ic{width:20px;height:20px}
  .du-ic svg{width:13px;height:13px}
  .du-leg{justify-content:flex-start;gap:8px 16px}
}

/* ============ comparativo no celular, o resto da página ============ */
@media (max-width:620px){
  .cp-hero h1{font-size:clamp(2.2rem,10.5vw,2.8rem)}
  .cp-selos{gap:8px}
  .cp-selos span{padding:8px 13px;font-size:13px}
  .cp-calc-top{padding:18px 18px;gap:12px;justify-content:flex-start}
  .cp-calc-top label{font-size:16px}
  .cp-range{flex-basis:100%;gap:14px}
  .cp-cards{gap:12px}
  .cp-c{padding:18px 18px 16px;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:4px}
  .cp-c-n{grid-column:1;font-size:12px}
  .cp-c-v{grid-column:1/-1;font-size:1.55rem}
  .cp-c-d,.cp-c-f{grid-column:1/-1}
  .cp-c-f{gap:5px;padding-top:10px}
  .cp-c-f li{font-size:13px}
  .cp-v{padding:20px;gap:14px;border-radius:22px}
  .cp-v b{font-size:1.12rem}
  .cp-v small{font-size:14px}
}

/* calculadora no celular, o Renv Chat fica em cima e os 8 concorrentes viram carrossel de arrastar */
.cp-rivais{display:contents}
.cp-arraste{display:none}
@media (max-width:620px){
  .cp-cards{display:block}
  .cp-c-rv{transform:none;margin-bottom:14px}
  .cp-rivais{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 18px;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain}
  .cp-rivais::-webkit-scrollbar{display:none}
  .cp-rivais:focus-visible{outline:2px solid #1FA855;outline-offset:-2px}
  .cp-rivais .cp-c{flex:0 0 82%;scroll-snap-align:start}
  .cp-arraste{display:block;margin-top:2px;text-align:center;font-size:13px;color:#6A746C}
  .du-c{padding:11px 9px}
}

/* apps, versão sóbria de 09/10/2026 à noite. Sem degradê verde, sem brilho e sem selo, a diferença do Pro fica num ponto pequeno */
.pl-43{background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pl-43-n{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff}
.pl-43-b{background:#53FF5D;box-shadow:none}
.pl-apps-b,.pl-apps-b.pro{background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pl-apps-b h3{font-size:1.15rem;color:rgba(255,255,255,.7)}
.pl-apps-b h3 b{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-weight:600;margin-right:4px}
.pl-chip,.pl-chip.pro{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:rgba(255,255,255,.86)}
.pl-chip.pro::before{content:"";width:6px;height:6px;border-radius:50%;background:#53FF5D}
.pl-chip:hover,.js-43 .pl-apps.on .pl-chip:hover{transform:none;background:rgba(255,255,255,.08)}

/* duelo no celular, filtro com seta no lugar das abas que fugiam da tela. 09/10/2026 à noite */
.du-filtro{display:none;position:relative}
@media (max-width:760px){
  .du-sel{display:none}
  .du-filtro{display:grid;gap:8px;margin-top:4px}
  .du-filtro-rot{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
  .du-filtro-bt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:0 18px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04)),#0B100C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}
  .du-filtro-bt svg{width:20px;height:20px;color:#53FF5D;transition:transform .4s cubic-bezier(.34,1.4,.5,1)}
  .du-filtro-bt[aria-expanded="true"] svg{transform:rotate(180deg)}
  .du-filtro-bt:focus-visible{outline:2px solid #53FF5D;outline-offset:3px}
  .du-fl{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:6;list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:20px;background:linear-gradient(160deg,rgba(30,34,30,.97),rgba(12,14,12,.98));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 60px -20px rgba(0,0,0,.9);animation:du-fl .3s cubic-bezier(.2,.8,.2,1) both}
  .du-fl[hidden]{display:none}
  .du-fl li{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:14px;font-size:15px;font-weight:600;color:rgba(255,255,255,.86);cursor:pointer}
  .du-fl li:hover,.du-fl li:focus{background:rgba(255,255,255,.07);outline:0}
  .du-fl li:focus-visible{box-shadow:inset 0 0 0 2px #53FF5D}
  .du-fl li[aria-selected="true"]{background:#53FF5D;color:#06240D}
  @keyframes du-fl{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
}

/* calculadora no celular, lista compacta no lugar do carrossel. Nada escondido e nenhuma sombra cortada */
@media (max-width:620px){
  .cp-cards{display:grid;gap:10px}
  .cp-c-rv{margin-bottom:6px}
  .cp-rivais{display:grid;gap:10px;overflow:visible;margin:0;padding:0}
  .cp-rivais .cp-c{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:12px;row-gap:2px;padding:16px 16px 14px;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(10,30,14,.08),0 18px 30px -26px rgba(10,50,25,.5)}
  .cp-rivais .cp-c-n{grid-column:1;grid-row:1;font-size:12px}
  .cp-rivais .cp-c-v{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:1.15rem;text-align:right;white-space:nowrap}
  .cp-rivais .cp-c-d{grid-column:1;grid-row:2;font-size:12.5px}
  .cp-rivais .cp-c-f{grid-column:1/-1;margin-top:8px;padding-top:8px}
  .cp-rivais .cp-c-f li{font-size:12.5px}
}
@media (max-width:620px){
  .cp-rivais .cp-c{grid-template-columns:1fr}
  .cp-rivais .cp-c-n,.cp-rivais .cp-c-v,.cp-rivais .cp-c-d{grid-column:1;grid-row:auto}
  .cp-rivais .cp-c-v{text-align:left;font-size:1.35rem;margin-top:2px}
}

/* o que o concorrente cobra à parte, no mesmo código do duelo. Ícone âmbar de alerta e texto neutro, sem vermelho, que parecia cor da marca */
.cp-c-f-rot{display:block;margin-top:8px;padding-top:12px;border-top:1px solid rgba(10,30,14,.08);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7A837B}
.cp-c-f-rot+.cp-c-f{margin-top:0;padding-top:4px;border-top:0}
.cp-c-f li{padding-left:26px;color:#3A433B}
.cp-c-f li::before{content:"!";top:.12em;left:0;width:17px;height:17px;margin-top:0;border-radius:50%;display:grid;place-items:center;background:#FFE7B0;color:#7A4B00;font-size:11px;font-weight:800;line-height:1}
.cp-c-ok li::before{content:"";top:.3em;width:12px;height:12px;background:#53FF5D;box-shadow:none}
@media (max-width:620px){.cp-rivais .cp-c-f-rot{grid-column:1/-1}}

/* ============ Planos no celular, 09/10/2026. As duas tabelas viram cartões, sem rolar de lado ============ */
@media (max-width:760px){
  /* compare os planos. Cada recurso vira um bloco com o nome em cima e os três planos lado a lado embaixo */
  .pl-tab-wrap{overflow:visible;background:none;box-shadow:none;border-radius:0}
  .pl-tab,.pl-tab thead,.pl-tab tbody,.pl-tab tr,.pl-tab th,.pl-tab td{display:block;min-width:0}
  .pl-tab{min-width:0}
  .pl-tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pl-tab tbody{margin-top:18px}
  .pl-tab tbody:first-of-type{margin-top:0}
  .pl-tab .pl-gh th{position:static;padding:0 0 10px;background:none}
  .pl-tab tr:not(.pl-gh){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:14px;margin-top:8px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.08)}
  .pl-tab tr[hidden]{display:none}
  .pl-tab tbody th[scope=row]{grid-column:1/-1;position:static;min-width:0;padding:0 2px 6px;border:0;background:none;font-size:15px;font-weight:600;color:#1A211B}
  .pl-tab td{display:grid;justify-items:center;align-content:start;gap:6px;padding:10px 4px;border:0;border-radius:12px;background:#F4F7F4;text-align:center;font-size:14px}
  .pl-tab td::before{content:attr(data-pl);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6A746C}
  .pl-tab td.pl-col-pro{background:#0E120F;color:#fff}
  .pl-tab td.pl-col-pro::before{color:#9DFFA3}
  .pl-tab td.pl-col-pro .pl-sim svg{background:rgba(83,255,93,.18);color:#53FF5D}
  .pl-tab td.pl-col-pro .pl-nao{color:rgba(255,255,255,.45)}
  .pl-tab .pl-sim svg{width:24px;height:24px}
  .pl-tab tbody:last-of-type tr:last-child th,.pl-tab tbody:last-of-type tr:last-child td:last-child{border-radius:12px}
  .pl-tab tbody:last-of-type tr:last-child th{border-radius:0}
  .pl-tabela-sec .pl-dica-lado{display:none}

  /* diferenciais. Cada ponto vira um cartão, o Renv Chat em destaque e os outros três jeitos embaixo */
  .pl-comp-wrap{overflow:visible;background:none;box-shadow:none;border-radius:0}
  .pl-comp,.pl-comp thead,.pl-comp tbody,.pl-comp tr,.pl-comp th,.pl-comp td{display:block;min-width:0;width:auto}
  .pl-comp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pl-comp tr{padding:18px;margin-top:12px;border-radius:22px;background:#F6F9F6;box-shadow:inset 0 0 0 1px rgba(10,30,14,.08)}
  .pl-comp tr:first-child{margin-top:0}
  .pl-comp th[scope=row]{padding:0 0 12px;border:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6A746C}
  .pl-comp td{padding:10px 0;border:0;border-top:1px solid rgba(10,30,14,.08);font-size:14.5px}
  .pl-comp td::before{content:attr(data-col);display:block;margin-bottom:3px;font-size:12px;font-weight:600;color:#7A837B}
  .pl-comp td.pl-rv{margin-bottom:6px;padding:14px 16px;border:0;border-radius:14px;background:#0E120F;color:#fff;font-size:15.5px;font-weight:600}
  .pl-comp td.pl-rv::before{color:#9DFFA3}
  .pl-comp-sec .pl-dica-lado{display:none}
}

/* ponto a ponto no celular, "Comparar com" e o nome escolhido no meio */
@media (max-width:760px){
  .du-filtro{justify-items:center;text-align:center}
  .du-filtro-bt{justify-content:center;position:relative}
  .du-filtro-bt svg{position:absolute;right:18px}
  .du-fl li{justify-content:center}
}

/* páginas "alternativa ao concorrente" e a lista um por um do comparativo (03/11/2026) */
.vs-resp-sec{padding-block:clamp(48px,6vw,80px) 0}
.vs-resp{max-width:860px;margin:0 auto;padding:clamp(24px,3.4vw,40px);border-radius:28px;background:var(--nevoa);box-shadow:inset 0 0 0 1px var(--linha-clara);border-left:4px solid var(--verde)}
.vs-resp h2{margin:0 0 12px;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.2;letter-spacing:-.02em;font-weight:600;text-wrap:balance}
.vs-resp p{margin:0;font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.65;color:var(--cinza-claro);text-wrap:pretty}
.vs-fonte{max-width:760px;margin:24px auto 0;font-size:13.5px;line-height:1.55;text-align:center;color:var(--cinza-escuro)}
.vs-fonte a{color:var(--neon);text-decoration:underline;text-underline-offset:3px}
.vs-mais{margin-top:clamp(40px,5vw,64px);text-align:center}
.vs-mais p{margin:0;font-weight:600;color:var(--tinta)}
.vs-outros{list-style:none;margin:20px auto 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px}
.vs-outros a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--nevoa);box-shadow:inset 0 0 0 1px var(--linha-clara);color:var(--tinta);font-weight:600;font-size:15px;text-decoration:none;transition:box-shadow .2s,color .2s}
.vs-outros a:hover,.vs-outros a:focus-visible{box-shadow:inset 0 0 0 1.5px var(--verde);color:var(--verde-texto)}
.vs-lista-sec{padding-block:0 clamp(56px,7vw,96px)}
.vs-lista-sec .topo-secao{margin-bottom:0}
.vs-precos-sec{padding-block:0 clamp(56px,7vw,96px)}
.vs-precos{max-width:900px;margin:0 auto}
.vs-precos-tab{border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--linha-clara);background:var(--branco)}
.vs-precos table{width:100%;border-collapse:separate;border-spacing:0;font-size:16px}
.vs-precos-cap{margin:12px 0 0;font-size:13.5px;color:var(--cinza-claro)}
.vs-precos th,.vs-precos td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha-clara)}
.vs-precos tbody tr:last-child th,.vs-precos tbody tr:last-child td{border-bottom:0}
.vs-precos thead th{background:var(--nevoa);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza-claro)}
.vs-precos tbody th{font-weight:600;white-space:nowrap}
.vs-precos td:nth-child(2){font-weight:600;white-space:nowrap}
.vs-precos td:last-child{color:var(--cinza-claro)}
.vs-precos-nota{margin:18px 0 0;font-size:15px;line-height:1.55;color:var(--cinza-claro)}
.vs-conta{margin:16px 0 0;padding:18px 22px;border-radius:20px;background:var(--nevoa);border-left:4px solid var(--verde);font-size:16px;line-height:1.6;color:var(--tinta)}
@media (max-width:640px){.vs-precos th,.vs-precos td{padding:12px 14px;font-size:14.5px}.vs-precos td:nth-child(2),.vs-precos tbody th{white-space:normal}.vs-precos td:last-child{font-size:13.5px}}
/* rec/menu-celular.css */
/* Menu do celular, o mesmo da página inicial (painel de vidro que desce do cabeçalho), agora com Recursos e Planos abrindo por dentro
   e com rolagem própria quando não cabe na tela. Vale na home e em todas as páginas. 09/10/2026 */
.menu-celular{display:none}
@media (max-width:1240px){
  .gaveta{display:none!important}
  .menu-celular{position:fixed;inset:0;z-index:39;display:block;pointer-events:none}
  .menu-celular[hidden]{display:none}
  .menu-celular::before{content:"";position:absolute;inset:0;background:rgba(5,6,5,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s ease}
  .mc-painel{position:absolute;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 80px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 96px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px;border-radius:28px;
    background:linear-gradient(160deg,rgba(30,34,30,.94),rgba(12,14,12,.96));-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.14),0 40px 80px -30px rgba(0,0,0,.8),0 0 60px -30px rgba(83,255,93,.5);
    opacity:0;transform:translateY(-12px) scale(.98);transform-origin:top center;transition:opacity .25s ease,transform .5s var(--mola)}
  .mc-painel::-webkit-scrollbar{display:none}
  .menu-celular.aberto{pointer-events:auto}
  .menu-celular.aberto::before{opacity:1}
  .menu-celular.aberto .mc-painel{opacity:1;transform:none}
  .mc-topo,.mc-fechar,.mc-ic,.mc-selo{display:none}
  .mc-lista{list-style:none;margin:0;padding:0}
  .mc-lista>li+li>a,.mc-lista>li+li>.mc-gbt{border-top:1px solid rgba(255,255,255,.07)}
  .mc-lista>li>a,.mc-gbt{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:0 14px;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.02em;color:rgba(255,255,255,.88);text-align:left;
    opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .5s var(--mola),color .2s ease}
  .menu-celular.aberto .mc-lista>li>a,.menu-celular.aberto .mc-gbt{opacity:1;transform:none}
  .mc-lista>li:nth-child(2)>*{transition-delay:.03s}.mc-lista>li:nth-child(3)>*{transition-delay:.06s}.mc-lista>li:nth-child(4)>*{transition-delay:.09s}
  .mc-lista>li:nth-child(5)>*{transition-delay:.12s}.mc-lista>li:nth-child(6)>*{transition-delay:.15s}
  .mc-lista>li>a::after,.mc-gbt::after{content:"";margin-left:auto;flex:none;width:9px;height:9px;border-top:2px solid rgba(255,255,255,.35);border-right:2px solid rgba(255,255,255,.35);transform:rotate(45deg);transition:transform .4s var(--mola)}
  .mc-gbt::after{transform:rotate(135deg) translate(-2px,2px)}
  .mc-gbt[aria-expanded="true"]{color:#fff}
  .mc-gbt[aria-expanded="true"]::after{transform:rotate(-45deg) translate(-2px,2px)}
  .mc-lista small{font-family:"Google Sans Flex",system-ui,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.4)}
  .mc-lista a.atual{color:var(--neon)}
  .mc-lista a.atual::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px var(--neon)}
  /* o que abre dentro de Recursos e Planos */
  .mc-sub{display:grid;gap:2px;margin:0 6px 10px;padding:6px;border-radius:20px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
  .mc-sub[hidden]{display:none}
  .mc-sub a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border-radius:14px;font-size:16px;font-weight:500;color:rgba(255,255,255,.86);animation:mc-sub .4s var(--mola) both;animation-delay:calc(var(--i,0) * 30ms)}
  .mc-sub a:active{background:rgba(255,255,255,.06)}
  .mc-sub a svg{flex:none;width:20px;height:20px;color:var(--neon)}
  .mc-sub a.mc-tudo{margin-top:4px;background:rgba(255,255,255,.06);font-weight:600;color:#fff}
  .mc-sub a.mc-tudo::after{content:"";margin-left:auto;width:8px;height:8px;border-top:2px solid rgba(255,255,255,.45);border-right:2px solid rgba(255,255,255,.45);transform:rotate(45deg)}
  @keyframes mc-sub{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .mc-pe{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px;opacity:0;transition:opacity .3s ease .18s}
  .menu-celular.aberto .mc-pe{opacity:1}
  .mc-pe .btn{width:100%}
  .mc-entrar{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:600;color:var(--branco);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
  html.menu-aberto .preco-fixo,html.menu-aberto .atende{opacity:0!important;pointer-events:none}
  html.menu-aberto,html.menu-aberto body{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.mc-sub a{animation:none}.mc-painel,.mc-lista>li>a,.mc-gbt{transition:opacity .2s ease}}

/* mais respiro entre a última opção e os botões, e a setinha que mostra que o menu continua embaixo. 09/10/2026 */
@media (max-width:1240px){
  .mc-pe{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
  .mc-mais{position:sticky;bottom:0;z-index:2;display:grid;place-items:center;width:calc(100% + 20px);height:56px;margin:-56px -10px -10px;padding-top:10px;border:0;background:linear-gradient(180deg,rgba(14,16,14,0),rgba(14,16,14,.96) 62%);color:#fff;cursor:pointer}
  .mc-mais[hidden]{display:none}
  .mc-mais svg{width:34px;height:34px;padding:7px;border-radius:50%;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);animation:mc-mais 1.6s ease-in-out infinite}
  @keyframes mc-mais{50%{transform:translateY(4px)}}
}
@media (prefers-reduced-motion:reduce){.mc-mais svg{animation:none}}
/* entrar e criar conta lado a lado no pé do menu do celular (14/10/2026) */
.mc-conta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mc-conta .mc-entrar{gap:8px}
.mc-conta .mc-entrar svg{width:18px;height:18px;flex:none}
.mc-conta .mc-criar{color:var(--neon)}
/* com entrar e criar conta, o pé do menu vira duas linhas, o botão de demonstração em cima e as duas portas embaixo */
.mc-pe{grid-template-columns:1fr}
.mc-conta .mc-entrar{white-space:nowrap}
/* rec/extras.css */
/* Aviso de preço fixo e Lia no canto, copiados da home pra todas as páginas internas. 09/10/2026 */
@property --giro{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes giro{to{--giro:360deg}}
/* aviso de preço fixo embaixo, aparece quando o topo sai da tela. Vidro escuro, borda de luz girando */
.preco-fixo{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:39;isolation:isolate;display:inline-flex;align-items:center;gap:18px;
  padding:12px 12px 12px 14px;border-radius:22px;color:rgba(255,255,255,.85);
  background:linear-gradient(180deg,rgba(26,30,26,.88),rgba(10,11,10,.92));-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 60px -20px rgba(0,0,0,.7),0 0 50px -18px rgba(83,255,93,.55);
  opacity:0;transform:translate(-50%,28px) scale(.96);pointer-events:none;transition:opacity .35s ease,transform .7s var(--mola)}
.preco-fixo::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;
  background:conic-gradient(from var(--giro,0deg),rgba(83,255,93,.12),rgba(83,255,93,.85),rgba(255,255,255,.55),rgba(83,255,93,.12) 55%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:giro 6s linear infinite}
.preco-fixo.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.pf-ic img{display:block;width:34px;height:34px;border-radius:10px}
.pf-txt{display:grid;gap:2px;line-height:1}
.pf-txt small{white-space:nowrap;font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--cinza-escuro)}
.pf-txt b{font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--branco)}
.pf-txt em{font-style:normal;font-size:13px;font-weight:500;letter-spacing:0;color:var(--cinza-escuro);margin-left:2px}
.pf-div{width:1px;height:30px;background:rgba(255,255,255,.12)}
.pf-teste{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--branco);white-space:nowrap}
.pf-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px 0 18px;border-radius:14px;background:var(--neon);color:var(--tinta);font-size:14px;font-weight:700;white-space:nowrap;transition:transform .45s var(--mola)}
.pf-btn svg{width:18px;height:18px;transition:transform .45s var(--mola)}
.preco-fixo:hover .pf-btn svg{transform:translateX(3px)}
.preco-fixo:active .pf-btn{transform:scale(.97)}
@media (max-width:640px){
  .preco-fixo{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);gap:12px;padding:10px 10px 10px 12px;border-radius:18px;transform:translateY(28px) scale(.96)}
  .preco-fixo.on{transform:none}
  .pf-div,.pf-teste{display:none}
  .pf-ic img{width:30px;height:30px}
  .pf-txt b{font-size:18px}
  .pf-btn{margin-left:auto;min-height:38px;padding:0 12px;font-size:13px}
  .atende{transition:opacity .35s ease,transform .7s cubic-bezier(.34,1.56,.64,1),bottom .5s var(--mola)}
  .pf-on .atende{bottom:calc(env(safe-area-inset-bottom,0px) + 96px)}
}
/* botão da Lia, molde da skill botao-atendente */
:root{--atende-cor:#53FF5D;--atende-tinta:#0A0B0A;--atende-sombra:rgba(83,255,93,.6)}
.atende{position:fixed;right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);z-index:40;display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(26px) scale(.72);pointer-events:none;transform-origin:right bottom;transition:opacity .35s ease,transform .7s cubic-bezier(.34,1.56,.64,1)}
.atende.on{opacity:1;transform:none;pointer-events:auto}
.atende:hover .atende-foto{transform:scale(1.04)}
.atende:active .atende-foto{transform:scale(.96)}
.atende-balao{position:relative;display:flex;align-items:center;min-height:36px;padding:10px 15px;border-radius:14px 6px 14px 14px;background:#fff;color:var(--atende-tinta);font-size:14px;font-weight:500;line-height:1;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 14px 34px -16px rgba(0,0,0,.7),0 0 0 1px rgba(31,35,40,.06);opacity:0;transform:translateX(10px) scale(.9);transform-origin:right center;transition:opacity .25s ease,transform .55s cubic-bezier(.34,1.56,.64,1)}
.atende-balao.aberto{opacity:1;transform:none}
.atende-balao::after{content:"";position:absolute;top:6px;right:-3px;width:8px;height:8px;border-radius:1.5px;background:#fff;transform:rotate(45deg)}
.atende-balao .pontos{display:flex;gap:4px;padding:1px 0}
.atende-balao .pontos i{width:5px;height:5px;border-radius:50%;background:var(--atende-tinta);opacity:.4;animation:digita .95s ease-in-out infinite}
.atende-balao .pontos i:nth-child(2){animation-delay:.16s}.atende-balao .pontos i:nth-child(3){animation-delay:.32s}
@keyframes digita{50%{transform:translateY(-3.5px);opacity:.9}}
.atende-balao .frase{display:none}
.atende-balao.escreveu .pontos{display:none}
.atende-balao.escreveu .frase{display:inline;animation:frase .3s ease both}
@keyframes frase{from{opacity:0}}
.atende-foto{position:relative;display:block;flex:none;border-radius:50%;padding:2.5px;background:var(--atende-cor);box-shadow:0 16px 38px -16px var(--atende-sombra),0 2px 10px -4px rgba(0,0,0,.6);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.atende-foto .rosto{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;object-fit:cover;background:var(--tinta);color:var(--neon);font-size:20px;font-weight:700}
.atende-foto .anel{position:absolute;inset:0;border-radius:50%;border:2px solid var(--atende-cor);opacity:0;pointer-events:none}
.atende.on .atende-foto .anel{animation:anel 1.1s .18s ease-out 1 both}
@keyframes anel{from{transform:scale(1);opacity:.85}to{transform:scale(1.75);opacity:0}}
.atende-foto .estado{position:absolute;right:1px;bottom:1px;width:14px;height:14px;border-radius:50%;background:var(--atende-tinta)}
.atende-foto .estado b{position:absolute;inset:3px;border-radius:50%;background:#34D17A;animation:estado 2.4s ease-in-out infinite}
@keyframes estado{50%{transform:scale(1.35);opacity:.55}}
@media (max-width:1180px){
  .atende{right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}
  .atende-foto .rosto{width:48px;height:48px}
  .atende-balao{font-size:13.5px}
}
@media (max-width:640px){
  .atende-foto .rosto{width:44px;height:44px}
  .atende-balao{max-width:200px}
  .pf-on .atende-balao{display:none}
}
@media (prefers-reduced-motion:reduce){.preco-fixo::before{animation:none}.atende-balao .pontos i,.atende-foto .estado b{animation:none}}
.pf-teste .st-ponto{width:8px;height:8px;border-radius:50%;background:#53FF5D;box-shadow:0 0 8px #53FF5D}
/* rec/sobrio.css */
/* Acabamento sóbrio das páginas internas, 09/10/2026. Pedido seu, tirar o contorno verde e o brilho verde que davam cara de Lovable,
   no mesmo jeito do bloco dos apps em Planos. O verde fica no botão, no ícone, no ponto e no número, e sai de borda, de fundo de cartão e de sombra.
   Carregado por último e só nas páginas internas. A home não carrega este arquivo. */

/* cartões escuros, borda branca fina e sombra neutra */
body .pl-pro,body .cp-c-rv,body .cp-v,body .cl-comp-col.sim{background:linear-gradient(160deg,#151815,#0A0B0A);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 40px 80px -50px rgba(0,0,0,.7)}
body .cl-comp-col.sim{background:rgba(255,255,255,.07)}
body .pl-gh-in{background:#121512;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
body .pl-gh-in i{box-shadow:none}
body .cl-pil,body .cl-pn-chip{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 24px 60px -18px rgba(0,0,0,.9)}
body .cl-prompt{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 24px 60px -24px rgba(0,0,0,.8)}
body .cl-abas-ov{box-shadow:0 12px 30px -12px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.12)}

/* hover dos cartões, sobe um pouco e a borda clareia, sem luz verde */
body .cl-vt-card:hover,body .hub-card:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 40px 90px -50px rgba(0,0,0,.8)}
body .hub-card::before{background:radial-gradient(260px circle at var(--x) var(--y),rgba(255,255,255,.07),transparent 70%)}
body .cl-card:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
body .cmp-card:hover,body .ig-t:hover,body .pl-tt:hover{box-shadow:inset 0 0 0 1px rgba(10,30,14,.16),0 30px 50px -32px rgba(10,30,14,.35)}

/* ícones em ladrilho neutro, o ícone continua verde */
body .cl-ic,body .hub-card .ic,body .cl-pn-pts svg{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
body .hub-card .ic{background:#141714}

/* chips, abas e seleção, fundo branco translúcido em vez de verde */
body .cl-chip:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
body .cl-aba[aria-selected="true"]{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
body .cl-ba-rot.dir{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
body .item[aria-selected="true"]{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
body .item .pro{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
body .busca:focus-within{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 30px 90px -36px rgba(0,0,0,.8)}

/* calculadora de planos, o mais barato destaca por superfície clara e não por verde */
body .pl-res.melhor{background:rgba(255,255,255,.11);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
body .pl-sel,body .pl-res.melhor::after{box-shadow:none}

/* duelo, o lado do Renv Chat fica numa superfície mais clara, o verde fica no ícone */
body .du-lado-rv{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
body .du-lado-rv small{color:rgba(255,255,255,.7)}
body .du-rv{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
body .du-pn{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 60px 120px -60px rgba(0,0,0,.8)}
body .du-sel-ov{box-shadow:none}
body .cp-wrap{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 50px 110px -50px rgba(0,0,0,.6)}
body .pl-calc{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 50px 110px -50px rgba(0,0,0,.7)}

/* molduras das telas do app e do celular, borda branca fina e sem halo verde */
body .tg,body .cl-row .tg{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16),0 60px 130px -30px rgba(0,0,0,.95)}
body .tela{box-shadow:0 60px 120px -50px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12)}
body .celular-rec{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 70px 120px -40px rgba(0,0,0,.95)}
/* foto redonda do fecho, anel branco translúcido no lugar do verde */
body .cl-foto img{box-shadow:0 0 0 4px rgba(255,255,255,.14),0 40px 90px -30px rgba(0,0,0,.9)}
body .cl-foto span{border-color:rgba(255,255,255,.14)}
/* alça do antes e depois continua verde porque é controle, só sem o brilho */
body .cl-ba-alca::before{box-shadow:none}
/* lista do Renv Chat no cartão escuro da calculadora */
body .cp-c-ok li{color:rgba(255,255,255,.88)}
/* rec/celular-recursos.css */
/* Páginas de recurso no celular, rodada de 09/10/2026 à noite. Vale pras seis páginas, que usam o mesmo molde.
   Carregado por último nas páginas internas. A home não carrega. */

/* ---------- rodapé igual ao da home em todas as telas ---------- */
.rodape li a{display:inline;min-height:0}
@media (max-width:640px){.rodape-grade{grid-template-columns:1fr}}

/* ---------- a lista do antes e depois, com o traço passando no meio de cada linha do texto ---------- */
.cl-comp-col li{display:block;position:relative;padding-left:30px}
.cl-comp-col li svg{position:absolute;left:0;top:3px;margin:0}
.cl-comp-col li span{display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.cl-comp-col.nao li span{background-position:0 .68em}
.cl-borda{display:none}

/* ---------- botões Hoje e Com o Renv Chat, só no celular ---------- */
.cl-ba-tg{display:none}

/* ---------- índice do catálogo, filtro com seta no celular ---------- */
.ind-bt{display:none}

@media (max-width:760px){
  /* telas do app coladas na borda direita, sem canto e sem respiro desse lado. Todas iguais */
  .cl-hero-tela{width:auto;max-width:none;margin:36px 0 0 var(--gutter);border-radius:0;overflow:hidden}
  .cl-row-tela{margin-right:calc(-1 * var(--gutter));margin-left:0;border-radius:0;overflow:hidden}
  body .cl-hero-tela .tg,body .cl-row .cl-row-tela .tg,body .cl-row.e .cl-row-tela .tg{width:172%;margin-left:0;border-top-right-radius:0;border-bottom-right-radius:0}
  .cl-row.d .cl-pil,.cl-row.e .cl-pil,.cl-pil{left:4%;right:auto;bottom:7%;max-width:88%}

  /* título e texto do antes e depois no meio */
  .cl-comp .cl-h2,.cl-comp-dica{text-align:center;margin-inline:auto;text-wrap:balance}
  .cl-comp-dica{display:none}

  /* antes e depois vira dois botões no estilo do seletor Anual e Mensal, e a tela aparece grande */
  .cl-ba-tg{position:relative;display:flex;width:100%;margin:0 0 16px;padding:5px;border-radius:999px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04)),#0B100C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
  .cl-ba-tg button{flex:1;min-height:46px;border-radius:999px;font-size:15px;font-weight:600;color:rgba(255,255,255,.72);transition:background-color .3s ease,color .3s ease}
  .cl-ba-tg button[aria-pressed="true"]{background:#fff;color:#0A0B0A}
  .cl-ba-tg button:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
  .cl-ba{height:500px;border-radius:28px;touch-action:auto}
  .cl-ba-alca,.cl-ba-rot{display:none}
  .cl-ba-antes{transition:clip-path .55s cubic-bezier(.65,0,.35,1)}
  .cl-ba-depois{place-items:center start;padding:0 0 0 16px}
  body .cl-ba-depois .tg{width:172%;margin:0}
  .cl-jan{width:58%;padding:10px 12px 14px}
  .cl-jan header b{font-size:13px}
  /* bilhetes presos na borda direita, com largura fixa, senão o texto saía da tela (14/10/2026) */
  .cl-nota{left:auto!important;right:7%;width:46%;max-width:none;padding:9px 11px;font-size:12.5px;text-wrap:balance}

  /* listas embaixo do antes e depois */
  .cl-comp-col{padding:22px 20px}
  .cl-comp-col li{font-size:15.5px;line-height:1.45}

  /* índice do catálogo, um botão com o nome da área e a lista que abre embaixo */
  .indice .caixa{position:relative}
  .ind-bt{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin:8px 0;padding:0 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.12);color:var(--tinta);text-align:left}
  .ind-bt small{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6A746C}
  .ind-bt-nome{flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ind-bt svg{flex:none;width:20px;height:20px;color:#2C7A31;transition:transform .4s var(--mola)}
  .ind-bt[aria-expanded="true"] svg{transform:rotate(180deg)}
  .ind-bt:focus-visible{outline:2px solid #2C7A31;outline-offset:2px}
  .indice .indice-fila{display:none}
  .indice.aberta .indice-fila{position:absolute;left:var(--gutter);right:var(--gutter);top:calc(100% - 4px);z-index:5;display:grid;gap:2px;padding:6px;overflow:visible;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.1),0 30px 60px -24px rgba(10,30,14,.45);animation:ind-abre .3s cubic-bezier(.2,.8,.2,1) both}
  .indice.aberta .indice-fila{grid-template-columns:1fr;justify-content:stretch}
  .indice.aberta .ind{display:flex;width:100%;justify-content:space-between;min-height:48px;padding:0 14px;border-radius:12px;white-space:normal}
  @keyframes ind-abre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

  /* fecho com a foto, tudo no meio */
  .cl-pessoa-txt{text-align:center;justify-items:center;margin-inline:auto}
  .cl-pessoa-txt .cl-h2,.cl-pessoa-txt .lead{margin-inline:auto;text-wrap:balance}
  .cl-pessoa-txt .acoes{justify-content:center}
  .cl-foto{margin-inline:auto}
}
@media (prefers-reduced-motion:reduce){.cl-ba-antes{transition:none}.indice.aberta .indice-fila{animation:none}}
/* chips do topo quebram linha no celular, nada foge da tela */
@media (max-width:760px){
  .cl-chips{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0;max-width:100%;-webkit-mask-image:none;mask-image:none}
  .cl-chip{flex:0 1 auto}
}

/* ---------- rodada seguinte de 09/10/2026 ---------- */
/* o "Ir para" sem as duas linhas, em cima e embaixo */
.cl-l .indice,.indice{box-shadow:none}
@media (max-width:900px){
  /* catálogo, a tela abre colada no recurso tocado, do tamanho do conteúdo, sem sobra branca */
  .tela{height:auto;min-height:0}
  .tela-slot{margin:-8px 0 8px}
  .itens .item[aria-selected="true"]{border-bottom-left-radius:0;border-bottom-right-radius:0}
  .tela-slot .tela{border-top-left-radius:0;border-top-right-radius:0}
  .cena{padding-bottom:18px}
}
@media (max-width:760px){
  /* antes e depois, os botões continuam e a alça volta pra arrastar com o dedo */
  .cl-ba{touch-action:pan-y}
  .cl-ba-alca{display:grid}
  .cl-ba-alca i{width:44px;height:44px;border-radius:14px}
  .cl-ba-antes{transition:none}
  .cl-ba.anima .cl-ba-antes{transition:clip-path .55s cubic-bezier(.65,0,.35,1)}
  .cl-ba.anima .cl-ba-alca{transition:left .55s cubic-bezier(.65,0,.35,1)}
}

/* caixa de pergunta do topo, no celular a frase quebrava no meio da palavra embaixo do botão (14/10/2026) */
@media (max-width:640px){
  .cl-prompt{flex-wrap:wrap;border-radius:26px;padding:14px 10px 10px 16px;row-gap:12px}
  .cl-digita{flex:1 1 0;white-space:normal;line-height:1.3;min-height:1.3em}
  .cl-prompt .btn{flex:1 1 100%;justify-content:center}
}

/* abas do painel viram filtro com seta no celular (14/10/2026). O botão nasce pelo celular-recursos.js */
.cl-abas-filtro{display:none}
@media (max-width:700px){
  .cl-abas-bt.tem-filtro{position:relative;display:block;overflow:visible;margin:0 0 22px;padding:0}
  .cl-abas-filtro{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.12),0 14px 30px -20px rgba(10,30,14,.4);color:var(--tinta,#0A0B0A);text-align:left}
  .cl-abas-filtro small{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6A746C}
  .cl-abas-filtro-nome{flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cl-abas-filtro svg{flex:none;width:20px;height:20px;color:#2C7A31;transition:transform .4s var(--mola,cubic-bezier(.34,1.4,.5,1))}
  .cl-abas-filtro[aria-expanded="true"] svg{transform:rotate(180deg)}
  .cl-abas-filtro:focus-visible{outline:2px solid #2C7A31;outline-offset:2px}
  .tem-filtro .cl-abas-in{display:none}
  .tem-filtro .cl-abas-ov{display:none}
  .tem-filtro.aberta .cl-abas-in{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:6;display:grid;gap:2px;padding:6px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.1),0 30px 60px -24px rgba(10,30,14,.45);animation:ind-abre .3s ease}
  .tem-filtro.aberta .cl-abas-in .cl-aba{width:100%;justify-content:flex-start;min-height:48px;padding:0 14px;border-radius:12px;color:#2A322B}
  .tem-filtro.aberta .cl-abas-in .cl-aba[aria-selected="true"]{background:#EEF6EF;color:#0A0B0A}
}
/* rec/rodape.css */
/* Rodapé, o mesmo em todas as páginas e na home, com o menu inteiro. 09/10/2026.
   Computador, a marca e quatro colunas. Celular, a marca em cima e as colunas duas a duas, pra lista não ficar comprida demais. */
.rodape li a{display:inline;min-height:0}
@media (max-width:960px){
  .rodape-grade{grid-template-columns:1fr 1fr;gap:36px 24px}
  .rodape-grade>div:first-child{grid-column:1/-1}
}
@media (max-width:640px){
  .rodape-grade{grid-template-columns:1fr 1fr}
  .rodape li a{font-size:14.5px}
}
/* rec/paginas-extras.css */
/* Páginas de apoio, 14/10/2026. Contato, Calculadora de WhatsApp, Gerador de link, Política, Termos e 404.
   Mesmo sistema das páginas internas. Verde só no botão, no ícone, no ponto e no número, nada de contorno verde. */

/* topo menor que o de Planos, essas páginas vão direto ao assunto */
.px-hero{padding-bottom:clamp(72px,9vw,120px)}
.px-hero h1{margin-inline:auto}
.px-hero-doc{padding-bottom:clamp(56px,7vw,88px)}
.px-hero-doc h1 b,.px-hero-doc h1{font-weight:700}
.px-hero-doc .lead{font-size:15px;color:rgba(255,255,255,.66)}
.px-hero-doc .lead strong{color:#fff;font-weight:600}

/* cartão branco das páginas de apoio */
.px-canal,.px-form,.px-cat,.px-total,.px-gr-res,.px-mk,.px-ia-c,.px-tres li{background:#fff;border-radius:var(--raio-g);box-shadow:inset 0 0 0 1px rgba(10,30,14,.1),0 24px 50px -36px rgba(10,30,14,.35)}
.px-canal-ic,.px-form-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:var(--tinta);color:var(--neon)}
.px-canal-ic svg,.px-form-ic svg{width:21px;height:21px}

/* ---------- contato ---------- */
.px-ct-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:start}
.px-ct-canais{display:grid;gap:18px;align-content:start}
.px-ct-canais .titulo{margin-bottom:12px}
.px-canais{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.px-canal{display:flex;align-items:center;gap:16px;padding:18px 18px 18px 20px}
.px-canal>div{display:grid;gap:2px;flex:1;min-width:0}
.px-canal small{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cinza-claro)}
.px-canal b{font-size:18px;font-weight:600;letter-spacing:-.01em;overflow-wrap:anywhere}
.px-canal span:not(.px-canal-ic){font-size:14px;color:var(--cinza-claro)}
.px-canal-bt{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:44px;padding:0 16px;border-radius:999px;background:var(--nevoa);font-size:14.5px;font-weight:600;transition:background .3s ease,transform .3s var(--mola)}
.px-canal-bt svg{width:16px;height:16px;color:var(--verde-texto);transition:transform .35s var(--mola)}
.px-canal-bt:hover{background:#E9EEE9}
.px-canal-bt:hover svg{transform:translateX(3px)}
.px-canal-bt:active{transform:scale(.97)}
.px-ct-empresa{font-size:13.5px;color:var(--cinza-claro);letter-spacing:.02em}

/* formulário */
.px-form{display:grid;gap:18px;padding:clamp(24px,3vw,36px)}
.px-form-cab{display:flex;gap:16px;align-items:center;margin-bottom:4px}
.px-form-cab h3{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.3rem,2vw,1.55rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;text-wrap:balance}
.px-form-cab p{font-size:15px;color:var(--cinza-claro);margin-top:4px}
.px-campo{display:grid;gap:8px;position:relative}
.px-campo>span{font-size:14px;font-weight:600}
.px-campo>span i{font-style:normal;font-weight:500;color:var(--cinza-claro)}
.px-campo input,.px-campo textarea,.px-opcoes-bt{width:100%;min-height:54px;padding:0 16px;border:0;border-radius:var(--raio-m);background:var(--nevoa);box-shadow:inset 0 0 0 1px rgba(10,30,14,.1);font:inherit;font-size:16px;color:var(--tinta);transition:box-shadow .25s ease,background .25s ease}
.px-campo textarea{padding:14px 16px;min-height:120px;resize:vertical;line-height:1.5}
.px-campo input::placeholder,.px-campo textarea::placeholder{color:#8A928B}
.px-campo input:focus,.px-campo textarea:focus,.px-opcoes-bt:focus-visible{outline:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--tinta)}
.px-campo.erro input,.px-campo.erro .px-opcoes-bt{box-shadow:inset 0 0 0 1.5px #C2410C}
.px-form-erro{font-size:14px;font-weight:600;color:#B23A0C}
.px-form-env{width:100%;margin-top:4px}
.px-form-nota{font-size:13px;color:var(--cinza-claro);text-align:center;text-wrap:balance}
.px-form-nota a{text-decoration:underline;text-underline-offset:3px}

/* lista de opção própria, nunca o select do navegador */
.px-opcoes-bt{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}
.px-opcoes-v.vazio{color:#8A928B}
.px-opcoes-bt svg{width:20px;height:20px;flex:none;color:var(--verde-texto);transition:transform .4s var(--mola)}
.px-opcoes-bt[aria-expanded="true"] svg{transform:rotate(180deg)}
.px-opcoes-l[hidden]{display:none}
.px-opcoes-l{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:8;list-style:none;margin:0;padding:6px;display:grid;gap:2px;border-radius:var(--raio-m);background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.1),0 30px 60px -24px rgba(10,30,14,.45);animation:px-abre .25s var(--mola)}
.px-opcoes-l li{display:flex;align-items:center;min-height:46px;padding:0 14px;border-radius:12px;font-size:15.5px;cursor:pointer}
.px-opcoes-l li:hover,.px-opcoes-l li:focus{outline:0;background:var(--nevoa)}
.px-opcoes-l li[aria-selected="true"]{background:#EEF6EF;font-weight:600}
@keyframes px-abre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- calculadora ---------- */
.px-tres{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.px-tres li{display:grid;gap:10px;align-content:start;padding:28px}
.px-tres h3{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}
.px-tres p{font-size:15.5px;color:var(--cinza-claro)}
.px-n{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--tinta);color:var(--neon);font-family:"Funnel Display",system-ui,sans-serif;font-weight:700}

.px-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:24px;align-items:start}
.px-cats{display:grid;gap:14px}
.px-cat{display:grid;gap:14px;padding:clamp(20px,2.4vw,28px)}
.px-cat header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.px-cat h3{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}
.px-cat header small{display:block;font-size:14px;color:var(--cinza-claro);margin-top:2px}
.px-cat>p{font-size:15px;color:var(--cinza-claro);max-width:52ch}
.px-cat-preco{display:grid;justify-items:end;flex:none;font-family:"Funnel Display",system-ui,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.px-cat-preco small{font-family:"Google Sans Flex",system-ui,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:0;color:var(--cinza-claro)}
.px-qtd{display:grid;gap:10px}
.px-qtd label{font-size:14px;font-weight:600}
.px-range{max-width:none}
.px-range input[type=range]{min-width:0}
.px-num{flex:none;width:7.5em;min-height:46px;padding:0 12px;border:0;border-radius:12px;background:var(--nevoa);box-shadow:inset 0 0 0 1px rgba(10,30,14,.1);font:inherit;font-size:16px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;color:var(--tinta)}
.px-num:focus{outline:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--tinta)}
.px-dica{font-size:13px;color:var(--cinza-claro)}
.px-sub{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;border-top:1px solid var(--linha-clara)}
.px-sub span{font-size:13.5px;color:var(--cinza-claro)}
.px-sub b{font-family:"Funnel Display",system-ui,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.px-nums{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--raio-m);background:var(--nevoa)}
.px-nums>span{font-size:14px;font-weight:600}
.px-passo{display:flex;align-items:center;gap:6px}
.px-passo button{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.12);font-size:20px;font-weight:600;transition:transform .2s var(--mola)}
.px-passo button:active{transform:scale(.92)}
.px-passo output{min-width:2.2em;text-align:center;font-family:"Funnel Display",system-ui,sans-serif;font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}

/* liga e desliga do Meta Business Agent */
.px-tg{position:relative;flex:none;cursor:pointer}
.px-tg input{position:absolute;opacity:0;width:1px;height:1px}
.px-tg span{display:block;width:54px;height:32px;border-radius:999px;background:#D7DED8;transition:background .3s ease}
.px-tg span::after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .35s var(--mola)}
.px-tg input:checked+span{background:var(--tinta)}
.px-tg input:checked+span::after{transform:translateX(22px);background:var(--neon)}
.px-tg input:focus-visible+span{outline:2px solid var(--tinta);outline-offset:3px}
.px-mba-in{display:grid;gap:16px}

/* total, fixo ao lado no computador */
.px-total{position:sticky;top:96px;display:grid;gap:10px;padding:28px;background:var(--tinta);color:#fff;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.px-total>small{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.px-total-v{font-family:"Funnel Display",system-ui,sans-serif;font-size:clamp(2.2rem,3.4vw,2.8rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--neon);font-variant-numeric:tabular-nums}
.px-total-usd{font-size:14px;color:rgba(255,255,255,.62)}
.px-total-l{list-style:none;margin:8px 0;padding:0;display:grid}
.px-total-l li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);font-size:15px}
.px-total-l li span{color:rgba(255,255,255,.7)}
.px-total-l li b{font-weight:600;font-variant-numeric:tabular-nums}
.px-cambio{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:rgba(255,255,255,.7)}
.px-cambio b{color:#fff}
.px-cambio button{min-height:44px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.1);font-size:13.5px;font-weight:600;color:#fff;transition:background .3s ease}
.px-cambio button:hover{background:rgba(255,255,255,.18)}
.px-cambio-nota{font-size:12.5px;color:rgba(255,255,255,.5);margin-bottom:6px}
.px-total .btn{width:100%}
.px-total .btn-linha{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}

/* 72 horas */
.px-72-grade,.px-mk-grade,.px-ponte{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center}
.px-72-grade .titulo,.px-mk-grade .titulo,.px-ponte .titulo{margin:14px 0 18px}
.px-aviso{display:flex;gap:10px;align-items:flex-start;margin-top:20px;font-size:14.5px;color:rgba(255,255,255,.7)}
.px-aviso svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--neon)}
.px-passos{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.px-passos li{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--raio-m);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:16px}
.px-passos b{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;background:rgba(255,255,255,.1);color:var(--neon);font-family:"Funnel Display",system-ui,sans-serif}
.px-passos .px-zero{justify-content:center;background:var(--neon);color:#06240D;font-family:"Funnel Display",system-ui,sans-serif;font-size:1.25rem;font-weight:700;box-shadow:none}

/* IA */
.px-ia-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px;margin-inline:auto}
.px-ia-c{display:grid;gap:8px;padding:28px}
.px-ia-c small{font-size:14px;font-weight:600;color:var(--cinza-claro)}
.px-ia-c b{font-family:"Funnel Display",system-ui,sans-serif;font-size:clamp(2.2rem,4vw,3rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums}
.px-ia-c span{font-size:15px;color:var(--cinza-claro)}
.px-ia-rv{background:var(--tinta);color:#fff;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.px-ia-rv b{color:var(--neon)}
.px-ia-rv small,.px-ia-rv span{color:rgba(255,255,255,.7)}

/* sem taxa */
.px-mk{display:grid;gap:14px;padding:28px}
.px-mk>small{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza-claro)}
.px-mk ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.px-mk li{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--raio-p);background:var(--nevoa);font-size:15.5px}
.px-mk li b{font-variant-numeric:tabular-nums;white-space:nowrap}
.px-mk li.rv{background:var(--tinta);color:#fff}
.px-mk li.rv b{color:var(--neon)}

.px-fontes{display:grid;gap:8px;max-width:760px;margin:40px auto 0;padding:22px 24px;border-radius:var(--raio-m);background:var(--nevoa);font-size:14.5px}
.px-fontes a{text-decoration:underline;text-underline-offset:3px;color:var(--verde-texto)}
.px-fontes small{color:var(--cinza-claro)}

/* ---------- gerador de link ---------- */
.px-gr-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.px-ddi{display:flex;align-items:center;border-radius:var(--raio-m);background:var(--nevoa);box-shadow:inset 0 0 0 1px rgba(10,30,14,.1)}
.px-ddi b{padding:0 4px 0 16px;font-size:16px;font-weight:600;color:var(--cinza-claro)}
.px-ddi input{box-shadow:none;background:transparent}
.px-ddi:focus-within{background:#fff;box-shadow:inset 0 0 0 1.5px var(--tinta)}
.px-ddi input:focus{box-shadow:none}
.px-gr-res{display:grid;align-content:center;padding:clamp(24px,3vw,36px);background:var(--tinta);color:#fff;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.px-gr-vazio{display:grid;justify-items:center;gap:14px;text-align:center;color:rgba(255,255,255,.62)}
.px-gr-vazio .px-form-ic{background:rgba(255,255,255,.08)}
.px-gr-pronto{display:grid;gap:16px}
.px-gr-pronto>small{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--neon)}
.px-gr-link{display:block;padding:16px 18px;border-radius:var(--raio-m);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:15px;line-height:1.5;overflow-wrap:anywhere;user-select:all}
.px-gr-acoes{display:flex;flex-wrap:wrap;gap:10px}
.px-gr-acoes .btn{flex:1 1 180px}
.px-gr-acoes .btn-linha{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.px-gr-dica{font-size:14px;color:rgba(255,255,255,.62)}
.px-ponte .btn{justify-self:end}

/* ---------- política e termos ---------- */
.px-doc{padding-block:clamp(48px,6vw,88px)}
.px-doc-grade{display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.px-indice{position:sticky;top:96px;max-height:calc(100svh - 120px);overflow:auto;padding-right:4px}
.px-indice summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza-claro);margin-bottom:12px;cursor:default}
.px-indice summary::-webkit-details-marker{display:none}
.px-indice summary svg{display:none;width:20px;height:20px;color:var(--verde-texto);transition:transform .4s var(--mola)}
.px-indice ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.px-indice a{display:block;padding:8px 12px;border-radius:10px;font-size:14.5px;line-height:1.35;color:var(--cinza-claro);transition:background .2s ease,color .2s ease}
.px-indice a:hover{background:var(--nevoa);color:var(--tinta)}
.px-indice a.ativo{background:var(--tinta);color:#fff}
.px-texto{max-width:72ch;font-size:16.5px;line-height:1.7;color:#2A322B}
.px-texto>*+*{margin-top:1em}
.px-texto h2{scroll-margin-top:96px;margin-top:2.4em;padding-top:1.2em;border-top:1px solid var(--linha-clara);font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.45rem,2.3vw,1.8rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--tinta)}
.px-texto h2:first-of-type{margin-top:1.6em}
.px-texto h3{margin-top:1.8em;font-size:1.12rem;font-weight:700;letter-spacing:-.01em;color:var(--tinta)}
.px-texto strong{font-weight:600;color:var(--tinta)}
.px-texto ul,.px-texto ol{padding-left:1.3em}
.px-texto li+li{margin-top:.45em}
.px-texto a{color:var(--verde-texto);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.px-texto hr{border:0;border-top:1px solid var(--linha-clara);margin-block:2em}
.lg-tab{overflow-x:auto;border-radius:var(--raio-m);box-shadow:inset 0 0 0 1px var(--linha-clara)}
.lg-tab table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.lg-tab th,.lg-tab td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha-clara)}
.lg-tab th{background:var(--nevoa);font-weight:600;color:var(--tinta)}
.lg-tab tr:last-child td{border-bottom:0}

/* ---------- 404 ---------- */
.px-404{min-height:100svh;display:grid;align-content:center;padding-bottom:clamp(72px,9vw,120px)}
.px-404 .caixa{display:grid;justify-items:center;gap:22px}
.px-404 h1{margin-top:-6px}
.px-404-n{font-family:"Funnel Display",system-ui,sans-serif;font-size:clamp(5rem,14vw,9rem);font-weight:700;letter-spacing:-.06em;line-height:.9;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.35)}
.px-404-atalhos{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(100%,920px)}
.px-404-atalhos a{display:grid;justify-items:start;gap:6px;height:100%;padding:18px;border-radius:var(--raio-m);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);text-align:left;transition:background .3s ease,transform .35s var(--mola)}
.px-404-atalhos a:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.px-404-atalhos .px-canal-ic{width:40px;height:40px;background:rgba(255,255,255,.08);margin-bottom:6px}
.px-404-atalhos b{font-size:16px;font-weight:600;color:#fff}
.px-404-atalhos small{font-size:13.5px;color:rgba(255,255,255,.62)}

/* ---------- telas menores ---------- */
@media (max-width:1024px){
  .px-calc{grid-template-columns:minmax(0,1fr)}
  .px-total{position:static}
  .px-404-atalhos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .px-ct-grade,.px-gr-grade,.px-72-grade,.px-mk-grade,.px-ponte{grid-template-columns:minmax(0,1fr)}
  .px-ponte .btn{justify-self:start}
  .px-tres{grid-template-columns:1fr}
  .px-ia-grade{grid-template-columns:1fr}
  .px-doc-grade{grid-template-columns:minmax(0,1fr);gap:24px}
  .px-indice{position:static;max-height:none;overflow:visible;padding:0}
  .px-indice-d{border-radius:var(--raio-m);background:var(--nevoa);padding:6px}
  .px-indice summary{margin:0;min-height:48px;padding:0 12px;cursor:pointer}
  .px-indice summary svg{display:block}
  .px-indice-d[open] summary svg{transform:rotate(180deg)}
  .px-indice ol{padding:4px 0 6px}
}
@media (max-width:640px){
  .px-canal{flex-wrap:wrap}
  .px-canal-bt{width:100%;justify-content:center}
  .px-cat header{flex-direction:column;gap:8px}
  .px-cat-preco{justify-items:start}
  .px-range{flex-wrap:wrap}
  .px-range input[type=range]{flex:1 1 100%}
  .px-num{width:100%}
  .px-404-atalhos{grid-template-columns:1fr}
  .px-texto{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.px-opcoes-l{animation:none}}

/* orçamento em PDF, só o total vai pro papel */
@media print{
  body *{visibility:hidden}
  .px-total,.px-total *{visibility:visible}
  .px-total{position:absolute;left:0;top:0;width:100%;background:#fff;color:#000;box-shadow:none}
  .px-total .btn,.px-cambio button{display:none}
}

/* o que nasce escondido fica escondido, o display das classes acima passava por cima do hidden */
.px-calc [hidden],.px-gr-res [hidden],.px-form [hidden]{display:none!important}
/* o campo de número mora dentro do .cp-range, que pinta todo input como barra de arrastar */
.cp-range.px-range .px-num{-webkit-appearance:none;appearance:none;flex:none;height:auto;min-height:46px;background:var(--nevoa);cursor:text}
.cp-range.px-range .px-num:focus{background:#fff}
@media (max-width:640px){.cp-range.px-range .px-num{flex:1 1 100%}}
.px-total>small.px-cambio-nota{font-weight:400;letter-spacing:0;text-transform:none}

/* programa de parceiros implementadores (03/11/2026) */
.pc-ganhos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pc-ganhos li{display:grid;gap:10px;align-content:start;padding:clamp(26px,3vw,36px);border-radius:28px;background:linear-gradient(160deg,#0E1A10,#050806);box-shadow:inset 0 0 0 1px rgba(83,255,93,.32),0 40px 80px -50px rgba(31,168,85,.7);color:#fff}
.pc-ganhos b{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(3.2rem,6vw,4.6rem);line-height:1;letter-spacing:-.04em;font-weight:700;color:var(--neon)}
.pc-ganhos span{font-size:17px;line-height:1.5;color:rgba(255,255,255,.78);text-wrap:pretty}
.pc-passos-grade{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.pc-passos{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pc-passos li{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border-radius:var(--raio-m,20px);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pc-passos li>b{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;background:rgba(83,255,93,.14);color:var(--neon);font-family:"Funnel Display",system-ui,sans-serif;font-weight:700}
.pc-passos strong{display:block;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:1.15rem;font-weight:600;letter-spacing:-.01em}
.pc-passos span{display:block;margin-top:4px;font-size:15.5px;line-height:1.5;color:var(--cinza-escuro)}
.pc-passos li:last-child{background:var(--neon);box-shadow:none}
.pc-passos li:last-child>b{background:rgba(6,36,13,.14);color:#06240D}
.pc-passos li:last-child strong,.pc-passos li:last-child span{color:#06240D}
.pc-sim{max-width:980px;margin:0 auto}
.pc-planos{display:flex;gap:6px;padding:5px;border-radius:999px;background:var(--nevoa);box-shadow:inset 0 0 0 1px var(--linha-clara)}
.pc-planos button{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:15px;font-weight:600;color:var(--cinza-claro);cursor:pointer;transition:background .2s,color .2s}
.pc-planos button[aria-pressed="true"]{background:var(--tinta);color:var(--neon)}
.pc-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.pc-res>div{display:grid;gap:6px;padding:24px;border-radius:24px;background:var(--nevoa);box-shadow:inset 0 0 0 1px var(--linha-clara)}
.pc-res small{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza-claro)}
.pc-res b{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.1;letter-spacing:-.02em;font-weight:700;font-variant-numeric:tabular-nums}
.pc-res span{font-size:14.5px;color:var(--cinza-claro)}
.pc-res .pc-res-d{background:var(--tinta);box-shadow:none}
.pc-res .pc-res-d small,.pc-res .pc-res-d span{color:var(--cinza-escuro)}
.pc-res .pc-res-d b{color:var(--neon)}
@media (max-width:900px){.pc-passos-grade{grid-template-columns:1fr}}
@media (max-width:760px){.pc-ganhos,.pc-res{grid-template-columns:1fr}.pc-planos{width:100%}.pc-planos button{flex:1}}
/* rec/blog.css */
/* Blog do Renv Chat, no molde do blog de chrislopreto.com.br. 14/10/2026.
   Tudo alinhado na .caixa do site, a mesma largura do cabeçalho. O vermelho do blog dela aqui é o verde do Renv Chat,
   verde-texto sobre branco e neon só sobre fundo escuro. */

/* barra de leitura no topo da tela */
.ar-progresso{position:fixed;inset:0 0 auto;height:3px;z-index:120;pointer-events:none}
.ar-progresso i{display:block;height:100%;width:100%;transform:scaleX(var(--lido,0));transform-origin:0 50%;background:var(--neon);box-shadow:0 0 12px rgba(83,255,93,.6)}

/* rótulo de editoria e linha de data, nas duas páginas */
.bi-ed-rot,.ar-ed{display:block;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--verde-texto)}
.bm{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--cinza-claro);font-variant-numeric:tabular-nums}
.bm>*+*::before{content:"·";margin-right:14px;color:#B9BFB9}

/* ===================== artigo ===================== */
.ar-topo{--sobe:clamp(96px,15vw,240px);padding-top:calc(72px + env(safe-area-inset-top,0px) + clamp(36px,5vw,64px))}
.ar-trilha{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;color:var(--cinza-claro)}
.ar-trilha a{transition:color .2s ease}
.ar-trilha a:hover{color:var(--tinta)}
.ar-trilha span[aria-hidden]{color:#B9BFB9}
.ar-trilha-at{color:var(--tinta);max-width:42ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-ed{margin-top:clamp(36px,5vw,64px)}
.ar-topo h1{max-width:15em;margin:14px 0 20px;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(2.3rem,5vw,4.1rem);font-weight:700;letter-spacing:-.045em;line-height:1.03;text-wrap:balance;color:var(--tinta)}
.ar-apoio{max-width:36em;font-size:clamp(1.08rem,1.5vw,1.25rem);line-height:1.6;color:var(--cinza-claro);text-wrap:pretty}
.ar-autor{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:clamp(28px,4vw,40px);padding-top:22px;border-top:1px solid var(--linha-clara)}
.ar-quem{display:flex;align-items:center;gap:12px}
.ar-quem b{display:block;font-size:16px;font-weight:600}
.ar-quem small{display:block;font-size:13.5px;color:var(--cinza-claro)}
.ar-quem-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--tinta);overflow:hidden}
.ar-quem-ic img{width:26px;height:26px}
.ar-quem-ic.g{width:68px;height:68px}
.ar-quem-ic.g img{width:36px;height:36px}
.ar-datas{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:var(--cinza-claro);font-variant-numeric:tabular-nums}

/* compartilhar */
.ar-comp{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}
.ar-comp-rot{font-size:14px;color:var(--cinza-claro);margin-right:6px}
.ar-c{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.14);color:var(--tinta);transition:background .25s ease,box-shadow .25s ease,transform .3s var(--mola)}
.ar-c svg{width:19px;height:19px}
.ar-c:hover{background:var(--nevoa);box-shadow:inset 0 0 0 1px rgba(10,30,14,.3)}
.ar-c:active{transform:scale(.94)}
.ar-c-link{display:inline-flex;gap:8px;width:auto;padding:0 16px 0 14px;font-size:14.5px;font-weight:500}
.ar-c-link svg{width:17px;height:17px}
.ar-c.feito{background:var(--tinta);color:#fff;box-shadow:none}
.ar-aviso{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:130;padding:12px 18px;border-radius:999px;background:var(--tinta);color:#fff;font-size:14.5px;font-weight:500;box-shadow:0 20px 40px -16px rgba(0,0,0,.6);transform:translate(-50%,16px);opacity:0;transition:opacity .3s ease,transform .45s var(--mola);pointer-events:none;max-width:calc(100vw - 32px);text-align:center}
.ar-aviso.on{opacity:1;transform:translate(-50%,0)}

/* foto grande que desce até a faixa escura */
.ar-capa{position:relative;z-index:2;margin:clamp(28px,4vw,40px) 0 calc(-1 * var(--sobe));overflow:hidden;border-radius:var(--raio-g);aspect-ratio:16/9;background:var(--nevoa);box-shadow:0 40px 80px -40px rgba(0,0,0,.45)}
.ar-capa img{width:100%;height:100%;object-fit:cover}

/* coluna do índice e coluna de leitura, a mesma grade na resposta rápida e no corpo */
.ar-grade{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(40px,7vw,120px);align-items:start}

/* resposta rápida */
.ar-resp{padding:calc(clamp(96px,15vw,240px) + clamp(52px,6vw,88px)) 0 clamp(64px,8vw,104px)}
.ar-resp-rot{display:flex;align-items:center;gap:10px;padding-top:8px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.ar-resp-rot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px rgba(83,255,93,.8)}
.ar-resp-txt{max-width:38em;font-size:clamp(1.15rem,1.75vw,1.45rem);line-height:1.62;color:rgba(255,255,255,.8);text-wrap:pretty}
.ar-resp-txt strong{color:#fff;font-weight:600}

.ar-corpo{padding-block:clamp(64px,8vw,112px)}

/* índice preso ao lado, com o trilho que enche conforme a leitura */
.ar-lado{position:sticky;top:calc(96px + env(safe-area-inset-top,0px));display:grid;gap:28px}
.ar-lado-rot{display:block;margin-bottom:14px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cinza-claro)}
.ar-indice{position:relative}
.ar-trilho{position:absolute;left:0;top:34px;bottom:0;width:2px;border-radius:2px;background:var(--linha-clara);overflow:hidden}
.ar-trilho i{display:block;width:100%;height:100%;transform:scaleY(var(--lido,0));transform-origin:50% 0;background:var(--verde)}
.ar-indice ol{list-style:none;margin:0;padding:0 0 0 14px;display:grid;gap:2px}
.ar-indice a,.ar-icel-l a{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:8px 10px;border-radius:10px;font-size:14.5px;line-height:1.38;color:var(--cinza-claro);transition:background .2s ease,color .2s ease}
.ar-i-n{font-size:12px;font-weight:600;letter-spacing:.04em;padding-top:2px;color:#A3AAA3;font-variant-numeric:tabular-nums}
.ar-indice a:hover,.ar-icel-l a:hover{background:var(--nevoa);color:var(--tinta)}
.ar-indice a.ativo,.ar-icel-l a.ativo{color:var(--tinta);font-weight:600}
.ar-indice a.ativo .ar-i-n,.ar-icel-l a.ativo .ar-i-n{color:var(--verde-texto)}
.ar-lado-comp{padding-top:24px;border-top:1px solid var(--linha-clara)}
.ar-lado-comp .ar-comp{margin-top:0}
.ar-indice-cel{display:none}

/* texto */
.ar-col{min-width:0}
.ar-texto{font-size:17.5px;line-height:1.75;color:#2A322B}
.ar-texto>*{max-width:66ch}
.ar-texto>*+*{margin-top:1.1em}
.ar-texto>figure,.ar-texto>.ar-tab{max-width:none}
.ar-texto h2,.ar-duvidas h2{scroll-margin-top:calc(110px + env(safe-area-inset-top,0px));margin-top:2.3em;font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:700;letter-spacing:-.035em;line-height:1.15;color:var(--tinta);text-wrap:balance}
.ar-texto>h2:first-child{margin-top:0}
.ar-texto h3{margin-top:1.9em;font-size:1.22rem;font-weight:700;letter-spacing:-.015em;line-height:1.3;color:var(--tinta)}
.ar-texto h2+p,.ar-texto h3+p{margin-top:.7em}
.ar-texto strong{font-weight:600;color:var(--tinta)}
.ar-texto ul{list-style:none;padding:0;display:grid;gap:.55em}
.ar-texto ul li{position:relative;padding-left:22px}
.ar-texto ul li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--verde)}
.ar-texto ol:not(.ar-passos){padding-left:1.3em;display:grid;gap:.55em}
/* passos numerados com o número em círculo */
.ar-passos{list-style:none;padding:0;display:grid;gap:14px;counter-reset:passo}
.ar-passos li{counter-increment:passo;position:relative;padding-left:46px;min-height:32px}
.ar-passos li::before{content:counter(passo);position:absolute;left:0;top:.1em;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tinta);color:#fff;font-size:14px;font-weight:700;line-height:1}
/* foto de seção com legenda */
.ar-foto{margin:2em 0 0}
.ar-foto img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:22px;background:var(--nevoa)}
.ar-foto figcaption,.ar-tab figcaption{display:flex;align-items:baseline;gap:12px;margin-top:12px;font-size:14px;line-height:1.45;color:var(--cinza-claro)}
.ar-foto figcaption::before{content:"";flex:none;width:16px;height:2px;border-radius:2px;background:var(--verde);transform:translateY(-4px)}
.ar-foto+p,.ar-tab+p,.ar-dest+p{margin-top:1.6em}
/* tabela */
.ar-tab{margin:2em 0 0}
.ar-tab-in{overflow-x:auto;border-radius:18px;box-shadow:inset 0 0 0 1px var(--linha-clara)}
.ar-tab table{width:100%;min-width:560px;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.ar-tab th,.ar-tab td{padding:14px 18px;text-align:left;vertical-align:top}
.ar-tab thead th{background:var(--tinta);color:#fff;font-weight:600}
.ar-tab tbody th{font-weight:600;color:var(--tinta);white-space:nowrap}
.ar-tab tbody tr+tr th,.ar-tab tbody tr+tr td{border-top:1px solid var(--linha-clara)}
.ar-tab tbody tr:nth-child(even){background:var(--nevoa)}
/* caixa "No Renv Chat" */
.ar-dest{display:grid;gap:8px;margin-top:2em;padding:4px 0 4px 22px;border-left:3px solid var(--verde)}
.ar-dest-rot{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--verde-texto)}
.ar-dest p{font-size:16.5px;line-height:1.6;color:#2A322B}
.ar-dest a{display:inline-flex;align-items:center;gap:8px;justify-self:start;font-size:15.5px;font-weight:600;color:var(--tinta);text-decoration:underline;text-decoration-color:var(--verde);text-decoration-thickness:2px;text-underline-offset:5px}
.ar-dest a svg{width:16px;height:16px;color:var(--verde-texto);transition:transform .3s var(--mola)}
.ar-dest a:hover svg{transform:translateX(4px)}

/* dúvidas, conhece alguém e quem escreveu */
.ar-duvidas{margin-top:clamp(56px,7vw,88px);max-width:66ch}
.ar-duvidas .faq{margin-top:20px}
.ar-conhece{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;max-width:66ch;margin-top:clamp(40px,5vw,56px);padding:22px 24px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--linha-clara)}
.ar-conhece b{font-size:16.5px;font-weight:600}
.ar-conhece .ar-comp{margin-top:0}
.ar-quem-box{display:flex;gap:20px;align-items:flex-start;max-width:66ch;margin-top:16px;padding:28px;border-radius:var(--raio-g);background:var(--nevoa)}
.ar-quem-box small{display:block;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cinza-claro)}
.ar-quem-box b{display:block;margin:4px 0 8px;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}
.ar-quem-box p{font-size:15.5px;line-height:1.6;color:#2A322B}
.ar-quem-box nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px}
.ar-quem-box nav a{font-size:14.5px;font-weight:600;color:var(--tinta);text-decoration:underline;text-decoration-color:rgba(10,11,10,.25);text-underline-offset:4px;min-height:32px;display:inline-flex;align-items:center}
.ar-quem-box nav a:hover{text-decoration-color:var(--verde)}

/* leia também */
.ar-leia{padding-block:clamp(64px,8vw,104px)}
.ar-leia-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:18px;margin-bottom:28px;border-bottom:1px solid #DCE2DC}
.ar-leia-cab h2,.bi-cab h1{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-weight:700;letter-spacing:-.045em;line-height:1;color:var(--tinta)}
.ar-leia-cab h2{font-size:clamp(1.9rem,3.4vw,2.8rem)}
.ar-leia-cab h2 span,.bi-cab h1 span{color:var(--verde)}
.ar-leia-cab a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600}
.ar-leia-cab a svg{width:16px;height:16px;color:var(--verde-texto)}
.ar-leia-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,32px)}
.ar-leia-l a{display:grid;gap:10px;align-content:start}
.ar-leia-img{display:block;overflow:hidden;border-radius:18px;aspect-ratio:16/10;margin-bottom:6px;background:#E4E8E4}
.ar-leia-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--mola)}
.ar-leia-l a:hover .ar-leia-img img{transform:scale(1.04)}
.ar-leia-l b{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;text-wrap:balance}
.ar-leia-ap{font-size:15px;line-height:1.55;color:var(--cinza-claro);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===================== lista do blog ===================== */
.bi-topo{padding:calc(72px + env(safe-area-inset-top,0px) + clamp(40px,6vw,80px)) 0 clamp(64px,8vw,104px)}
.bi-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26em);align-items:end;gap:20px 48px}
.bi-cab h1{font-size:clamp(4.2rem,11vw,9rem)}
.bi-cab p{font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.6;color:var(--cinza-claro);padding-bottom:14px;text-wrap:pretty}
.bi-cab p b{color:var(--tinta);font-weight:600}
.bi-eds{display:flex;flex-wrap:wrap;gap:6px;margin-top:clamp(28px,4vw,44px);padding-bottom:16px;border-bottom:1px solid var(--linha-clara)}
.bi-eds button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font-size:15px;font-weight:500;color:var(--cinza-claro);transition:background .25s ease,color .25s ease}
.bi-eds button small{font-size:12px;font-weight:600;color:#A3AAA3;font-variant-numeric:tabular-nums}
.bi-eds button:hover{background:var(--nevoa);color:var(--tinta)}
.bi-eds button[aria-selected="true"]{background:var(--tinta);color:#fff}
.bi-eds button[aria-selected="true"] small{color:var(--neon)}
.bi-vitrine{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:clamp(24px,3.5vw,48px);margin-top:clamp(24px,3vw,36px)}
.bi-dest{position:relative;isolation:isolate;display:grid;align-content:end;min-height:clamp(440px,42vw,600px);padding:clamp(24px,3vw,40px);border-radius:var(--raio-g);overflow:hidden;color:#fff;background:var(--tinta)}
.bi-dest img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--mola)}
.bi-dest::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,7,0) 30%,rgba(6,8,7,.55) 58%,rgba(6,8,7,.92))}
.bi-dest:hover img{transform:scale(1.03)}
.bi-dest-txt{display:grid;gap:12px;max-width:34em}
.bi-dest .bi-ed-rot{color:var(--neon)}
.bi-dest b{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.8rem,3.2vw,2.7rem);font-weight:700;letter-spacing:-.04em;line-height:1.06;text-wrap:balance}
.bi-dest-apoio{font-size:16px;line-height:1.55;color:rgba(255,255,255,.8)}
.bi-dest .bm{color:rgba(255,255,255,.7)}
.bi-dest .bm>*+*::before{color:rgba(255,255,255,.35)}
.bi-rec-rot{display:block;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cinza-claro);padding-bottom:6px}
.bi-rec ol,.bi-filtro{list-style:none;margin:0;padding:0}
.bi-rec li a,.bi-filtro li a{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--linha-clara)}
.bi-rec li:last-child a{border-bottom:0}
.bi-l-txt{display:grid;gap:6px}
.bi-l-txt b{font-size:16.5px;font-weight:600;line-height:1.32;letter-spacing:-.01em;text-wrap:balance;transition:color .2s ease}
.bi-rec li a:hover b,.bi-filtro li a:hover b{color:var(--verde-texto)}
.bi-l-img{display:block;overflow:hidden;border-radius:14px;aspect-ratio:1;background:#E4E8E4}
.bi-l-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--mola)}
.bi-rec li a:hover .bi-l-img img,.bi-filtro li a:hover .bi-l-img img{transform:scale(1.06)}
.bi-filtro{margin-top:clamp(12px,2vw,20px)}
.bi-filtro li a{grid-template-columns:minmax(0,1fr) 260px;gap:clamp(20px,4vw,48px);padding:24px 0}
.bi-filtro .bi-l-img{aspect-ratio:16/10}
.bi-filtro .bi-l-txt b{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:700;letter-spacing:-.03em}

/* ===================== telas menores ===================== */
@media (max-width:1024px){
  .ar-grade{grid-template-columns:minmax(0,1fr);gap:20px}
  .ar-lado{display:none}
  .ar-resp-rot{padding-top:0}
  /* o índice vira uma barra presa embaixo do cabeçalho, mostrando a seção que está sendo lida */
  .ar-indice-cel{display:block;position:sticky;top:calc(72px + env(safe-area-inset-top,0px));z-index:20;margin:0 0 28px}
  .ar-icel-bt{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:0 16px;border-radius:16px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(10,30,14,.12),0 14px 30px -20px rgba(10,30,14,.4);text-align:left}
  .ar-icel-rot{flex:none;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6A746C}
  .ar-icel-at{flex:1;min-width:0;font-size:15.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ar-icel-bt svg{flex:none;width:20px;height:20px;color:var(--verde-texto);transition:transform .4s var(--mola)}
  .ar-icel-bt[aria-expanded="true"] svg{transform:rotate(180deg)}
  .ar-icel-l{position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:min(60svh,460px);overflow:auto;padding:6px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,30,14,.1),0 30px 60px -24px rgba(10,30,14,.45)}
  .ar-icel-l[hidden]{display:none}
  .ar-icel-l ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
  .ar-icel-l a{min-height:44px;align-items:center}
  .bi-vitrine{grid-template-columns:minmax(0,1fr)}
  .ar-leia-l{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ar-leia-l li:nth-child(3){display:none}
}
@media (max-width:760px){
  .bi-cab{grid-template-columns:minmax(0,1fr)}
  .bi-cab p{padding-bottom:0}
  .ar-texto{font-size:17px}
  .ar-autor{align-items:flex-start;flex-direction:column}
  .ar-datas{gap:4px 16px;font-size:13.5px}
  .ar-trilha-at{max-width:100%}
  .bi-filtro li a{grid-template-columns:minmax(0,1fr) 112px}
  .bi-filtro .bi-l-img{aspect-ratio:1}
  .ar-quem-box{flex-direction:column;padding:24px}
  .ar-leia-l{grid-template-columns:minmax(0,1fr)}
  .ar-leia-l li:nth-child(3){display:block}
  .ar-foto img{border-radius:16px}
}
@media (prefers-reduced-motion:reduce){.ar-progresso{display:none}.ar-aviso{transition:none}}
.bi-vitrine[hidden],.bi-filtro[hidden],.bi-filtro li[hidden]{display:none}
/* no blog o topo é branco, então o cabeçalho já nasce com o fundo escuro de quando a página rola */
body[data-slug="blog"] .cab{background:rgba(10,11,10,.94);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);box-shadow:0 1px 0 var(--linha-escura)}
body[data-slug="blog"] .cab::before,body[data-slug="blog"] .cab::after{opacity:0}

/* ===================== lista do blog, as faixas por editoria (14/10/2026) =====================
   inspirada na lista do blog da Chris, uma faixa por editoria com o nome grande e os artigos em lista */
.bi-eds a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font-size:15px;font-weight:500;color:var(--cinza-claro);transition:background .25s ease,color .25s ease}
.bi-eds a small{font-size:12px;font-weight:600;color:#A3AAA3;font-variant-numeric:tabular-nums}
.bi-eds a:hover{background:var(--nevoa);color:var(--tinta)}
.bi-eds a.ativo{background:var(--tinta);color:#fff}
.bi-eds a.ativo small{color:var(--neon)}
.bi-faixa{padding-block:clamp(80px,10vw,136px);scroll-margin-top:72px}
.bi-faixa-e{background-color:var(--tinta);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 120px)}
.bi-faixa-grade{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:clamp(40px,7vw,120px);align-items:start}
.bi-faixa-cab{position:sticky;top:110px;display:grid;gap:14px;align-content:start}
.bi-faixa-n{font-family:"Funnel Display",system-ui,sans-serif;font-size:clamp(4rem,8vw,6.5rem);font-weight:700;letter-spacing:-.06em;line-height:.85;color:transparent;-webkit-text-stroke:1.5px rgba(10,11,10,.18)}
.bi-faixa-e .bi-faixa-n{-webkit-text-stroke-color:rgba(255,255,255,.22)}
.bi-faixa-rot{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--verde-texto)}
.bi-faixa-e .bi-faixa-rot{color:var(--neon)}
.bi-faixa-cab h2{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(2.4rem,4.4vw,3.8rem);font-weight:700;letter-spacing:-.045em;line-height:.98;text-wrap:balance}
.bi-faixa-cab h2 span{color:var(--verde)}
.bi-faixa-e .bi-faixa-cab h2 span{color:var(--neon)}
.bi-faixa-cab p{max-width:26em;font-size:16px;line-height:1.6;color:var(--cinza-claro);text-wrap:pretty}
.bi-faixa-e .bi-faixa-cab p{color:rgba(255,255,255,.66)}
.bi-faixa-cab small{font-size:13.5px;font-weight:600;color:var(--cinza-claro)}
.bi-faixa-e .bi-faixa-cab small{color:rgba(255,255,255,.5)}
.bi-faixa-l{list-style:none;margin:0;padding:0;display:grid}
.bi-faixa-l li+li a{border-top:1px solid var(--linha-clara)}
.bi-faixa-e .bi-faixa-l li+li a{border-top-color:rgba(255,255,255,.1)}
.nevoa .bi-faixa-l li+li a{border-top-color:#DCE2DC}
.bi-faixa-l a{display:grid;grid-template-columns:clamp(160px,18vw,240px) minmax(0,1fr) 44px;gap:clamp(18px,2.6vw,32px);align-items:center;padding:clamp(20px,2.4vw,28px) 0}
.bi-faixa-l li:first-child a{padding-top:0}
.bi-fl-img{display:block;overflow:hidden;border-radius:16px;aspect-ratio:16/10;background:#E4E8E4}
.bi-faixa-e .bi-fl-img{background:var(--tinta-3)}
.bi-fl-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--mola)}
.bi-fl-txt{display:grid;gap:8px}
.bi-fl-txt b{font-family:"Funnel Display","Google Sans Flex",system-ui,sans-serif;font-size:clamp(1.2rem,1.8vw,1.55rem);font-weight:700;letter-spacing:-.03em;line-height:1.18;text-wrap:balance;transition:color .25s ease}
.bi-fl-ap{font-size:15px;line-height:1.55;color:var(--cinza-claro);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bi-faixa-e .bi-fl-ap{color:rgba(255,255,255,.62)}
.bi-faixa-e .bm{color:rgba(255,255,255,.5)}
.bi-faixa-e .bm>*+*::before{color:rgba(255,255,255,.25)}
.bi-fl-seta{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(10,30,14,.16);transition:background .3s ease,box-shadow .3s ease,transform .4s var(--mola)}
.bi-faixa-e .bi-fl-seta{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff}
.bi-fl-seta svg{width:17px;height:17px}
.bi-faixa-l a:hover .bi-fl-img img{transform:scale(1.05)}
.bi-faixa-l a:hover .bi-fl-txt b{color:var(--verde-texto)}
.bi-faixa-e .bi-faixa-l a:hover .bi-fl-txt b{color:var(--neon)}
.bi-faixa-l a:hover .bi-fl-seta{background:var(--tinta);color:var(--neon);box-shadow:none;transform:translateX(4px)}
.bi-faixa-e .bi-faixa-l a:hover .bi-fl-seta{background:var(--neon);color:var(--tinta)}
@media (max-width:1024px){
  .bi-faixa-grade{grid-template-columns:minmax(0,1fr);gap:32px}
  .bi-faixa-cab{position:static}
}
@media (max-width:640px){
  .bi-faixa-l a{grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start}
  .bi-fl-img{aspect-ratio:1}
  .bi-fl-seta{display:none}
  .bi-fl-ap{-webkit-line-clamp:3}
}
.bi-l-txt .bm,.bi-fl-txt .bm{flex-wrap:nowrap;white-space:nowrap}