/* ============================================================
   MOTOR VISUAL · animações contínuas e gráficos
   origem dos keyframes: wati.io (smoothMove/zoomInOut, 6px, ~3s)
   + cruip/open-react-template (shine, gradient)
   ============================================================ */

/* ===== 1 · FLUTUAÇÃO CONTÍNUA (o segredo da WATI) ===== */
@keyframes flutuaCima   {0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}
@keyframes flutuaBaixo  {0%{transform:translateY(0)}50%{transform:translateY(6px)}100%{transform:translateY(0)}}
@keyframes flutuaDir    {0%{transform:translateX(0)}50%{transform:translateX(6px)}100%{transform:translateX(0)}}
@keyframes flutuaEsq    {0%{transform:translateX(0)}50%{transform:translateX(-6px)}100%{transform:translateX(0)}}
@keyframes pulsa        {0%{transform:scale(1)}50%{transform:scale(1.06)}100%{transform:scale(1)}}

@media(prefers-reduced-motion:no-preference){
  .fl-cima {animation:flutuaCima  3s   infinite ease-in-out}
  .fl-baixo{animation:flutuaBaixo 3.2s infinite ease-in-out}
  .fl-dir  {animation:flutuaDir   2.9s infinite ease-in-out}
  .fl-esq  {animation:flutuaEsq   3.4s infinite ease-in-out}
  .fl-pulsa{animation:pulsa       2.5s infinite ease-in-out}
}

/* ===== 2 · BRILHO VARRENDO (cruip) ===== */
@keyframes varre{
  0%  {transform:translateX(-100%) skewX(-18deg);opacity:0}
  12% {opacity:.55}
  100%{transform:translateX(220%)  skewX(-18deg);opacity:0}
}
.brilha{position:relative;overflow:hidden}
.brilha::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);
  width:45%;
}
@media(prefers-reduced-motion:no-preference){
  .brilha::after{animation:varre 4.5s infinite ease-in-out}
}

