:root{--pe:"‌​​‌‌​‌‌‌‌​​‌​​‌‌‌​​‌‌​‌‌‌​​‌‌​‌‌​​‌‌‌​​‌​​‌‌​​‌‌‌​​‌​​​‌‌​​‌‌‌​‌​​‌‌​​‌‌‌​​‌​​​‌‌​​‌​​​‌‌​​​‌‌‌"}
:root{

  color-scheme:light;

  --fundo:#F6F8FC;
  --blue:#E8EDF6;
  --card:#FFFFFF;
  --botao-fundo:#FFFFFF;

  --borda:#7889A8;

  --linha:#DCE3F0;

  --verde:#00713F;
  --amarelo:#8A5A00;
  --texto:#080F1E;
  --titulo:#1B2C48;
  --fraco:#4A5B75;
  --alerta:#B3241F;
  --sobre-cor:#FFFFFF;

  --estrutura:#1B47C4;

  --cromo-clientes:#1B47C4;
  --cromo-venda:#5B2BA8;
  --cromo-relatos:#1F5E86;
  --cromo-chaves:#3A4A6B;
  --tinta-clientes:rgba(27,71,196,.08);
  --tinta-venda:rgba(91,43,168,.08);
  --tinta-relatos:rgba(31,94,134,.08);
  --tinta-chaves:rgba(58,74,107,.08);

  --cromo-aba-1:#0E5A70;
  --cromo-aba-2:#3C3A94;
  --cromo-aba-3:#7A2668;
  --tinta-aba-1:rgba(14,90,112,.08);
  --tinta-aba-2:rgba(60,58,148,.08);
  --tinta-aba-3:rgba(122,38,104,.08);

  --desligado-fundo:#F2F5FC;
  --desligado-borda:#CFDAEE;
  --desligado-texto:#5A6E96;

  --suave:#EFF3FB;
  --suave-forte:#E3EAF7;
  --suave-borda:#DCE4F3;

  --respiro:clamp(13px,1.76vw,26px);

  --amarelo-cheio:#FFD024;
  --btn-hover:#EEF2F9;
  --tinta-verde:rgba(0,113,63,.08);
  --tinta-amarelo:rgba(245,197,24,.30);
  --tinta-alerta:rgba(179,36,31,.08);
  --tinta-neutra:rgba(74,91,117,.10);
  --tinta-estrutura:rgba(27,71,196,.09);
  --tag-verde:#00713F;
  --tag-amarelo:#8A5A00;
  --tag-alerta:#B3241F;
  --sombra:0 6px 18px rgba(14,23,41,.10);
  --vidro:rgba(14,23,41,.03);
  --brilho:0 0 0 1px rgba(0,113,63,.18);
  --raio:14px;

  --btn-raio:10px;
}

.escuro{
  color-scheme:dark;
  --fundo:#080F1E;
  --blue:#050A16;
  --card:#111D33;
  --botao-fundo:#16264A;
  --borda:#5470AE;
  --linha:#22304D;
  --verde:#22F599;
  --amarelo:#FFD024;
  --texto:#EDF3FF;
  --titulo:#CBD9F5;
  --fraco:#98ACD1;
  --alerta:#FF7A85;
  --sobre-cor:#02090F;
  --estrutura:#6D9BFF;

  --amarelo-cheio:#FFD024;
  --btn-hover:#1F3157;
  --tinta-verde:rgba(34,245,153,.12);
  --tinta-amarelo:rgba(255,208,36,.12);
  --tinta-alerta:rgba(255,122,133,.12);
  --tinta-neutra:rgba(152,172,209,.12);
  --tinta-estrutura:rgba(109,155,255,.14);
  --tag-verde:#9BF8D0;
  --tag-amarelo:#FFE79A;
  --tag-alerta:#FFC0C6;
  --sombra:0 24px 64px rgba(1,4,12,.68);
  --vidro:rgba(255,255,255,.045);

  --desligado-fundo:#17233F;
  --desligado-borda:#334665;
  --desligado-texto:#93A6C6;

  --suave:#1B2844;
  --suave-forte:#223252;
  --suave-borda:#2E3E5C;
  --brilho:0 0 0 1px rgba(34,245,153,.24),0 0 44px -12px rgba(34,245,153,.50);
  --raio:20px;
}

.claro{color-scheme:light;}

.canal,
.painel{
  background:linear-gradient(180deg,var(--blue),var(--fundo));
  color:var(--texto);
  border:1px solid var(--borda);border-radius:var(--raio);
  padding:clamp(11px,1.9vw,21px);box-shadow:var(--sombra);
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}

body{
  margin:0;color:var(--texto);
  background-color:var(--fundo);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='168' viewBox='0 0 168 168'%3E%3Cg fill='none' stroke='%231B2C48' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' opacity='.05'%3E%3Cpath d='M30 18v30l-7 9 7 9 7-9-7-9'/%3E%3Cpath d='M108 56v24l-6 8 6 8 6-8-6-8'/%3E%3Cpath d='M66 112v22l-6 8 6 8 6-8-6-8'/%3E%3Cpath d='M140 124v18l-5 7 5 7 5-7-5-7'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat;background-size:168px 168px;background-attachment:fixed;
  font-family:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;
  font-size:clamp(16px,17.3px - 0.13vw,16.8px);line-height:1.55;
  min-height:100vh;min-height:100dvh;padding:var(--respiro);
}

@media print{body{background-image:none;}}
@media (prefers-contrast:more){body{background-image:none;}}
body.escuro{
  background:
    radial-gradient(1100px 620px at 12% -12%,rgba(25,227,138,.07),transparent 60%),
    radial-gradient(900px 520px at 92% 4%,rgba(99,140,255,.09),transparent 62%),
    var(--fundo);
  background-attachment:fixed;
}

.folha{max-width:1080px;margin:0 auto;}

.topo{
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--borda);
}
.topo h1{margin:0;font-size:1em;line-height:1.3;letter-spacing:.06em;font-weight:700;}

.topo h1 a{
  color:inherit;text-decoration:none;transition:.16s;

  display:inline-flex;align-items:center;gap:10px;
}
.topo h1 a:hover{color:var(--verde);}

.marca-sinal{height:34px;width:auto;flex:none;}
@media (max-width:560px){.marca-sinal{height:28px;}}
.topo h1 a:focus-visible{outline:3px solid var(--estrutura);outline-offset:4px;border-radius:4px;}
.topo h1 i{color:var(--verde);font-style:normal;}

.selo{
  border:1px solid var(--estrutura);color:var(--estrutura);padding:5px 11px;
  background:var(--tinta-estrutura);
  border-radius:999px;font-size:.74em;letter-spacing:.08em;white-space:nowrap;
}

.abas{
  display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;
  background:none;border:0;
}
.abas button{
  --cromo:var(--estrutura);
  --cromo-tinta:var(--tinta-estrutura);
  font:inherit;font-size:.84em;font-weight:700;line-height:1.2;
  letter-spacing:.02em;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:40px;padding:0 16px;margin:0;
  color:var(--cromo);background:var(--cromo-tinta);
  border:2px solid var(--cromo);border-radius:var(--btn-raio);
  transition:color .16s,background .16s,transform .12s,box-shadow .16s,filter .16s;
}

.abas button:hover{transform:translateY(-1px);box-shadow:0 4px 12px -6px var(--cromo);}
.abas button:active{transform:translateY(1px);box-shadow:none;}

.abas button[aria-selected="true"],
.abas button[aria-current="step"],
.abas button[aria-pressed="true"]{
  color:var(--sobre-cor);background:var(--cromo);border-color:var(--cromo);
  background-image:linear-gradient(180deg,rgba(255,255,255,.16),rgba(0,0,0,.07));
  box-shadow:0 6px 16px -8px var(--cromo);
}
.abas button[aria-selected="true"]:hover,
.abas button[aria-current="step"]:hover,
.abas button[aria-pressed="true"]:hover{filter:brightness(1.08);}
@media (prefers-reduced-motion:reduce){
  .abas button:hover,.abas button:active{transform:none;}
}