/* ===== 3 · TEXTO COM GRADIENTE ANIMADO (cruip) ===== */
@keyframes desliza{to{background-position:200% center}}
.tx-grad{
  color:var(--m-500);   /* reserva: se o recorte falhar, o texto continua legível */
  background:linear-gradient(90deg,var(--m-500),var(--m-400),var(--g-ok),var(--m-400),var(--m-500));
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
@media(prefers-reduced-motion:no-preference){
  .tx-grad{animation:desliza 5s linear infinite}
}

/* ===== 4 · FORMAS DE FUNDO (a profundidade que faltava) ===== */
.tem-forma{position:relative;isolation:isolate;overflow:hidden}
/* trava definitiva contra rolagem lateral */
html,body{overflow-x:hidden;max-width:100%}
.forma{
  position:absolute;border-radius:50%;filter:blur(48px);
  opacity:.42;z-index:-1;pointer-events:none;
}
.forma.azul  {background:radial-gradient(circle,var(--m-300),transparent 70%)}
.forma.verde {background:radial-gradient(circle,var(--g-ok),transparent 70%)}
.forma.lilas {background:radial-gradient(circle,var(--a-extra-claro),transparent 70%)}
.forma.ambar {background:radial-gradient(circle,var(--a-atencao-claro),transparent 70%)}

/* ===== 5 · MARQUEE (faixa de logos rolando) ===== */
@keyframes corre{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee{overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.marquee-fita{display:flex;gap:14px;width:max-content}
@media(prefers-reduced-motion:no-preference){
  .marquee-fita{animation:corre 26s linear infinite}
  .marquee:hover .marquee-fita{animation-play-state:paused}
}

/* ===== 6 · GRÁFICOS (data-storytelling) ===== */

/* 6a · Rosca — proporção de um todo */
.rosca{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.rosca-svg{width:132px;height:132px;flex-shrink:0}
.rosca-svg circle{fill:none;stroke-width:13;stroke-linecap:round}
.rosca-trilho{stroke:var(--s-border-light)}
.rosca-arco{
  stroke-dasharray:0 999;transition:stroke-dasharray 1.4s cubic-bezier(.16,1,.3,1);
  transform:rotate(-90deg);transform-origin:center;
}
.rosca-centro{text-align:center}
.rosca-centro b{
  display:block;font-family:var(--font-heading);font-weight:800;
  font-size:1.9rem;line-height:1;color:var(--s-text);font-variant-numeric:tabular-nums;
}
.rosca-centro small{font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;color:var(--s-muted)}
.rosca-leg{display:grid;gap:9px}
.rosca-leg div{display:flex;align-items:center;gap:9px;font-size:.85rem;color:var(--s-text-2)}
.rosca-leg i{width:11px;height:11px;border-radius:3px;flex-shrink:0}
.rosca-leg b{margin-left:auto;font-weight:700;color:var(--s-text);font-variant-numeric:tabular-nums}

/* 6b · Linha — evolução no tempo */
.linha-g{width:100%;height:64px;overflow:visible}
.linha-g path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.linha-g .area{stroke:none;opacity:.14}
.linha-traco{
  stroke-dasharray:var(--comp);stroke-dashoffset:var(--comp);
  transition:stroke-dashoffset 1.6s cubic-bezier(.16,1,.3,1);
}
.linha-traco.pronta{stroke-dashoffset:0}

/* 6c · Funil — etapas que afunilam */
.funil{display:grid;gap:8px}
.funil-e{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;
  padding:13px 18px;border-radius:var(--s-r-md);color:#fff;
  transform:scaleX(0);transform-origin:left center;
  transition:transform .8s cubic-bezier(.16,1,.3,1);
}
.funil-e.pronta{transform:scaleX(1)}
.funil-e span{font-size:.86rem;font-weight:500}
.funil-e b{font-weight:800;font-variant-numeric:tabular-nums}

/* 6d · Comparação lado a lado (technique: contrast) */
.versus{display:grid;gap:16px}
@media(min-width:768px){.versus{grid-template-columns:1fr auto 1fr;align-items:center}}
.versus-lado{
  background:var(--white);border:1px solid var(--s-border);
  border-radius:var(--s-r-lg);padding:24px;text-align:center;box-shadow:var(--s-sh-sm);
}
.versus-lado.ganha{border-color:var(--s-success);box-shadow:0 8px 28px rgba(16,185,129,.16)}
.versus-num{
  font-family:var(--font-heading);font-weight:800;line-height:1;
  font-size:clamp(2.2rem,7vw,3.2rem);font-variant-numeric:tabular-nums;
}
.versus-lado.perde .versus-num{color:var(--s-danger)}
.versus-lado.ganha .versus-num{color:var(--s-success)}
.versus-rot{font-size:.66rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--s-muted);margin-bottom:10px}
.versus-leg{font-size:.85rem;color:var(--s-text-2);margin-top:8px}
.versus-vs{
  font-family:var(--font-heading);font-weight:800;color:var(--s-faint);
  font-size:.9rem;text-align:center;letter-spacing:.08em;
}

/* 6e · Barra empilhada — 100% de um todo */
.empilha{height:38px;border-radius:var(--s-r-md);overflow:hidden;display:flex}
.empilha span{
  display:grid;place-items:center;color:#fff;font-size:.78rem;font-weight:700;
  white-space:nowrap;overflow:hidden;
  transform:scaleX(0);transform-origin:left center;
  transition:transform 1.2s cubic-bezier(.16,1,.3,1);
}
.empilha span > i{font-style:normal;display:block}
/* o texto compensa a escala do pai para não distorcer */
.empilha span > i{transform:scaleX(1)}

/* ===== SEÇÃO DA DOR · gráfico de canais ===== */
.grafico-canal{margin-top:30px}
.barras-canal .barra-l{grid-template-columns:minmax(96px,auto) 1fr 52px}
.barras-canal .barra-t{height:11px}
.barras-canal i{text-align:right}
.grafico-nota{
  margin-top:18px;padding-top:16px;border-top:1px solid var(--s-border-light);
  font-size:.95rem;line-height:1.6;color:var(--s-text-2);
}
.dor .grafico-canal{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.dor .grafico-canal .p-card-topo h3{color:var(--white)}
.dor .grafico-canal .p-card-topo span{color:var(--m-300)}
.dor .barras-canal .barra-l b{color:var(--m-100)}
.dor .barras-canal .barra-t{background:rgba(255,255,255,.12)}
.dor .barras-canal i{color:var(--white)}
.dor .grafico-nota{color:var(--m-100);border-top-color:rgba(255,255,255,.14)}
.dor .fonte{color:var(--m-300);margin-top:10px}
.dor .sintomas{margin-top:26px}

/* ===== SLOGAN DO FUNDADOR · o que abre o site ===== */
.slogan{
  display:inline-block;font-family:var(--font-heading);font-weight:700;
  font-size:clamp(.82rem,2.2vw,1rem);letter-spacing:.01em;
  color:var(--blue-primary);background:rgba(43,108,176,.09);
  padding:.6rem 1.3rem;border-radius:9999px;margin-bottom:22px;
}

/* ===== PLACAR DO COMPARATIVO ===== */
.placar{display:grid;gap:16px;margin-bottom:26px}
@media(min-width:768px){.placar{grid-template-columns:repeat(3,1fr);gap:20px}}
.placar-c{
  background:var(--white);border:1px solid var(--s-border);border-radius:var(--s-r-lg);
  padding:26px 22px;text-align:center;box-shadow:var(--s-sh-sm);
  transition:transform .3s var(--s-ease),box-shadow .3s var(--s-ease);
}
.placar-c:hover{transform:translateY(-3px);box-shadow:var(--s-sh-md)}
.placar-c.vence{border-color:var(--s-success);box-shadow:0 10px 34px rgba(16,185,129,.16)}
.placar-rot{
  font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--s-muted);margin-bottom:16px;
}
.rosca-mini{position:relative;width:118px;height:118px;margin:0 auto}
.rosca-mini .rosca-svg{width:118px;height:118px}
.rosca-mini-num{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.rosca-mini-num b{
  display:block;font-family:var(--font-heading);font-weight:800;font-size:2.1rem;
  line-height:1;color:var(--s-text);font-variant-numeric:tabular-nums;
}
.rosca-mini-num small{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--s-muted)}
.placar-leg{margin-top:16px;font-size:.86rem;line-height:1.5}
.placar-leg.ruim {color:var(--s-danger)}
.placar-leg.medio{color:var(--s-warning)}
.placar-leg.bom  {color:var(--s-success);font-weight:600}

/* tabela de detalhe */
.placar-tab{padding:0;overflow:hidden}
.pl-cab,.pl-linha{
  display:grid;grid-template-columns:1fr 62px 62px 62px;align-items:center;gap:8px;
  padding:13px 18px;
}
@media(min-width:768px){.pl-cab,.pl-linha{grid-template-columns:1fr 118px 118px 118px;padding:15px 24px}}
.pl-cab{
  background:var(--s-border-light);
  font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--s-muted);
}
.pl-cab .pl-c,.pl-linha .pl-c{text-align:center}
.pl-cab .destaque{color:var(--s-success)}
.pl-linha{border-top:1px solid var(--s-border-light)}
.pl-linha:hover{background:var(--s-border-light)}
.pl-crit{font-size:.87rem;color:var(--s-text-2);line-height:1.4}
.pl-linha .destaque{background:rgba(16,185,129,.06)}
.ic-sim{width:19px;height:19px;stroke:var(--s-success)}
.ic-nao{width:19px;height:19px;stroke:var(--n-300)}

/* ===== INTEGRAÇÕES · faixa rolando + mapa de conexão ===== */
.conecta-fita{margin-bottom:26px;padding:4px 0}
.logo-chip{
  display:inline-flex;align-items:center;gap:9px;flex-shrink:0;
  background:var(--white);border:1px solid var(--s-border);
  border-radius:9999px;padding:12px 22px;font-size:.9rem;font-weight:600;
  color:var(--s-text-2);box-shadow:var(--s-sh-sm);white-space:nowrap;
}
.logo-chip i{width:10px;height:10px;border-radius:50%;background:var(--c);flex-shrink:0}

.conecta-mapa{display:grid;gap:20px;align-items:center}
@media(min-width:768px){.conecta-mapa{grid-template-columns:1fr auto 1fr;gap:26px}}
.conecta-rot{
  font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--s-muted);margin-bottom:12px;text-align:center;
}
.conecta-cx{
  background:var(--s-border-light);border-radius:var(--s-r-lg);padding:22px 20px;text-align:center;
}
.conecta-cx.sysled{background:linear-gradient(160deg,var(--m-100),var(--n-50));border:1px solid rgba(43,108,176,.18)}
.conecta-cx b{display:block;font-family:var(--font-heading);font-size:1.05rem;color:var(--s-text)}
.conecta-cx small{display:block;margin-top:7px;font-size:.8rem;color:var(--s-muted)}
.conecta-meio{display:grid;gap:12px;justify-items:center}
.conecta-linha{display:flex;gap:6px}
.conecta-linha i{width:5px;height:5px;border-radius:50%;background:var(--blue-light);opacity:.55}
@media(min-width:768px){
  .conecta-linha{flex-direction:column}
}
.conecta-selo{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--blue-primary);color:#fff;border-radius:9999px;
  padding:.6rem 1.2rem;font-size:.78rem;font-weight:600;white-space:nowrap;
  box-shadow:0 6px 18px rgba(43,108,176,.3);
}
.conecta-selo svg{width:15px;height:15px;stroke:#fff}
.conecta-nota{
  margin-top:22px;text-align:center;font-size:.95rem;color:var(--s-text-2);
}
.conecta-nota b{color:var(--s-text)}

/* ===== PROVA EM NÚMERO (data-storytelling: número no lugar de frase) ===== */
.prova-num{
  display:grid;gap:14px;margin-bottom:30px;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
}
.pn{
  background:var(--white);border:1px solid var(--s-border);border-radius:var(--s-r-lg);
  padding:24px 20px;text-align:center;box-shadow:var(--s-sh-sm);
  transition:transform .3s var(--s-ease),box-shadow .3s var(--s-ease);
}
.pn:hover{transform:translateY(-3px);box-shadow:var(--s-sh-md)}
.pn b{
  display:block;font-family:var(--font-heading);font-weight:800;
  font-size:clamp(1.8rem,5vw,2.4rem);line-height:1;
  color:var(--blue-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;
}
.pn small{display:block;margin-top:10px;font-size:.82rem;line-height:1.45;color:var(--s-muted)}
.quotes .quote{position:relative}
.quotes .quote::before{
  content:'"';position:absolute;top:6px;right:20px;
  font-family:var(--font-heading);font-size:4.5rem;line-height:1;
  color:var(--blue-pale);opacity:.5;pointer-events:none;
}
.pn .pn-zero{color:var(--s-success)}

/* ===== CONVERSA QUE SE MONTA SOZINHA ===== */
.conversa-viva{display:grid;gap:10px;margin-top:18px}
.conversa-viva > *{opacity:0;transform:translateY(9px)}
.conversa-viva.rodando > *{animation:chegaBalao .4s cubic-bezier(.16,1,.3,1) forwards}
@keyframes chegaBalao{to{opacity:1;transform:none}}

/* três pontinhos de "digitando" */
.digitando{
  display:inline-flex;gap:5px;align-items:center;justify-self:start;
  background:var(--white);border:1px solid var(--s-border);
  border-radius:9999px;padding:11px 15px;box-shadow:var(--s-sh-sm);
}
.digitando i{width:6px;height:6px;border-radius:50%;background:var(--s-faint)}
@media(prefers-reduced-motion:no-preference){
  .digitando i{animation:pisca 1.3s infinite ease-in-out}
  .digitando i:nth-child(2){animation-delay:.18s}
  .digitando i:nth-child(3){animation-delay:.36s}
}
@keyframes pisca{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
/* o indicador some quando a resposta chega — só opacidade e escala, sem mexer no layout */
.conversa-viva.rodando .digitando{animation:chegaBalao .4s cubic-bezier(.16,1,.3,1) forwards,
                                            someBalao .35s ease-in forwards}
@keyframes someBalao{to{opacity:0;transform:scale(.9)}}

@media(prefers-reduced-motion:reduce){
  .conversa-viva > *{opacity:1;transform:none}
  .conversa-viva .digitando{display:none}
}

/* ===== FAIXA DE CREDIBILIDADE (antes do rodapé) ===== */
.faixa-cred{
  background:linear-gradient(180deg,var(--white),var(--m-50));
  border-top:1px solid var(--s-border);padding:56px 0;
}
.fc-slogan{
  text-align:center;font-family:var(--font-heading);font-weight:800;
  font-size:clamp(1.3rem,4vw,2.1rem);letter-spacing:-.02em;margin-bottom:32px;
}
.fc-linha{
  display:grid;gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
}
.fc-linha span{
  display:flex;align-items:center;gap:10px;
  background:var(--white);border:1px solid var(--s-border);
  border-radius:var(--s-r-lg);padding:16px 18px;
  font-size:.87rem;color:var(--s-text-2);line-height:1.4;box-shadow:var(--s-sh-sm);
}
.fc-linha svg{width:17px;height:17px;stroke:var(--s-success);flex-shrink:0}

/* ===== A VIRADA · funil + etapas lado a lado ===== */
.virada-duo{display:grid;gap:22px}
@media(min-width:940px){.virada-duo{grid-template-columns:1.05fr .95fr;gap:30px;align-items:start}}
/* escala do mesmo azul, do escuro ao claro — todos com texto branco
   passando em 4,5:1 (9,68 · 8,29 · 7,10 · 6,10 · 5,27) */
.funil-e.f1{background:#1E4671}
.funil-e.f2{background:#225081}
.funil-e.f3{background:#275A91}
.funil-e.f4{background:#2B64A1}
.funil-e.f5{background:#2F6EB1}
.funil-e{color:#fff}
.funil-e span{font-size:.87rem;font-weight:500}
.funil-e b{font-size:1.05rem;font-variant-numeric:tabular-nums}
/* cada etapa do funil é um pouco mais estreita: o desenho vira funil de verdade */
.funil-e.f1{margin-right:0}
.funil-e.f2{margin-right:6%}
.funil-e.f3{margin-right:12%}
.funil-e.f4{margin-right:18%}
.funil-e.f5{margin-right:24%}
.funil-nota{
  margin-top:16px;padding-top:14px;border-top:1px solid var(--n-100);
  font-size:.88rem;line-height:1.55;color:var(--n-500);
}
.etapas{display:grid;gap:12px}
.etapa-card{
  display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;
  padding:18px 20px;background:var(--n-0);border:1px solid var(--n-200);
  border-radius:var(--s-r-lg);box-shadow:var(--s-sh-sm);
}
.etapa-card b{display:block;font-size:.95rem;color:var(--n-900);line-height:1.35}
.etapa-card small{display:block;margin-top:5px;font-size:.82rem;line-height:1.45;color:var(--n-500)}
.etapa-card .n{
  width:30px;height:30px;flex-shrink:0;border-radius:50%;
  display:grid;place-items:center;font-family:var(--font-heading);
  font-weight:800;font-size:.86rem;background:var(--m-50);color:#1F4E82;
}
.virada-btn{justify-self:start;margin-top:6px}

/* ===== O BOB SE APRESENTA (ref: print da Blip) ===== */
.bob-cabeca{
  display:flex;align-items:center;gap:16px;margin-bottom:26px;
  background:var(--n-0);border:1px solid var(--n-200);
  border-radius:var(--s-r-lg);padding:20px 22px;box-shadow:var(--s-sh-sm);
}
.bob-avatar{
  position:relative;width:54px;height:54px;flex-shrink:0;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(150deg,var(--m-400),var(--m-600));
  box-shadow:0 6px 18px rgba(42,107,178,.3);
}
.bob-avatar svg{width:26px;height:26px;stroke:#fff}
.bob-online{
  position:absolute;right:2px;bottom:2px;width:13px;height:13px;border-radius:50%;
  background:var(--g-ok);border:2.5px solid var(--n-0);
}
@media(prefers-reduced-motion:no-preference){
  .bob-online{animation:pulsa 2s infinite ease-in-out}
}
.bob-nome{font-family:var(--font-heading);font-weight:800;font-size:1.05rem;color:var(--n-900)}
.bob-sub{margin-top:4px;font-size:.88rem;line-height:1.5;color:var(--n-500)}
.duvidas h2{margin-bottom:22px}

/* números da faixa de credibilidade */
.fc-num{
  display:grid;gap:14px;margin-bottom:26px;
  grid-template-columns:repeat(auto-fit,minmax(158px,1fr));
}
.fc-num > div{
  background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--s-r-lg);
  padding:22px 18px;text-align:center;box-shadow:var(--s-sh-sm);
  transition:transform .3s var(--s-ease),box-shadow .3s var(--s-ease);
}
.fc-num > div:hover{transform:translateY(-3px);box-shadow:var(--s-sh-md)}
.fc-num b{
  display:block;font-family:var(--font-heading);font-weight:800;
  font-size:clamp(1.6rem,4.4vw,2.2rem);line-height:1;
  color:var(--m-500);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;
}
.fc-num .fc-zero{color:#1D7B4E}
.fc-num small{display:block;margin-top:9px;font-size:.8rem;line-height:1.4;color:var(--n-500)}

/* ===== OS 4 MÓDULOS (ref: WATI, logo abaixo do hero) ===== */
.modulos{
  display:grid;gap:12px;margin-top:34px;
  grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
}
@media(min-width:768px){.modulos{gap:16px;margin-top:44px}}
.mod{
  background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--s-r-lg);
  padding:20px 18px;box-shadow:var(--s-sh-sm);
  transition:transform .3s var(--s-ease),box-shadow .3s var(--s-ease),border-color .3s var(--s-ease);
}
.mod:hover{transform:translateY(-3px);box-shadow:var(--s-sh-md);border-color:var(--m-200)}
.mod-ic{
  display:grid;place-items:center;width:38px;height:38px;border-radius:10px;
  background:var(--m-50);margin-bottom:12px;
}
.mod-ic svg{width:19px;height:19px;stroke:var(--m-500)}
.mod b{display:block;font-family:var(--font-heading);font-size:.98rem;color:var(--n-900)}
.mod small{display:block;margin-top:6px;font-size:.8rem;line-height:1.45;color:var(--n-500)}

/* ===== BARRA DE AUTONOMIA DO AGENTE ===== */
.autonomia{margin:16px 0 18px}
.aut-rot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}
.aut-rot span{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--n-500)}
.aut-rot b{font-size:.8rem;font-weight:700;color:var(--n-900)}
.autonomia .barra-t{height:9px;background:var(--n-100);border-radius:9999px;overflow:hidden}
.aut-cheia{background:linear-gradient(90deg,var(--m-400),var(--m-600))}
.aut-meia{background:linear-gradient(90deg,var(--g-ok),#1D7B4E)}
.aut-marcas{display:flex;justify-content:space-between;gap:6px;margin-top:8px}
.aut-marcas i{font-style:normal;font-size:.65rem;color:var(--n-500);line-height:1.3;text-align:center;flex:1}