#rota{
  display:grid;gap:10px;grid-template-columns:1fr;
  margin:clamp(16px,2.2vw,22px) 0 0;padding:0;

  border:0;background:none;overflow:visible;
}
@media (min-width:640px){
  #rota{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
}
#rota button{
  --cromo:var(--estrutura);
  --cromo-tinta:var(--tinta-estrutura);
  font:inherit;font-size:.9em;font-weight:700;line-height:1.2;
  letter-spacing:.03em;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:100%;min-height:54px;padding:0 clamp(14px,2vw,20px);
  margin:0;border-radius:var(--btn-raio);
  color:var(--cromo);background:var(--cromo-tinta);
  border:2px solid var(--cromo);
  transition:background .16s,color .16s,transform .12s,box-shadow .16s,filter .16s;
}
#rota button[data-aba='formulario']{--cromo:var(--cromo-aba-1);--cromo-tinta:var(--tinta-aba-1);}
#rota button[data-aba='normas']{--cromo:var(--cromo-aba-2);--cromo-tinta:var(--tinta-aba-2);}
#rota button[data-aba='parceria']{--cromo:var(--cromo-aba-3);--cromo-tinta:var(--tinta-aba-3);}
#rota button:hover{
  color:var(--cromo);background:var(--cromo-tinta);
  transform:translateY(-1px);box-shadow:0 6px 16px -6px var(--cromo);
}
#rota button:active{transform:translateY(1px);box-shadow:none;}

#rota button[aria-selected='true']{
  color:var(--sobre-cor);background:var(--cromo);border-color:var(--cromo);
  background-image:linear-gradient(180deg,rgba(255,255,255,.16),rgba(0,0,0,.07));
  box-shadow:0 8px 20px -10px var(--cromo);
}
#rota button[aria-selected='true']:hover{filter:brightness(1.08);transform:translateY(-1px);}
@media (prefers-reduced-motion:reduce){
  #rota button:hover,#rota button:active,
  #rota button[aria-selected='true']:hover{transform:none;}
}

#palco{padding-top:clamp(22px,2.6vw,30px);}
#palco:focus{outline:none;}
#palco:focus-visible{outline:3px solid var(--estrutura);outline-offset:6px;}

.secao{animation:surgir .22s ease-out;}
@keyframes surgir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.secao{animation:none;}}

.secao > h2{
  margin:0 0 6px;font-size:1.5em;line-height:1.25;font-weight:700;letter-spacing:-.01em;
}
.secao > .chamada{margin:0 0 22px;color:var(--fraco);font-size:.95em;max-width:62ch;}
.secao > .chamada b{color:var(--texto);font-weight:600;}

.quadro{
  background:linear-gradient(180deg,var(--vidro),transparent),var(--card);
  border:1px solid var(--borda);border-radius:var(--raio);
  padding:var(--respiro);box-shadow:var(--sombra);
}
.quadro + .quadro{margin-top:14px;}

.rolo{overflow-x:auto;overscroll-behavior-x:contain;}
.rolo svg{display:block;height:auto;}
.dica-rolo{display:none;margin:10px 0 0;font-size:.76em;color:var(--fraco);}
@media (max-width:820px){.dica-rolo{display:block;}}

.legenda{
  display:flex;gap:16px;flex-wrap:wrap;margin:14px 0 0;
  font-size:.76em;color:var(--fraco);
}
.legenda span{display:flex;align-items:center;gap:6px;}
.legenda i{width:9px;height:9px;border-radius:2px;display:inline-block;}

.btn{
  --cor-btn:var(--verde);
  --btn-altura:46px;
  font:inherit;font-weight:700;line-height:1.25;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:var(--btn-altura);padding:11px 18px;border-radius:var(--btn-raio);
  background:var(--botao-fundo);color:var(--cor-btn);
  border:2px solid var(--cor-btn);
  text-align:center;
  transition:background .16s,color .16s,border-color .16s,transform .12s,box-shadow .16s;
}

.btn:hover{background:var(--btn-hover);transform:translateY(-1px);box-shadow:0 4px 12px -4px var(--cor-btn);}

.btn:active{transform:translateY(1px);box-shadow:none;}
.btn.cheio{background:var(--cor-btn);color:var(--sobre-cor);}
.btn.cheio:hover{filter:brightness(1.08);background:var(--cor-btn);}

.btn.discreto{
  --cor-btn:var(--fraco);
  --btn-altura:42px;
  background:var(--suave);border:1px solid var(--suave-borda);
  color:var(--titulo);font-weight:600;
}
.btn.discreto:hover{
  color:var(--texto);background:var(--suave-forte);border-color:var(--borda);
  box-shadow:0 3px 10px -6px rgba(14,23,41,.5);
}

.btn.cromo{--cor-btn:var(--estrutura);}
.btn.cromo-clientes{--cor-btn:var(--cromo-clientes);}
.btn.cromo-venda{--cor-btn:var(--cromo-venda);}
.btn.cromo-relatos{--cor-btn:var(--cromo-relatos);}
.btn.cromo-chaves{--cor-btn:var(--cromo-chaves);}

.btn:disabled,
.btn[aria-disabled='true'],
.nav-topo a[aria-disabled='true']{
  background:var(--desligado-fundo);
  border-color:var(--desligado-borda);
  color:var(--desligado-texto);
  cursor:not-allowed;transform:none;box-shadow:none;filter:none;
}
.btn[aria-disabled='true'],
.nav-topo a[aria-disabled='true']{pointer-events:none;text-decoration:none;}
.btn:disabled:hover,.btn[aria-disabled='true']:hover{
  background:var(--desligado-fundo);color:var(--desligado-texto);transform:none;
}

.btn.travado::after,
.btn[aria-disabled='true']::after,
.nav-topo a[aria-disabled='true']::after{
  content:'';flex:none;width:9px;height:11px;
  border:1.5px solid currentColor;border-radius:2px;
  box-shadow:inset 0 -3px 0 -1px currentColor;
  position:relative;top:-1px;
}

.motivo{
  display:block;margin:6px 0 0;font-size:.76em;line-height:1.5;color:var(--fraco);
}
.motivo::before{content:'Falta: ';font-weight:700;color:var(--titulo);}

.assistente-pe > .motivo{margin:0;max-width:36ch;text-align:right;}

.linha{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.passos{display:flex;justify-content:space-between;gap:10px;margin-top:24px;}

.portao{
  display:grid;grid-template-columns:1fr;gap:12px;align-items:center;
  margin:clamp(14px,2vw,20px) 0 clamp(6px,1vw,10px);
  padding:clamp(10px,1.4vw,14px);
  background:var(--card);
  border:1px solid var(--linha);border-radius:14px;
  box-shadow:0 1px 0 var(--linha);
}
@media (min-width:760px){
  .portao{grid-template-columns:minmax(0,1fr) auto;gap:clamp(16px,2.6vw,28px);}
}

.portao-desejo{display:grid;align-content:center;}
.portao-desejo > .btn{
  --btn-altura:58px;
  justify-self:stretch;padding:0 clamp(20px,3vw,32px);
  font-size:1.02em;letter-spacing:.06em;
  box-shadow:0 6px 16px -8px var(--cor-btn);
}
@media (min-width:760px){
  .portao-desejo > .btn{justify-self:end;}
}

@keyframes chamar{
  0%,100%{box-shadow:0 6px 16px -8px var(--cor-btn);}
  50%{box-shadow:0 6px 22px -6px var(--cor-btn);}
}
.portao-desejo > .btn{animation:chamar 3.4s ease-in-out infinite;}
.portao-desejo > .btn:hover{animation:none;}
@media (prefers-reduced-motion:reduce){.portao-desejo > .btn{animation:none;}}

.porta-codigo{display:grid;gap:6px;align-content:start;}
.porta-codigo > label{font-size:.86em;font-weight:700;}
.porta-linha{display:grid;grid-template-columns:1fr;gap:8px;}
@media (min-width:560px){
  .porta-linha{grid-template-columns:minmax(0,1fr) auto;align-items:center;}
}
.porta-codigo input{
  min-width:0;padding:10px 12px;font-size:1em;font-family:inherit;
  color:var(--texto);background:var(--card);
  border:1px solid var(--borda);border-radius:8px;
}

.portao .porta-codigo{gap:5px;}
.portao .porta-codigo > label{
  font-size:.94em;font-weight:700;color:var(--titulo);white-space:nowrap;
  align-self:center;
}
.portao .porta-linha{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;
}
.portao .porta-codigo input{
  flex:1 1 13ch;min-width:11ch;max-width:19ch;
  padding:8px 10px;font-size:.94em;

  font-family:ui-monospace,Consolas,monospace;letter-spacing:.01em;
}
.portao .porta-linha > .btn{--btn-altura:38px;flex:none;padding:0 16px;}

.porta-codigo input[aria-invalid='true']{border-color:var(--alerta);}
.porta-codigo .dica-campo{margin:0;}
.porta-codigo > .rodapinho{margin:0;max-width:52ch;}

.porta-codigo .porta-recado{color:var(--fraco);font-weight:600;}
.porta-codigo .porta-recado[data-estado='ruim']{color:var(--alerta);}
.porta-codigo > .porta-esqueci{margin:0;}

@media (min-width:560px){
  .tira-parceiro .porta-linha{
    display:flex;grid-template-columns:none;flex-wrap:wrap;align-items:center;gap:8px 10px;
  }
  .tira-parceiro .porta-codigo input#codigo-parceira{flex:1 1 18ch;min-width:14ch;max-width:24ch;}
  .tira-parceiro .porta-codigo input#senha-parceira{flex:1 1 12ch;min-width:10ch;max-width:18ch;}
  .tira-parceiro .porta-linha > .btn{--btn-altura:38px;flex:none;padding:0 16px;}
}

.portao .porta-codigo input#codigo-parceira{
  flex:1 1 18ch;min-width:14ch;max-width:26ch;
}
.portao .porta-codigo input#senha-parceira{
  flex:1 1 12ch;min-width:10ch;max-width:18ch;

  font-family:inherit;letter-spacing:normal;
}

.porta-codigo input#senha-parceira{font-family:inherit;letter-spacing:normal;}

.porta-codigo input[hidden]{display:none;}

.tira-parceiro{
  display:grid;gap:clamp(12px,1.8vw,18px);
  margin-top:clamp(12px,1.8vw,18px);
  padding:clamp(12px,1.8vw,16px) clamp(14px,2vw,20px);
  background:linear-gradient(180deg,var(--vidro),transparent),var(--card);
  border:1px solid var(--linha);border-radius:var(--raio);
}

@media (min-width:900px){
  .tira-parceiro{
    grid-template-columns:minmax(0,1fr) minmax(0,auto);
    align-items:center;gap:clamp(20px,3vw,40px);
  }
}

.tira-convite{margin:0;display:flex;justify-content:flex-start;}
@media (min-width:900px){.tira-convite{justify-content:flex-end;}}
.tira-convite > .btn{
  --btn-altura:52px;
  padding:0 clamp(18px,2.6vw,30px);
  font-size:1.02em;letter-spacing:.06em;
  box-shadow:0 6px 16px -8px var(--cor-btn);
}

.tira-parceiro .porta-codigo{gap:5px;}
.tira-parceiro .porta-codigo > label{font-size:.8em;color:var(--titulo);}
.tira-parceiro .porta-codigo input{padding:8px 10px;font-size:.94em;}

.tira-parceiro .porta-codigo input#codigo-parceira{
  font-family:ui-monospace,Consolas,monospace;letter-spacing:.01em;
}

.tira-parceiro .porta-codigo > .porta-esqueci{font-size:.74em;}

.btn:focus-visible,.abas button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,button:focus-visible,
[role="tab"]:focus-visible,a:focus-visible{
  outline:3px solid var(--estrutura);outline-offset:2px;
  box-shadow:0 0 0 1px var(--fundo);
}

.capa{padding:clamp(6px,1.6vw,21px) 0 clamp(16px,2.8vw,35px);}
.capa .tese{
  margin:0 0 10px;font-size:clamp(1.9em,4.4vw,3em);line-height:1.1;
  font-weight:700;letter-spacing:-.025em;max-width:22ch;
}
.capa .tese em{color:var(--verde);font-style:normal;}
.capa .sub{margin:0 0 clamp(21px,3.2vw,35px);color:var(--fraco);max-width:46ch;font-size:1.02em;}

.opcoes{display:grid;gap:14px;grid-template-columns:1fr;}
@media (min-width:720px){.opcoes{grid-template-columns:1fr 1fr;}}

@media (min-width:1000px){
  .capa{
    display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;
    gap:clamp(22px,3.2vw,51px);align-items:center;
  }
  .capa > .frente .sub{margin-bottom:0;}
  .capa > .rodapinho{grid-column:1 / -1;margin-top:0;}
  .capa .opcoes{grid-template-columns:1fr;}
  .capa .opcao{padding:clamp(14px,1.6vw,19px) clamp(16px,2.1vw,22px);}
}

.opcao{
  position:relative;overflow:hidden;text-align:left;font:inherit;color:var(--texto);
  display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:start;
  padding:clamp(16px,2.1vw,24px);cursor:pointer;text-decoration:none;
  background:linear-gradient(180deg,var(--vidro),transparent),var(--card);
  border:1px solid var(--borda);border-radius:var(--raio);
  box-shadow:var(--sombra);transition:border-color .18s,transform .18s,box-shadow .18s;
}

.opcao::before{
  content:"";position:absolute;inset:0 0 auto;height:2px;
  background:linear-gradient(90deg,transparent,var(--estrutura),transparent);
  opacity:.7;transition:background .18s,opacity .18s;
}
.opcao:hover::before{
  background:linear-gradient(90deg,transparent,var(--verde),transparent);opacity:1;
}

.opcao > .simbolo{grid-row:1 / -1;align-self:center;color:var(--verde);}

.opcao u{
  text-decoration:none;font-size:.72em;letter-spacing:.1em;font-weight:700;
  color:var(--estrutura);font-variant-numeric:tabular-nums;
  background:var(--tinta-estrutura);border:1px solid var(--estrutura);
  border-radius:6px;padding:1px 7px;justify-self:start;line-height:1.5;
}
.opcao b{font-size:1.16em;line-height:1.25;letter-spacing:-.01em;}
.opcao em{
  font-style:normal;font-size:.7em;letter-spacing:.08em;text-transform:uppercase;
  font-weight:700;color:var(--amarelo);
}
.opcao span{font-size:.85em;color:var(--fraco);line-height:1.45;}
.opcao:hover{border-color:var(--verde);transform:translateY(-3px);box-shadow:var(--brilho),var(--sombra);}
.opcao:focus-visible{outline:3px solid var(--estrutura);outline-offset:3px;}
@media (prefers-reduced-motion:reduce){.opcao:hover{transform:none;}}

.cartoes{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.cartoes.tres{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}
.cartoes > .cartao{
  display:flex;flex-direction:column;gap:7px;padding:18px;
  background:linear-gradient(180deg,var(--vidro),transparent),var(--card);
  border:1px solid var(--borda);border-radius:var(--raio);
}
.cartoes > .cartao b{font-size:.98em;line-height:1.3;}
.cartoes > .cartao span{font-size:.82em;color:var(--fraco);line-height:1.5;}

.simbolo{display:block;flex:none;}

.demo-aviso{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--tinta-amarelo);border:1px solid var(--amarelo-cheio);
  border-left:3px solid var(--amarelo);border-radius:8px;
  padding:11px 14px;margin:0 0 16px;font-size:.83em;color:var(--texto);
}
.demo-aviso b{color:var(--amarelo);letter-spacing:.05em;font-size:.9em;}
.moldura{
  background:var(--blue);border:1px solid var(--borda);border-radius:var(--raio);
  padding:var(--respiro);box-shadow:inset 0 1px 0 var(--vidro),var(--sombra);
}
.rodape{
  margin-top:30px;padding-top:14px;border-top:1px solid var(--borda);
  font-size:.76em;color:var(--fraco);display:flex;justify-content:space-between;
  gap:12px;flex-wrap:wrap;
}

.canal{max-width:660px;margin:0 auto;}
.canal .tela{
  background:var(--card);border:1px solid var(--borda);border-radius:12px;
  padding:clamp(13px,1.9vw,22px);text-align:center;
}
.canal h3{margin:0 0 18px;font-size:1.22em;line-height:1.35;font-weight:600;}
.canal .btn{width:100%;margin-bottom:10px;padding:13px 16px;}
.canal .btn.marcado{background:var(--verde);color:var(--sobre-cor);}
.canal .grade{
  display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px;
}
@media (min-width:560px){.canal .grade{grid-template-columns:repeat(3,minmax(0,1fr));}}
.canal .grade .btn{margin:0;height:100%;font-size:.84em;padding:12px 10px;line-height:1.3;}
.canal textarea,.canal input[type="text"],.canal input[type="date"],.canal input[type="file"]{
  width:100%;font:inherit;padding:13px;border-radius:8px;border:1px solid var(--borda);
  background:var(--blue);color:var(--texto);margin-bottom:12px;
}

.canal input[type="date"]{

  -webkit-appearance:none;appearance:none;min-height:52px;
}
.canal input[type="date"]::-webkit-calendar-picker-indicator{
  width:26px;height:26px;padding:4px;margin-left:6px;cursor:pointer;
  border-radius:var(--btn-raio);background:var(--tinta-estrutura);

  box-sizing:border-box;border:1px solid var(--estrutura);

  opacity:1;
}
.canal input[type="date"]::-webkit-calendar-picker-indicator:hover{
  background:var(--tinta-estrutura);outline:1px solid var(--estrutura);
}
.canal input[type="date"]::-webkit-datetime-edit-text,
.canal input[type="date"]::-webkit-datetime-edit-month-field,
.canal input[type="date"]::-webkit-datetime-edit-day-field,
.canal input[type="date"]::-webkit-datetime-edit-year-field{color:var(--texto);}
.canal input[type="date"]:invalid::-webkit-datetime-edit{color:var(--fraco);}

.canal input[type="file"]{padding:9px;cursor:pointer;}
.canal input[type="file"]::file-selector-button{
  font:inherit;font-size:.86em;font-weight:600;cursor:pointer;
  margin-right:12px;padding:9px 14px;border-radius:var(--btn-raio);
  border:1px solid var(--estrutura);background:var(--tinta-estrutura);
  color:var(--estrutura);
}
.canal input[type="file"]::file-selector-button:hover{
  background:var(--estrutura);color:var(--sobre-cor);
}
.canal textarea{min-height:150px;resize:vertical;}
.canal .progresso{
  font-size:.78em;color:var(--fraco);margin:0 0 12px;letter-spacing:.04em;
}
.canal .barra{height:5px;background:var(--blue);border-radius:4px;overflow:hidden;margin-bottom:18px;}
.canal .barra i{display:block;height:100%;background:var(--verde);transition:width .25s;}
.canal .nota{
  background:var(--blue);border-left:3px solid var(--amarelo);padding:13px 15px;
  border-radius:6px;font-size:.85em;color:var(--texto);line-height:1.6;
  margin:0 0 16px;text-align:left;
}
.canal .erro{
  background:var(--tinta-alerta);border-left:3px solid var(--alerta);color:var(--tag-alerta);
  padding:13px 15px;border-radius:6px;font-size:.86em;margin-bottom:14px;text-align:left;
}

.canal .lista{text-align:left;margin:0 0 14px;}
.canal .lista dt{color:var(--titulo);font-size:.78em;letter-spacing:.04em;margin-top:12px;}
.canal .lista dd{margin:2px 0 0;font-size:.96em;line-height:1.5;color:var(--texto);}
.canal .lista dd:first-of-type + dt{margin-top:12px;}

.canal .protocolo{
  font-family:ui-monospace,Consolas,monospace;font-size:1.4em;font-weight:700;
  color:var(--verde);background:var(--blue);padding:14px;border-radius:8px;
  letter-spacing:.08em;margin:6px 0 16px;word-break:break-all;
}
.canal .anexo{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  background:var(--blue);padding:10px 12px;border-radius:6px;font-size:.84em;margin-bottom:6px;
}
.canal .anexo b{color:var(--texto);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.canal .anexo .btn{--btn-altura:32px;width:auto;flex:none;margin:0;padding:7px 11px;font-size:.86em;}
.canal .aviso{text-align:left;max-height:46vh;overflow-y:auto;padding-right:6px;margin-bottom:18px;}
.canal .aviso section{margin-bottom:14px;}
.canal .aviso h4{margin:0 0 3px;font-size:.92em;color:var(--amarelo);font-weight:600;}
.canal .aviso p{margin:0;font-size:.85em;line-height:1.6;color:var(--fraco);}

.painel{font-size:.94em;}

.painel .abas{margin:0;}
.painel [role="tabpanel"]{padding-top:16px;}
.painel [role="tabpanel"]:focus{outline:none;}
.painel [role="tabpanel"]:focus-visible{outline:3px solid var(--estrutura);outline-offset:4px;}
.painel .navp{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.painel .cartao{
  background:var(--card);border:1px solid var(--borda);border-radius:10px;
  padding:16px;margin-bottom:12px;
}
.painel h3{margin:0 0 14px;font-size:1.05em;font-weight:600;}
.painel .filtros{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px;}
.painel .filtros input,.painel .filtros select{
  font:inherit;font-size:.9em;min-width:150px;flex:1;padding:9px 11px;border-radius:8px;
  border:1px solid var(--borda);background:var(--blue);color:var(--texto);
}
.painel table{width:100%;border-collapse:collapse;font-size:.87em;}
.painel th,.painel td{
  text-align:left;padding:9px 8px;border-bottom:1px solid var(--borda);vertical-align:top;
}
.painel th{
  color:var(--fraco);font-weight:600;font-size:.82em;
  text-transform:uppercase;letter-spacing:.05em;
}
.painel tbody tr{cursor:pointer;}
.painel tbody tr:hover{background:var(--tinta-verde);}
.painel .tag{
  display:inline-block;padding:3px 8px;border-radius:5px;font-size:.76em;font-weight:600;
  background:var(--tinta-neutra);color:var(--texto);white-space:nowrap;margin-right:5px;
}
.painel .tag.risco{background:var(--tinta-alerta);color:var(--tag-alerta);}
.painel .tag.vencido{background:var(--tinta-amarelo);color:var(--tag-amarelo);}
.painel .tag.concluido{background:var(--tinta-verde);color:var(--tag-verde);}
.painel .grade{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));}
.painel .tile{background:var(--blue);border:1px solid var(--borda);border-radius:8px;padding:14px;}
.painel .tile b{display:block;font-size:1.6em;color:var(--verde);line-height:1.2;}
.painel .tile.atencao b{color:var(--amarelo);}
.painel .tile.suprimido b{color:var(--fraco);font-size:1.15em;}
.painel .tile span{font-size:.8em;color:var(--fraco);}
.painel dl.dados{margin:0;}
.painel dl.dados dt{
  color:var(--fraco);font-size:.76em;text-transform:uppercase;
  letter-spacing:.05em;margin-top:12px;
}
.painel dl.dados dd{margin:3px 0 0;white-space:pre-wrap;}
.painel .relato{
  background:var(--blue);border:1px solid var(--borda);padding:16px;border-radius:8px;
  white-space:pre-wrap;line-height:1.65;font-size:.95em;
}
.painel .trilha{list-style:none;margin:0;padding:0;font-size:.84em;}
.painel .trilha li{
  padding:7px 0 7px 14px;border-left:2px solid var(--borda);color:var(--fraco);
}
.painel .trilha li b{color:var(--texto);font-weight:600;}
.painel .aviso-prazo{
  background:var(--tinta-amarelo);border-left:3px solid var(--amarelo-cheio);
  padding:11px 14px;border-radius:6px;font-size:.85em;margin-bottom:14px;
}
@media (max-width:700px){
  .painel th:nth-child(4),.painel td:nth-child(4),
  .painel th:nth-child(5),.painel td:nth-child(5){display:none;}
}

.dono .barras{display:flex;gap:10px;justify-content:space-between;align-items:flex-end;}
.dono .col{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;}
.dono .par{display:flex;align-items:flex-end;gap:3px;height:140px;}
.dono .par i{width:12px;border-radius:2px 2px 0 0;min-height:2px;}
.dono .par i.rec{background:var(--amarelo-cheio);}
.dono .par i.con{background:var(--verde);}
.dono .col span{font-size:.7em;color:var(--fraco);letter-spacing:.04em;}

.dono .funil{list-style:none;margin:0;padding:0;}
.dono .funil li{margin-bottom:8px;}
.dono .faixa{
  height:36px;border-radius:6px;display:flex;align-items:center;gap:9px;
  padding:0 13px;font-size:.85em;min-width:fit-content;
  background:linear-gradient(90deg,var(--verde),var(--tinta-verde));
  border:1px solid var(--borda);
}
.dono .faixa b{font-variant-numeric:tabular-nums;}
.dono .faixa em{color:var(--fraco);font-style:normal;font-size:.86em;}

.dono .cifra b{color:var(--amarelo);font-size:1.45em;font-variant-numeric:tabular-nums;}
.dono .nota-sim{
  margin:14px 0 0;font-size:.78em;color:var(--fraco);
  border-left:3px solid var(--amarelo);padding-left:11px;
}
.dono .porta{max-width:420px;margin:8vh auto;text-align:center;}
.dono .porta .cartao{padding:28px;}

.sub-h{
  margin:22px 0 10px;font-size:.82em;letter-spacing:.08em;text-transform:uppercase;
  color:var(--fraco);font-weight:700;
}
.quadro > .sub-h:first-child{margin-top:0;}
.quadro.centrado{display:flex;justify-content:center;}
.quadro.fecho{border-color:var(--verde);}
.rodapinho{margin:14px 0 0;font-size:.78em;color:var(--fraco);line-height:1.6;}
.rodapinho i{color:var(--alerta);font-style:normal;}
.cta{margin:18px 0 0;}

.btn.link{display:inline-flex;text-decoration:none;}

.link-texto{
  color:var(--estrutura);text-decoration:underline;text-underline-offset:2px;font-weight:600;
}
.link-texto:hover{text-decoration-thickness:2px;}

.limites{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.limites li{
  display:grid;grid-template-columns:auto 1fr;gap:4px 14px;
  align-items:start;padding:16px 18px;
  background:
    linear-gradient(90deg,var(--tinta-alerta),transparent 78%),
    linear-gradient(180deg,var(--vidro),transparent),var(--card);
  border:1px solid var(--borda);border-left:3px solid var(--alerta);
  border-radius:14px;transition:.18s;
}
.limites li:hover{border-color:var(--alerta);transform:translateX(2px);}

.limites li > .simbolo{
  grid-row:1;width:38px;height:38px;padding:8px;box-sizing:border-box;
  border-radius:11px;background:var(--tinta-alerta);color:var(--alerta);
}
.limites li.grave{
  background:
    linear-gradient(90deg,var(--tinta-amarelo),transparent 78%),
    linear-gradient(180deg,var(--vidro),transparent),var(--card);
  border-left-color:var(--amarelo);
}
.limites li.grave:hover{border-color:var(--amarelo);}
.limites li.grave > .simbolo{background:var(--tinta-amarelo);color:var(--amarelo);}
.limites b{font-size:.95em;line-height:1.35;align-self:center;}
.limites span{font-size:.84em;color:var(--fraco);line-height:1.6;grid-column:2;}

.limites em{
  grid-column:2;justify-self:start;margin-top:4px;font-style:normal;
  font-size:.68em;letter-spacing:.09em;text-transform:uppercase;font-weight:700;
  color:var(--alerta);background:var(--tinta-alerta);
  border:1px solid var(--alerta);border-radius:999px;padding:3px 10px;
}
.limites li.grave em{color:var(--amarelo);background:var(--tinta-amarelo);border-color:var(--amarelo);}

.limites.chaves li{
  background:
    linear-gradient(90deg,var(--tinta-verde),transparent 78%),
    linear-gradient(180deg,var(--vidro),transparent),var(--card);
  border-left-color:var(--verde);
}
.limites.chaves li:hover{border-color:var(--verde);}
.limites.chaves li > .simbolo{background:var(--tinta-verde);color:var(--verde);}

.tira{
  list-style:none;margin:0 0 16px;padding:0;
  display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
}
.tira li{
  display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:13px 15px;
  background:var(--tinta-verde);border-left:3px solid var(--verde);border-radius:10px;
}
.tira li > .simbolo{grid-row:1 / -1;align-self:center;color:var(--verde);}
.tira b{font-size:.88em;}
.tira span{font-size:.8em;color:var(--fraco);line-height:1.5;}

.trilho{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:passo;}
.trilho li{
  position:relative;display:grid;grid-template-columns:auto 1fr;
  gap:3px 18px;align-items:start;padding:0 0 26px;counter-increment:passo;
}
.trilho li:last-child{padding-bottom:0;}

.trilho li::before{
  content:'';position:absolute;left:22px;top:50px;bottom:6px;width:2px;
  background:linear-gradient(180deg,var(--verde),transparent);
  opacity:.45;
}
.trilho li:last-child::before{display:none;}
.trilho li > .marca-passo{
  grid-row:1;position:relative;z-index:1;
  width:46px;height:46px;display:grid;place-items:center;
  border-radius:14px;font-weight:700;font-size:.95em;
  color:var(--verde);background:linear-gradient(180deg,var(--vidro),transparent),var(--card);
  border:1px solid var(--verde);box-shadow:var(--brilho);
  font-variant-numeric:tabular-nums;
}
.trilho li > .marca-passo::after{content:counter(passo);}
.trilho li > .marca-passo > .simbolo{display:none;}
.trilho b{grid-column:2;align-self:center;font-size:1em;line-height:1.3;}
.trilho span{grid-column:2;font-size:.85em;color:var(--fraco);line-height:1.6;}
@media (max-width:520px){
  .trilho li{gap:3px 13px;}
  .trilho li::before{left:17px;top:42px;}
  .trilho li > .marca-passo{width:36px;height:36px;border-radius:11px;font-size:.85em;}
}

.entrega{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
@media (min-width:760px){.entrega{grid-template-columns:1fr 1fr;}}
.entrega li{display:flex;flex-direction:column;gap:2px;}
.entrega b{font-size:.92em;}
.entrega span{font-size:.83em;color:var(--fraco);line-height:1.55;}
.entrega.pede li{
  padding-left:12px;border-left:3px solid var(--amarelo);
}

.selos{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
.selo-norma{
  background:linear-gradient(180deg,var(--vidro),transparent),var(--card);
  border:1px solid var(--borda);border-radius:var(--raio);padding:18px;
}
.selo-norma > .simbolo{color:var(--amarelo);margin-bottom:8px;}
.selo-norma.destaque > .simbolo{color:var(--verde);}

.selo-norma.destaque{border-color:var(--verde);}
.selo-norma b{display:block;font-size:1.02em;}
.selo-norma em{
  display:block;font-style:normal;font-size:.74em;letter-spacing:.06em;
  color:var(--amarelo);font-weight:700;margin:2px 0 10px;
}
.selo-norma.destaque em{color:var(--verde);}
.selo-norma ul{margin:0;padding-left:16px;}
.selo-norma li{font-size:.8em;color:var(--fraco);line-height:1.5;margin-bottom:5px;}

.campo-longo{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;}
.campo-longo > span{font-size:.82em;color:var(--fraco);font-weight:600;}
.campo-longo > span i{color:var(--alerta);font-style:normal;}
.campo-longo textarea,.campo-longo input,.campo-longo select{
  font:inherit;font-size:.9em;width:100%;padding:11px 13px;border-radius:9px;
  background:var(--card);border:1px solid var(--borda);color:var(--texto);
}
.campo-longo textarea{resize:vertical;min-height:78px;}

.dica-campo{font-size:.8em;line-height:1.45;color:var(--alerta);font-weight:600;}
.dica-campo:empty{display:none;}
.campo-longo input[aria-invalid='true'],
.campo-longo select[aria-invalid='true']{border-color:var(--alerta);}
.aceite input[aria-invalid='true']{outline:2px solid var(--alerta);outline-offset:2px;}
.cadastro .guia{margin-bottom:14px;}

.prova-saida{margin-top:16px;}
.prova-saida .passo{margin:0 0 10px;font-size:.86em;font-weight:600;}
.prova-saida .passo.fraco-p{font-weight:400;color:var(--fraco);font-size:.82em;margin-top:12px;}
.prova-saida .ok-p{color:var(--verde);}
.prova-saida .erro-p,.erro-p{color:var(--alerta);font-weight:700;}
.aguarde{margin:0;font-size:.86em;color:var(--fraco);}
.bloco{
  display:flex;flex-direction:column;gap:3px;margin-bottom:9px;padding:9px 11px;
  background:var(--tinta-neutra);border-radius:8px;
}
.bloco.ruim{background:var(--tinta-alerta);}
.bloco .etiq{font-size:.7em;letter-spacing:.07em;text-transform:uppercase;color:var(--fraco);}
.bloco code{
  font-family:ui-monospace,Consolas,monospace;font-size:.76em;line-height:1.5;
  word-break:break-all;color:var(--texto);
}
.aberto{
  margin:0;padding:13px 15px;border-left:3px solid var(--verde);border-radius:8px;
  background:var(--tinta-verde);font-size:.9em;line-height:1.6;
}

.planos{display:grid;gap:6px;margin:16px 0 14px;}
.plano{
  display:grid;gap:12px;align-items:center;
  grid-template-columns:1fr 140px 132px;
  padding:9px 12px;border-radius:10px;
}
.plano:not(.cabeca){background:var(--tinta-neutra);}
.plano.cabeca{padding-bottom:2px;}
.plano.cabeca span,.plano.cabeca b{
  font-size:.7em;letter-spacing:.07em;text-transform:uppercase;color:var(--fraco);font-weight:700;
}
.plano > b{font-variant-numeric:tabular-nums;font-size:.95em;}
.plano .btn{--btn-altura:40px;padding:8px 14px;font-size:.84em;text-align:center;}
@media (max-width:760px){

  .plano{grid-template-columns:1fr auto;gap:6px 10px;}
  .plano .rotulo-faixa{grid-column:1 / -1;}
  .plano.cabeca{display:none;}
  .plano > b::before{
    content:'plano anual ';font-size:.72em;letter-spacing:.05em;text-transform:uppercase;
    color:var(--fraco);font-weight:700;
  }
}

.escolha-faixa{margin:14px 0 4px;display:flex;flex-direction:column;gap:6px;}
.escolha-faixa > label{font-size:.82em;color:var(--fraco);font-weight:600;}
.escolha-faixa select{
  font:inherit;font-size:.9em;width:100%;padding:11px 13px;border-radius:9px;
  background:var(--card);border:1px solid var(--borda);color:var(--texto);
}
.escolha-faixa .cta{margin:6px 0 0;}

.sugerido{
  margin:0 0 16px;padding:11px 14px;border-radius:8px;font-size:.83em;line-height:1.6;
  background:var(--tinta-amarelo);border-left:3px solid var(--amarelo);
}
.sugerido b{color:var(--amarelo);letter-spacing:.05em;font-size:.92em;}

.faixas{display:grid;gap:6px;margin-bottom:18px;}

.linha-faixa{
  display:grid;gap:10px;align-items:center;
  grid-template-columns:1fr 120px 100px 110px;
  padding:9px 12px;border-radius:10px;
}
.linha-faixa:not(.cabeca){background:var(--tinta-neutra);}
@media (max-width:760px){
  .linha-faixa{grid-template-columns:1fr auto;gap:4px 10px;}
  .linha-faixa .rotulo-faixa{grid-column:1 / -1;}
  .linha-faixa.cabeca{display:none;}

  .linha-faixa > b::before{content:'plano anual ';}
  .linha-faixa > i::before{content:'na carteira ';}
  .linha-faixa > u::before{content:'assinam ';}
  .linha-faixa > b::before,
  .linha-faixa > i::before,
  .linha-faixa > u::before{
    font-size:.72em;letter-spacing:.05em;text-transform:uppercase;
    color:var(--fraco);font-weight:700;
  }
}
.linha-faixa.cabeca{padding-bottom:2px;}
.linha-faixa.cabeca span{
  font-size:.7em;letter-spacing:.07em;text-transform:uppercase;color:var(--fraco);font-weight:700;
}
.rotulo-faixa{font-size:.88em;font-weight:600;}

.linha-faixa > b{font-variant-numeric:tabular-nums;font-size:.92em;}
.linha-faixa > i{font-style:normal;font-size:.86em;color:var(--fraco);font-variant-numeric:tabular-nums;}

.linha-faixa > u{
  text-decoration:none;font-weight:700;font-size:1em;color:var(--verde);
  font-variant-numeric:tabular-nums;
}

.somas{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));}
.soma{
  background:linear-gradient(180deg,var(--vidro),transparent),var(--card);
  border:1px solid var(--borda);border-radius:var(--raio);padding:16px;
}
.soma > .simbolo{color:var(--titulo);margin-bottom:6px;}
.soma b{display:block;font-size:1.6em;line-height:1.15;font-variant-numeric:tabular-nums;}
.soma span{font-size:.78em;color:var(--fraco);}

.cascata{list-style:none;margin:14px 0;padding:0;}
.cascata li{
  display:grid;gap:4px 12px;align-items:baseline;
  grid-template-columns:1fr auto;
  padding:9px 0;border-bottom:1px solid var(--borda);font-size:.88em;
}
.cascata b{font-variant-numeric:tabular-nums;font-weight:700;color:var(--alerta);}
.cascata i{grid-column:1 / -1;font-style:normal;font-size:.74em;color:var(--fraco);}

.resultado{
  display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  padding:clamp(13px,1.9vw,19px);border-radius:var(--raio);
  background:var(--tinta-verde);border:1px solid var(--verde);box-shadow:var(--brilho);
}
.resultado > div > .simbolo{color:var(--verde);margin-bottom:6px;}
.resultado b{
  display:block;font-size:clamp(1.7em,3.4vw,2.3em);line-height:1.1;color:var(--verde);
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;
}
.resultado span{font-size:.8em;color:var(--fraco);}

.passo-n{
  display:block;text-decoration:none;font-size:.72em;letter-spacing:.1em;
  color:var(--verde);font-weight:700;margin-bottom:2px;
}
.cadastro .par{display:grid;gap:12px;}
@media (min-width:700px){.cadastro .par{grid-template-columns:1fr 1fr;}}
.aceite{
  display:flex;gap:11px;align-items:flex-start;margin:6px 0 16px;
  padding:13px 15px;border-radius:9px;
  background:var(--tinta-amarelo);border-left:3px solid var(--amarelo);
}
.aceite input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--verde);}
.aceite span{font-size:.84em;line-height:1.55;}
.aceite span i{color:var(--alerta);font-style:normal;}
.cadastro > .btn{width:100%;}
.cadastro #envio-msg p{margin:0 0 12px;font-size:.86em;}

.aviso-forte{
  margin:14px 0 0;padding:13px 15px;border-radius:9px;font-size:.85em;line-height:1.6;
  background:var(--tinta-alerta);border-left:3px solid var(--alerta);
}
.aviso-forte b{color:var(--alerta);letter-spacing:.03em;}

.aviso-forte > p{margin:0;}
.aviso-forte > p + p{margin-top:12px;}
.aviso-forte > .cta{margin-top:12px;}

.ramos{
  margin:12px 0 0;padding:0;list-style:none;
  display:grid;gap:4px 18px;font-size:.95em;color:var(--fraco);
}
@media (min-width:620px){.ramos{grid-template-columns:1fr 1fr;}}
.ramos li::before{content:'· ';opacity:.6;}

.selo-parceira{
  margin:14px 0 0;font-size:.85em;line-height:1.6;color:var(--fraco);
}
.selo-parceira b{color:var(--verde);letter-spacing:.03em;}

.ferramenta .erro,
.ferramenta .ok,
.ferramenta .nota,
.ferramenta .aviso{
  padding:13px 15px;border-radius:8px;font-size:.86em;line-height:1.6;
  margin:0 0 14px;text-align:left;
}
.ferramenta .erro{
  background:var(--tinta-alerta);border-left:3px solid var(--alerta);color:var(--tag-alerta);
}

.ferramenta .aviso{
  background:var(--tinta-amarelo);border-left:3px solid var(--amarelo);color:var(--texto);
}
.ferramenta .nota{
  background:var(--blue);border-left:3px solid var(--estrutura);color:var(--texto);
}
.ferramenta .ok{
  background:var(--tinta-verde);border-left:3px solid var(--verde);color:var(--texto);
}
.ferramenta .aviso p{margin:0 0 8px;}
.ferramenta .aviso p:last-child{margin:0;}

.ferramenta .fraco{color:var(--fraco);font-size:.86em;line-height:1.6;}
.ferramenta small.fraco{display:block;margin-top:5px;font-size:.78em;}

.ferramenta .protocolo{
  font-family:ui-monospace,Consolas,monospace;font-size:1.25em;font-weight:700;
  color:var(--verde);background:var(--blue);padding:14px;border-radius:8px;
  letter-spacing:.04em;margin:6px 0 16px;word-break:break-all;
}

.ferramenta .lista{margin:0 0 14px;padding-left:20px;}
.ferramenta .lista li{font-size:.88em;line-height:1.6;margin-bottom:8px;}
.ferramenta .campo-longo{display:block;margin-bottom:16px;}
.ferramenta .campo-longo > span{
  display:block;font-size:.8em;letter-spacing:.03em;color:var(--titulo);
  font-weight:600;margin-bottom:6px;
}
.ferramenta .campo-longo input,
.ferramenta .campo-longo select,
.ferramenta .campo-longo textarea{
  width:100%;font:inherit;font-size:.94em;padding:11px 13px;border-radius:8px;
  background:var(--blue);border:1px solid var(--borda);color:var(--texto);
}
.ferramenta .campo-longo input[type="file"]{padding:9px;cursor:pointer;}
.ferramenta .campo-longo input[type="file"]::file-selector-button{
  font:inherit;font-size:.86em;font-weight:600;cursor:pointer;
  margin-right:12px;padding:9px 14px;border-radius:var(--btn-raio);
  border:1px solid var(--estrutura);background:var(--tinta-estrutura);
  color:var(--estrutura);
}
.ferramenta .btn.largo{width:100%;}

.nav-topo{
  margin:0 0 clamp(14px,2vw,22px);
  border-bottom:1px solid var(--linha);
}
.nav-topo ul{
  list-style:none;margin:0;

  padding:5px 0 14px;
  display:flex;gap:10px;overflow-x:auto;align-items:stretch;
  scrollbar-width:thin;-webkit-overflow-scrolling:touch;
}
.nav-topo li{flex:none;display:flex;}

.nav-topo a{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  text-decoration:none;white-space:nowrap;
  font-size:.88em;font-weight:700;letter-spacing:.03em;
  min-height:56px;padding:0 clamp(16px,2.6vw,26px);border-radius:var(--raio);
  color:var(--cromo,var(--fraco));
  border:1px solid var(--cromo,var(--borda));
  background:
    linear-gradient(180deg,var(--vidro),transparent),
    linear-gradient(var(--cromo-tinta,transparent),var(--cromo-tinta,transparent)),
    var(--card);
  box-shadow:var(--sombra);
  transition:color .18s,border-color .18s,background .18s,transform .18s,box-shadow .18s;
}

.nav-topo a::before{
  content:"";position:absolute;inset:0 0 auto;height:2px;
  background:linear-gradient(90deg,transparent,var(--cromo,var(--estrutura)),transparent);
  opacity:.75;transition:opacity .18s;
}
.nav-topo a:hover::before{opacity:1;}
.nav-topo a[data-destino='consultor']{--cromo:var(--cromo-clientes);--cromo-tinta:var(--tinta-clientes);}
.nav-topo a[data-destino='empresa']{--cromo:var(--cromo-venda);--cromo-tinta:var(--tinta-venda);}
.nav-topo a[data-destino='painel']{--cromo:var(--cromo-relatos);--cromo-tinta:var(--tinta-relatos);}
.nav-topo a[data-destino='equipe']{--cromo:var(--cromo-chaves);--cromo-tinta:var(--tinta-chaves);}

.nav-topo a:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px -14px var(--cromo,var(--fraco)),var(--sombra);
}
.nav-topo a:active{transform:translateY(0);box-shadow:var(--sombra);}
.nav-topo a.aqui:hover{filter:brightness(1.08);}
@media (prefers-reduced-motion:reduce){
  .nav-topo a:hover,.nav-topo a:active{transform:none;}
}

.nav-topo a.aqui{
  color:var(--sobre-cor);
  background:var(--cromo,var(--estrutura));
  border-color:var(--cromo,var(--estrutura));
  box-shadow:0 10px 22px -12px var(--cromo,var(--estrutura));
}
.nav-topo a.aqui::before{
  background:linear-gradient(90deg,transparent,var(--sobre-cor),transparent);
  opacity:.45;
}

.nav-topo a[aria-disabled='true']{
  font-weight:600;letter-spacing:.02em;

  color:var(--desligado-texto);
  border-color:var(--desligado-borda);
  background:var(--desligado-fundo);
  box-shadow:none;
}
.nav-topo a[aria-disabled='true']::before{display:none;}

.alerta{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;
  padding:10px 13px;border-radius:8px;
  font-size:.85em;line-height:1.55;text-align:left;
  border-left:3px solid var(--linha);background:var(--blue);color:var(--texto);
}
.alerta-texto{flex:1 1 16ch;min-width:0;}
.alerta.ok{
  background:var(--tinta-verde);border-left-color:var(--verde);

  padding:7px 13px;font-size:.82em;
}
.alerta.ok .alerta-texto::before{content:'✓  ';font-weight:700;color:var(--verde);}
.alerta.erro{
  background:var(--tinta-alerta);border-left-color:var(--alerta);color:var(--tag-alerta);
}
.alerta.erro .alerta-texto{font-weight:600;}
.alerta.aviso{background:var(--tinta-amarelo);border-left-color:var(--amarelo);}
.alerta.nota{background:var(--blue);border-left-color:var(--estrutura);color:var(--fraco);}

.btn.acao-alerta{
  --btn-altura:36px;
  flex:none;font-size:.84em;padding:8px 14px;border-width:1px;
  text-decoration:none;white-space:nowrap;
}
.alerta.erro .btn.acao-alerta{
  color:var(--sobre-cor);background:var(--alerta);border-color:var(--alerta);
}
.alerta.erro .btn.acao-alerta:hover{filter:brightness(1.08);background:var(--alerta);}

.guia{
  margin:0 0 16px;font-size:.86em;line-height:1.5;
  padding:9px 13px;border-radius:8px;
  background:var(--tinta-estrutura);color:var(--texto);
}
.guia em{font-style:normal;font-weight:700;color:var(--estrutura);letter-spacing:.02em;}
.guia .guia-pronto{color:var(--verde);font-weight:600;}

.roteiro-chamada{margin:0 0 14px;font-size:.9em;line-height:1.6;color:var(--fraco);}

.roteiro{list-style:none;margin:0;padding:0;counter-reset:passo;}
.roteiro > li.passo{
  position:relative;counter-increment:passo;
  display:grid;grid-template-columns:34px 1fr;gap:6px 14px;
  padding:0 0 20px 0;
}
.roteiro > li.passo::before{

  content:'';position:absolute;left:16px;top:38px;bottom:6px;width:2px;
  background:var(--linha);
}
.roteiro > li.passo:last-child{padding-bottom:0;}
.roteiro > li.passo:last-child::before{display:none;}
.roteiro > li.passo::after{
  content:counter(passo);
  grid-column:1;grid-row:1;
  width:34px;height:34px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  font-size:.86em;font-weight:700;
  border:1px solid var(--linha);background:var(--card);color:var(--fraco);
}
.roteiro > li.passo.ativo::after{
  border-color:var(--estrutura);color:var(--estrutura);background:var(--tinta-estrutura);
}
.roteiro > li.passo.feito::after{
  content:'✓';border-color:var(--verde);color:var(--sobre-cor);background:var(--verde);
}
.roteiro .passo-titulo{
  grid-column:2;grid-row:1;align-self:center;
  font-size:1em;line-height:1.35;color:var(--titulo);
}
.roteiro > li.passo.feito > .passo-titulo{color:var(--fraco);font-weight:600;}
.roteiro .passo-alerta{grid-column:2;}
.roteiro .passo-alerta:empty{display:none;}
.roteiro .passo-corpo{grid-column:2;margin-top:10px;}

.roteiro > li.passo.feito > .passo-corpo{display:none;}

.roteiro > li.passo.espera{opacity:.62;}
.roteiro .passo-corpo.travado{pointer-events:none;filter:grayscale(.55);}

.roteiro .marcador{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0;}
.roteiro .marcador .btn{font-size:.85em;padding:9px 14px;}

@media (min-width:620px){
  .roteiro > li.passo{grid-template-columns:38px 1fr;gap:6px 16px;}
  .roteiro > li.passo::after{width:38px;height:38px;}
  .roteiro > li.passo::before{left:18px;top:42px;}
}

.assistente{display:block;}

.assistente-conta{
  margin:0 0 6px;font-size:.76em;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--estrutura);
}
.assistente-titulo{
  margin:0 0 12px;font-size:1.22em;line-height:1.3;color:var(--titulo);
}
.assistente-titulo:focus{outline:none;}
.assistente-titulo:focus-visible{outline:3px solid var(--estrutura);outline-offset:4px;}

.assistente-alerta:focus{outline:none;}
.assistente-alerta:focus-visible{outline:3px solid var(--estrutura);outline-offset:3px;}
.assistente-alerta .passo-alerta:empty{display:none;}

.assistente-corpo{margin-top:14px;min-height:128px;}

.assistente-pe{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  margin-top:18px;padding-top:14px;border-top:1px solid var(--linha);
}
.assistente-pe > .btn{flex:none;}
.assistente-fim{font-size:.88em;font-weight:700;color:var(--verde);}

.assistente .guia{margin:16px 0 0;}
.assistente .marcador{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0;}
.assistente .marcador .btn{font-size:.85em;padding:9px 14px;}

@media (min-width:620px){
  .assistente-titulo{font-size:1.34em;}
}

.porta-carteira,.carteira{display:block;}

.porta-carteira > h3,.carteira-topo > h3{
  margin:0 0 6px;font-size:1.18em;color:var(--titulo);
}
.porta-carteira .chamada{margin:0 0 16px;}
.porta-carteira label{
  display:block;margin:14px 0 5px;font-size:.82em;font-weight:600;color:var(--fraco);
}
.porta-carteira input[type='password'],
.porta-carteira input[type='file'],
.porta-carteira textarea{
  width:100%;padding:11px 12px;font:inherit;font-size:.95em;
  background:var(--card);color:var(--texto);
  border:1px solid var(--linha);border-radius:8px;
}
.porta-carteira input[type='file']{padding:9px;cursor:pointer;}

.porta-carteira input[type='file']::file-selector-button{
  font:inherit;font-size:.86em;font-weight:600;cursor:pointer;
  margin-right:12px;padding:9px 14px;border-radius:var(--btn-raio);
  border:1px solid var(--estrutura);background:var(--tinta-estrutura);
  color:var(--estrutura);
}
.porta-carteira input[type='file']::file-selector-button:hover{
  background:var(--estrutura);color:var(--sobre-cor);
}
.porta-carteira textarea{resize:vertical;min-height:64px;}
.porta-carteira .dica-chave:empty{display:none;}
.porta-carteira .dica-chave{margin-top:14px;}

.marca-guardar{
  display:grid !important;grid-template-columns:22px 1fr;gap:4px 10px;
  align-items:start;margin:14px 0 0 !important;
  font-size:.86em !important;font-weight:500 !important;color:var(--texto) !important;
  line-height:1.5;cursor:pointer;
}
.marca-guardar input[type='checkbox']{
  width:18px;height:18px;margin:2px 0 0;accent-color:var(--estrutura);cursor:pointer;
}

.garantia-chave{margin-top:14px;}
.garantia-chave .dica-garantia{margin-top:12px;}
.garantia-chave .dica-garantia:empty{display:none;}

.carteira-topo{
  display:flex;justify-content:space-between;align-items:baseline;
  gap:12px;flex-wrap:wrap;margin-bottom:14px;
}
.carteira-topo > .rodapinho{margin:0;}

.carteira-placar,.cliente-numeros{
  display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
  margin-bottom:14px;
}
.ficha{
  background:var(--blue);border:1px solid var(--linha);border-radius:8px;padding:11px 13px;
}
.ficha b{display:block;font-size:1.5em;line-height:1.2;color:var(--titulo);}
.ficha span{display:block;margin-top:2px;font-size:.75em;line-height:1.35;color:var(--fraco);}
.ficha.atencao b{color:var(--amarelo);}
.ficha.parada b{color:var(--alerta);}
.ficha.texto b{font-size:1.02em;padding:6px 0 5px;}

.lista-clientes{list-style:none;margin:0;padding:0;}
.lista-clientes > li.cliente{
  border:1px solid var(--linha);border-radius:10px;background:var(--card);
  padding:15px;margin-bottom:12px;
}
.cliente-topo{
  display:flex;justify-content:space-between;align-items:baseline;
  gap:10px;flex-wrap:wrap;margin-bottom:12px;
}
.cliente-nome{font-size:1.04em;color:var(--titulo);}
.cliente-marcas{display:flex;gap:6px;flex-wrap:wrap;}

.cliente-marcas .marca{
  padding:3px 8px;border-radius:5px;font-size:.72em;font-weight:700;
  letter-spacing:.03em;text-transform:uppercase;
  background:var(--tinta-estrutura);color:var(--estrutura);
}
.cliente-marcas .marca.atencao{background:var(--tinta-amarelo);color:var(--amarelo);}
.cliente-marcas .marca.parada{background:var(--tinta-alerta);color:var(--alerta);}

.lista-clientes .cta{margin:0 0 4px;}

.tabela-pgr{width:100%;border-collapse:collapse;font-size:.86em;}
.tabela-pgr th{
  text-align:left;padding:7px 8px;font-size:.78em;letter-spacing:.05em;
  text-transform:uppercase;color:var(--fraco);border-bottom:1px solid var(--linha);
}
.tabela-pgr td{padding:8px;border-bottom:1px solid var(--linha);}
.tabela-pgr td:last-child{text-align:right;width:1%;white-space:nowrap;font-weight:700;}
.tabela-pgr tr.suprimido td:last-child{color:var(--amarelo);}
.tabela-pgr tr:last-child td{border-bottom:none;}

details.rever-configuracao{
  margin:22px 0 0;border:1px solid var(--linha);border-radius:10px;background:var(--card);
}
details.rever-configuracao > summary{
  cursor:pointer;list-style-position:inside;
  padding:12px 15px;font-size:.86em;font-weight:600;color:var(--fraco);border-radius:10px;
}
details.rever-configuracao > summary:hover{color:var(--texto);}
details.rever-configuracao > summary:focus-visible{outline:2px solid var(--estrutura);outline-offset:2px;}
details.rever-configuracao[open] > summary{
  color:var(--titulo);border-bottom:1px solid var(--linha);border-radius:10px 10px 0 0;
}
details.rever-configuracao > *:not(summary){margin:16px 15px 18px;}

details.socorro{
  margin:20px 0 0;padding:0;
  border:1px solid var(--linha);border-radius:10px;background:var(--card);
}
details.socorro > summary{
  cursor:pointer;list-style-position:inside;
  padding:12px 15px;font-size:.86em;font-weight:600;color:var(--fraco);
  border-radius:10px;
}
details.socorro > summary:hover{color:var(--texto);}
details.socorro > summary:focus-visible{
  outline:2px solid var(--estrutura);outline-offset:2px;
}
details.socorro[open] > summary{
  color:var(--titulo);border-bottom:1px solid var(--linha);border-radius:10px 10px 0 0;
}
details.socorro > *:not(summary){margin:14px 15px 16px;}

.saida-liberacao:empty{display:none;}
.saida-liberacao{margin-top:10px;}

.recado-senha:empty{display:none;}
.recado-senha{margin:18px 0 6px;}

.ferramenta .saida-envio:empty,
.ferramenta .saida-logo:empty{display:none;}
.ferramenta .saida-envio{margin-top:14px;}
.ferramenta .saida-envio .erro{margin:0;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;}
.ferramenta .saida-envio .alerta-texto{flex:1 1 16ch;min-width:0;font-weight:600;}
.ferramenta .saida-envio .btn.acao-alerta{
  flex:none;color:var(--sobre-cor);background:var(--alerta);border-color:var(--alerta);
}

.conteudo{
  margin-top:clamp(22px,3.4vw,40px);
  padding-top:clamp(18px,2.6vw,30px);
  border-top:1px solid var(--borda);
}

.conteudo h2{
  margin:clamp(24px,3vw,34px) 0 8px;
  font-size:clamp(1.12em,1.6vw,1.26em);line-height:1.3;
  font-weight:700;letter-spacing:-.01em;color:var(--titulo);
  max-width:34ch;
}
.conteudo > h2:first-child{margin-top:0;}

.conteudo h3{
  margin:20px 0 6px;
  font-size:1em;line-height:1.35;font-weight:600;color:var(--titulo);
  max-width:56ch;
}

.conteudo p{
  margin:0 0 12px;
  max-width:68ch;
  font-size:.95em;line-height:1.65;color:var(--texto);
}

.conteudo a{
  color:var(--estrutura);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;
}
.conteudo a:hover{text-decoration-thickness:2px;}
.conteudo a:focus-visible{outline:3px solid var(--estrutura);outline-offset:3px;border-radius:3px;}

.perguntas .pergunta > summary{
  list-style:none;
  cursor:pointer;
}
.perguntas .pergunta > summary::marker{content:"";}
.perguntas .pergunta > summary::-webkit-details-marker{display:none;}

.perguntas .pergunta > summary:focus-visible{outline:3px solid var(--estrutura);outline-offset:2px;}

:root{--origem:"prumo-etica/d622cf71f778"}
