/* Hub · material de apoio — folha de estilo (light-first, pegada Terminal) */

@font-face{
  font-family:"Montserrat";
  src:url("fonts/montserrat-wght.woff2") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"JetBrains Mono";
  src:url("fonts/jetbrains-mono-wght.woff2") format("woff2");
  font-weight:100 800;font-style:normal;font-display:swap;
}

:root{
  --bg:#eceff5; --bg-2:#e3e8f1; --surface:#ffffff; --surface-2:#f5f7fb;
  --ink:#0b1a3a; --ink-2:#33405c; --muted:#5b6678; --faint:#8a97ad;
  --line:#dbe1ee; --line-2:#c9d2e4;
  --navy:#0a1830; --ciano:#1aa9d0; --ciano-bright:#2ec4e6; --laranja:#ff8a3d;
  --ciano-texto:#0a6d90;   /* claro: o ciano escurece pra passar AA (4.74 no pior fundo) */
  --laranja-texto:#ad4500; /* claro: o laranja como texto (4.71 no pior fundo) */
  --laranja-forte:#b8510f; /* preenchimento com rotulo branco (4.97), o mesmo hex do apex */
  --erro:#af3f3b; --ok:#15743e; --alerta:#9f501a;   /* estado que informa: 4.75, 4.74 e 4.70 */
  --mark:#ffe08a; --mark-ink:#5c4400;
  --sans:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --shadow:0 1px 2px rgba(11,26,58,.04),0 8px 24px rgba(11,26,58,.06);
  --shadow-hover:0 6px 14px rgba(11,26,58,.10),0 18px 40px rgba(11,26,58,.14);
  --radius:14px;
}
[data-theme="dark"]{
  --bg:#070e20; --bg-2:#0a1830; --surface:#102142; --surface-2:#17284a;
  --ink:#eef3fc; --ink-2:#c0cde8; --muted:#8a9cc0; --faint:#6a7da2;
  --line:#253a60; --line-2:#31497a;
  --ciano-texto:#1aa9d0;   /* escuro: o mesmo ciano, ja passa (5.30 no pior fundo) */
  --laranja-texto:#ff8a3d; /* escuro: o mesmo laranja, ja passa (6.22); escurecer pioraria */
  --erro:#d17a76; --ok:#1fa859; --alerta:#de7731;   /* claream em vez de escurecer: 4.70, 4.73 e 4.72 */
  --mark:rgba(46,196,230,.26); --mark-ink:#e2f5fb;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px rgba(0,0,0,.5);
  --shadow-hover:0 10px 24px rgba(0,0,0,.55),0 26px 56px rgba(0,0,0,.65);
}

*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
  -webkit-font-smoothing:antialiased;line-height:1.5;}
a{color:inherit;text-decoration:none;}
mark{background:var(--mark);color:var(--mark-ink);border-radius:3px;padding:0 2px;}

.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh;}

/* ---------- SIDEBAR ---------- */
.side{position:sticky;top:0;height:100dvh;background:var(--surface);
  border-right:1px solid var(--line);display:flex;flex-direction:column;
  padding:20px 14px 16px;gap:6px;}
.logo{display:flex;align-items:center;gap:11px;padding:4px 8px 18px;}
.logo .mk{width:26px;height:26px;border-radius:8px;background:var(--navy);
  display:grid;place-items:center;flex:none;}
.logo .mk b{color:var(--ciano-bright);font-family:var(--mono);font-size:15px;font-weight:700;line-height:1;}
.logo .lg1{font-weight:900;font-size:17px;letter-spacing:-.01em;line-height:1;}
.logo .lg2{font-family:var(--mono);font-size:10px;color:var(--faint);letter-spacing:.4px;margin-top:3px;}

.nav{display:flex;flex-direction:column;gap:16px;margin-top:4px;}
.ngroup{display:flex;flex-direction:column;gap:3px;}
/* display:flex aqui vence o display:none que o atributo `hidden` traz do
   navegador, entao o grupo escondido precisa dizer isso de novo */
.ngroup[hidden]{display:none;}
.ngh{font-family:var(--mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--faint);padding:0 10px 4px;}
.nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;
  background:none;border:0;cursor:pointer;font-family:var(--sans);font-size:14px;font-weight:600;
  color:var(--ink-2);padding:9px 10px;border-radius:9px;transition:background .12s,color .12s;}
.nav-item svg{width:17px;height:17px;flex:none;opacity:.8;}
.nav-item:hover{background:var(--surface-2);color:var(--ink);}
.nav-item.on{background:var(--navy);color:#fff;}
.nav-item.on svg{opacity:1;color:var(--ciano-bright);}
[data-theme="dark"] .nav-item.on{background:rgba(46,196,230,.15);color:var(--ciano-bright);
  box-shadow:inset 0 0 0 1px rgba(46,196,230,.35);}
[data-theme="dark"] .nav-item.on svg{color:var(--ciano-bright);}
.nav-item.soon{color:var(--faint);}
.nav-item.soon:hover{color:var(--ink-2);}
.soon-tag{margin-left:auto;font-family:var(--mono);font-size:9px;letter-spacing:.5px;
  text-transform:uppercase;color:var(--laranja-texto);background:rgba(255,138,61,.14);
  border-radius:5px;padding:2px 6px;}

.side .spacer{flex:1;}
.toggle{font-family:var(--mono);font-size:12px;color:var(--ink-2);background:var(--surface-2);
  border:1px solid var(--line-2);border-radius:9px;padding:8px 11px;cursor:pointer;
  display:flex;gap:8px;align-items:center;justify-content:center;margin-bottom:12px;}
.toggle:hover{border-color:var(--ciano);color:var(--ink);}
.user{display:flex;align-items:center;gap:11px;padding:10px;border-radius:11px;
  background:var(--surface-2);border:1px solid var(--line);}
.avatar{width:38px;height:38px;border-radius:10px;background:var(--navy);color:#fff;
  display:grid;place-items:center;font-weight:800;font-size:14px;flex:none;letter-spacing:.5px;}
.uname{font-size:13.5px;font-weight:800;color:var(--ink);line-height:1.2;}
.utag{font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:2px;letter-spacing:.3px;}
.utag .days{display:block;margin-top:2px;color:var(--laranja-texto);font-weight:800;}

/* ---------- MAIN ---------- */
.main{min-width:0;}
.wrap{max-width:960px;margin:0 auto;padding:30px 30px 64px;}
[data-textsize="grande"] .wrap{zoom:1.12;}
[data-textsize="maior"] .wrap{zoom:1.24;}

.hero{padding:6px 2px 22px;}
.eyebrow{font-family:var(--mono);font-size:13px;color:var(--muted);margin-bottom:16px;}
.eyebrow .u{color:var(--ciano-texto);} .eyebrow .p{color:var(--ink-2);} .eyebrow .d{color:var(--laranja-texto);}
h1{font-weight:900;font-size:clamp(27px,3.6vw,42px);line-height:1.08;letter-spacing:-.02em;
  margin:0 0 13px;text-wrap:balance;}
h1 .cy{color:var(--ciano-texto);}
.lede{font-size:15.5px;color:var(--muted);max-inline-size:82ch;margin:0 0 24px;}

.cmd{display:flex;align-items:center;gap:12px;background:var(--surface);
  border:1.5px solid var(--line-2);border-radius:12px;padding:0 14px;height:58px;
  box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s;}
.cmd:focus-within{border-color:var(--ciano);box-shadow:0 0 0 4px rgba(46,196,230,.14);}
.cmd .sig{font-family:var(--mono);font-size:20px;color:var(--ciano-texto);font-weight:700;}
.cmd input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);
  font-family:var(--mono);font-size:16px;min-width:0;}
.cmd input::placeholder{color:var(--faint);}
.cmd .kbd{font-family:var(--mono);font-size:11px;color:var(--muted);border:1px solid var(--line-2);
  border-radius:6px;padding:3px 7px;background:var(--surface-2);}

.filters{margin:20px 0 6px;display:flex;flex-direction:column;gap:11px;}
.frow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.flabel{font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;
  color:var(--faint);margin-right:4px;min-width:64px;}
.chip{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);background:var(--surface);
  border:1px solid var(--line-2);border-radius:20px;padding:6px 13px;cursor:pointer;
  transition:all .12s;white-space:nowrap;}
.chip:hover{border-color:var(--ciano);}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy);}
[data-theme="dark"] .chip.on{background:rgba(46,196,230,.16);color:var(--ciano-bright);border-color:rgba(46,196,230,.45);}
[data-theme="dark"] .badge{color:var(--ciano-bright);border-color:rgba(46,196,230,.4);}
.chip.off{opacity:.5;cursor:not-allowed;}
.chip.off:hover{border-color:var(--line-2);}
.chip .em{color:var(--laranja-texto);font-size:10px;margin-left:5px;}

.rmeta{font-family:var(--mono);font-size:12.5px;color:var(--muted);margin:24px 2px 14px;
  display:flex;align-items:center;gap:10px;}
.rmeta .clear{color:var(--ciano-texto);cursor:pointer;border-bottom:1px dashed var(--ciano);}

.ghead{font-family:var(--mono);font-size:13px;color:var(--ink-2);margin:28px 2px 14px;
  display:flex;align-items:center;gap:10px;}
.ghead .dir{color:var(--ciano-texto);} .ghead .nm{color:var(--muted);}
.ghead .ln{flex:1;height:1px;background:var(--line);}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:18px;}
.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;
  transition:transform .14s,box-shadow .14s,border-color .14s;}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--line-2);}
.card .cover{display:block;width:100%;height:auto;aspect-ratio:400/232;object-fit:cover;
  background:var(--navy);}
.card .body{padding:15px 17px 16px;display:flex;flex-direction:column;gap:8px;flex:1;}
.badge{align-self:flex-start;font-family:var(--mono);font-size:10.5px;letter-spacing:.8px;
  text-transform:uppercase;color:var(--ciano-texto);background:rgba(46,196,230,.12);
  border:1px solid rgba(46,196,230,.28);border-radius:6px;padding:3px 8px;}
.tit{font-size:16.5px;font-weight:800;line-height:1.22;margin:0;color:var(--ink);letter-spacing:-.01em;}
.excerpt{font-size:13px;color:var(--muted);margin:0;line-height:1.5;}
.cmeta{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.4px;color:var(--faint);text-transform:uppercase;}
.cmeta .arw{color:var(--ciano-texto);font-size:15px;}

.empty{font-family:var(--mono);font-size:14px;color:var(--muted);padding:40px 2px;line-height:1.7;}
.empty b{color:var(--ink);}
.empty code{background:var(--surface-2);border:1px solid var(--line-2);border-radius:6px;
  padding:2px 7px;color:var(--ink);font-family:var(--mono);font-size:13px;}

/* coming-soon view */
.soon-panel{margin-top:24px;border:1px dashed var(--line-2);border-radius:16px;
  background:var(--surface);padding:56px 40px;text-align:center;}
.soon-panel .ico{width:56px;height:56px;margin:0 auto 20px;border-radius:14px;
  background:var(--navy);display:grid;place-items:center;}
.soon-panel .ico svg{width:28px;height:28px;color:var(--ciano-bright);}
.soon-panel .lbl{font-family:var(--mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--laranja-texto);margin-bottom:12px;}
.soon-panel h2{font-size:27px;font-weight:900;margin:0 0 12px;letter-spacing:-.02em;}
.soon-panel p{font-size:15px;color:var(--muted);max-inline-size:46ch;margin:0 auto;}

/* o que existe e mora fora do hub (o video na plataforma de venda).
   Borda solida, nao tracejada: nao e' promessa de futuro, e' porta que abre hoje.
   Sem capa, pra nunca ser confundido com material que a busca le. */
.ext-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.ext-card{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:14px;
  background:var(--surface);padding:20px 22px 18px;text-decoration:none;color:inherit;
  border-left:3px solid var(--ciano);transition:box-shadow .18s,transform .18s;}
.ext-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);}
.ext-card .lbl{font-family:var(--mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;
  color:var(--ciano-texto);margin-bottom:9px;}
.ext-card h3{font-size:17px;font-weight:800;margin:0 0 8px;letter-spacing:-.01em;color:var(--ink);}
.ext-card p{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0 0 16px;}
.ext-card .go{margin-top:auto;font-family:var(--mono);font-size:12px;color:var(--ink);
  display:flex;justify-content:space-between;align-items:center;}
.ext-card .arw{color:var(--ciano-texto);}

/* ---------- TRILHA ---------- */
.tr-hero{margin-bottom:8px;}

/* as tres portas: escolhem onde a pessoa ENTRA na espinha, nao o que ela abre */
.tr-portas{margin:26px 0 34px;}
.tr-portas-h{font-family:var(--mono);font-size:12px;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--faint);margin-bottom:12px;}
.tr-portas-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;}
.tr-porta{text-align:left;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;
  padding:14px 16px;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:5px;
  transition:border-color .16s,box-shadow .16s;}
.tr-porta:hover{border-color:var(--ciano);}
.tr-porta.on{border-color:var(--ciano);box-shadow:0 0 0 1px var(--ciano) inset;}
.tr-porta b{font-size:15px;font-weight:800;}
.tr-porta span{font-size:13px;color:var(--muted);line-height:1.5;}
.tr-porta em{font-family:var(--mono);font-size:11.5px;color:var(--ciano-texto);font-style:normal;}
.tr-hint{font-size:13px;color:var(--muted);margin:12px 0 0;}

/* cada degrau e' um bloco na linha do tempo */
.tr-degrau{position:relative;padding:0 0 30px 46px;}
.tr-degrau::before{content:"";position:absolute;left:15px;top:34px;bottom:0;width:1px;background:var(--line-2);}
.tr-degrau:last-child::before{display:none;}
.tr-h{display:flex;gap:14px;align-items:flex-start;margin:0 0 16px -46px;}
.tr-h .num{flex:none;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;
  display:grid;place-items:center;font-family:var(--mono);font-size:14px;font-weight:700;}
.tr-h h3{font-size:19px;font-weight:800;margin:4px 0 3px;letter-spacing:-.01em;}
.tr-h p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.5;}

.tr-nos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;}
.tr-no{display:block;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;
  padding:15px 17px;text-decoration:none;color:inherit;transition:box-shadow .16s,transform .16s;}
.tr-no:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);}
/* aula e' espinha, apoio e' apoio: a barra ciana marca a diferenca na hora */
.tr-no.aula{border-left:3px solid var(--ciano);}
.tr-no.antes{opacity:.5;}
.tr-no .lbl{font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;
  color:var(--faint);display:block;margin-bottom:7px;}
.tr-no.aula .lbl{color:var(--ciano-texto);}
.tr-no .fora{color:var(--faint);text-transform:none;letter-spacing:0;}
.tr-no h4{font-size:15.5px;font-weight:800;margin:0 0 6px;letter-spacing:-.01em;}
.tr-no p{font-size:13px;color:var(--muted);line-height:1.55;margin:0;}

.tr-vazio{border:1px dashed var(--line-2);border-radius:12px;padding:18px 20px;
  font-size:14px;color:var(--muted);line-height:1.6;}
.tr-vazio p{margin:0 0 14px;}

/* ---- inicio, a porta do acompanhamento ---- */
.pend-count{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:99px;
  display:inline-grid;place-items:center;background:var(--laranja-forte);color:#fff;font:800 10px var(--mono);}
.inicio-hero{padding-bottom:18px;}
.inicio-secao-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.inicio-label{font:800 10px var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--ciano-texto);}
.inicio-muted{font:11px var(--mono);color:var(--faint);}
.inicio-projeto,.inicio-degraus,.inicio-pendencias,.inicio-timeline,.inicio-bastidores{
  background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:20px 22px;margin:0 0 16px;box-shadow:var(--shadow);}
.inicio-financeiro{background:var(--surface);border:1px solid var(--line-2);border-left:4px solid var(--laranja);border-radius:14px;padding:20px 22px;margin:0 0 16px;box-shadow:var(--shadow);}
.inicio-financeiro h2{font-size:21px;line-height:1.2;margin:9px 0 7px;letter-spacing:-.02em;}
.inicio-financeiro>p{color:var(--muted);font-size:13.5px;line-height:1.55;margin:0;max-width:720px;}
.inicio-financeiro-valor{font:900 clamp(31px,5vw,48px)/1 var(--mono);letter-spacing:-.05em;color:var(--ink);margin:18px 0 6px;}
.inicio-financeiro-atraso{font:11px var(--mono)!important;color:var(--alerta)!important;margin:0 0 16px!important;}
.inicio-financeiro-detalhes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);}
.inicio-financeiro-detalhes dt{font:10px var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--faint);}
.inicio-financeiro-detalhes dd{margin:3px 0 0;font-size:12.5px;font-weight:800;color:var(--ink);overflow-wrap:anywhere;}
.financeiro-pix{margin-top:16px;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;}
.financeiro-pix span{display:block;width:100%;}
.inicio-financeiro-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.inicio-financeiro-nota{display:flex;gap:9px;margin-top:15px;padding:10px 12px;background:rgba(46,196,230,.08);border:1px solid rgba(46,196,230,.3);border-radius:9px;color:var(--ink-2);font-size:11.5px;line-height:1.45;}
.inicio-financeiro-nota b{color:var(--ciano-texto);font-family:var(--mono);}
.inicio-projeto h2,.inicio-bastidores h2{font-size:21px;line-height:1.2;margin:0 0 7px;letter-spacing:-.02em;}
.inicio-objetivo{font-size:15px;color:var(--ink-2);line-height:1.55;margin:0 0 18px;max-width:700px;}
.inicio-dupla{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding-top:15px;border-top:1px solid var(--line);}
.inicio-dupla>div{display:flex;flex-direction:column;gap:4px;}
.inicio-dupla strong{font-size:14px;color:var(--ink);}
.inicio-prazo{font:11px var(--mono);color:var(--muted);}
.inicio-prazo.vencido{color:var(--laranja-texto);font-weight:800;}
.inicio-degrau{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--line);}
.inicio-degrau:first-of-type{border-top:0;}
.inicio-degrau .num{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:var(--surface-2);border:1px solid var(--line-2);font:700 12px var(--mono);color:var(--faint);}
.inicio-degrau.feito .num{background:var(--navy);border-color:var(--navy);color:#fff;}
.inicio-degrau.atual .num{border-color:var(--ciano);color:var(--ciano-texto);box-shadow:0 0 0 3px rgba(46,196,230,.12);}
.inicio-degrau strong{display:block;font-size:13.5px;color:var(--ink);}
.inicio-degrau:not(.feito) strong{color:var(--muted);}
.inicio-degrau small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:2px;}
.inicio-pendencia{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line);}
.inicio-pendencia:first-of-type{border-top:0;}
.inicio-pendencia-titulo{font-weight:800;font-size:14px;color:var(--ink);}
.inicio-pendencia p{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.5;}
.inicio-pendencia.ciano{border-left:3px solid var(--ciano);padding-left:12px;}
.inicio-pendencia.laranja{border-left:3px solid var(--laranja);padding-left:12px;}
.inicio-vazio{margin:0;color:var(--muted);font-size:13.5px;}
.inicio-timeline-item{display:block;color:inherit;}
.inicio-timeline-item .pj-recado{transition:border-color .12s,background .12s;}
.inicio-timeline-item:hover .pj-recado{border-color:var(--ciano);background:var(--surface-2);}
.inicio-bastidores{border-left:3px solid var(--ciano);}
.inicio-bastidores p{color:var(--muted);font-size:13.5px;margin:0 0 15px;}
.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;}
.skill-card{display:flex;flex-direction:column;gap:9px;background:var(--surface);border:1px solid var(--line);
  border-radius:14px;padding:18px;box-shadow:var(--shadow);}
.skill-card h2{font-size:18px;margin:0;letter-spacing:-.02em;}
.skill-card>p{font-size:13.5px;color:var(--ink-2);line-height:1.5;margin:0;}
.skill-card dl{margin:3px 0 5px;padding-top:10px;border-top:1px solid var(--line);}
.skill-card dt{font:800 10px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--ciano-texto);margin-top:7px;}
.skill-card dd{font-size:12.5px;color:var(--muted);line-height:1.45;margin:2px 0 0;}
.skill-card .pj-btn{align-self:flex-start;margin-top:auto;}
.skill-card small{font-size:11.5px;color:var(--faint);}
.skill-card code{font-family:var(--mono);color:var(--ink-2);}

/* ---- o projeto do mentorado ---- */
.pj-hero{margin-bottom:8px;}
.pj-dica{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0 0 10px;}
.pj-chegada{background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid var(--line-2);
  border-left:3px solid var(--ciano);border-radius:14px;padding:20px 22px;margin:0 0 18px;}
.pj-chegada-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ciano-texto);}
.pj-chegada h2{font-size:20px;letter-spacing:-.03em;margin:6px 0 5px;}
.pj-chegada>p{color:var(--muted);font-size:14px;line-height:1.55;margin:0;max-width:680px;}
.pj-chegada ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;list-style:none;margin:17px 0 0;padding:0;}
.pj-chegada li{display:flex;gap:10px;align-items:flex-start;}
.pj-chegada li>span{align-items:center;background:var(--ciano);border-radius:999px;color:var(--navy);display:inline-flex;font-family:var(--mono);font-size:11px;font-weight:800;height:22px;justify-content:center;margin-top:1px;width:22px;}
.pj-chegada strong,.pj-chegada small{display:block;}
.pj-chegada strong{font-size:13px;}
.pj-chegada small{color:var(--muted);font-size:12.5px;line-height:1.45;margin:2px 0 7px;}
.pj-chegada-acao{background:none;border:0;color:var(--ciano-texto);cursor:pointer;font:700 12px var(--sans);padding:0;text-decoration:underline;text-underline-offset:3px;}
.pj-chegada-feito{color:var(--muted);font:700 12px var(--sans);}
.pj-historico{background:var(--surface);border:1px solid var(--line-2);border-radius:14px;margin:0 0 18px;overflow:hidden;}
.pj-historico summary{cursor:pointer;list-style:none;padding:15px 18px;color:var(--ink-2);font-size:13px;font-weight:800;}
.pj-historico summary::-webkit-details-marker,.pj-historico summary::marker{display:none;content:none;}
.pj-historico summary::before{content:'+';display:inline-block;width:18px;color:var(--ciano-texto);font:800 15px var(--mono);}
.pj-historico[open] summary::before{content:'−';}
.pj-historico summary span{color:var(--muted);font:11px var(--mono);margin-left:7px;}
.pj-historico-corpo{border-top:1px solid var(--line);padding:0 18px;}
.pj-historico-item{padding:13px 0;border-bottom:1px solid var(--line);}
.pj-historico-item:last-child{border-bottom:0;}
.pj-historico-item>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.pj-historico-item strong{color:var(--ink);font-size:13px;}
.pj-historico-item span,.pj-historico-item small{color:var(--muted);font:11px var(--mono);}
.pj-historico-item p{color:var(--ink-2);font-size:13px;line-height:1.5;margin:5px 0 3px;}
.pj-historico-item small{display:block;line-height:1.45;}
.pj-form{background:var(--surface);border:1px solid var(--line-2);border-radius:14px;
  padding:22px 24px;margin-bottom:34px;}
.pj-form label{display:block;font-size:12px;font-weight:800;letter-spacing:.03em;
  text-transform:uppercase;color:var(--ink);margin-bottom:6px;}
.pj-form textarea,.pj-form input{width:100%;background:var(--surface-2);border:1px solid var(--line-2);
  border-radius:10px;padding:11px 13px;font-family:var(--sans);font-size:14.5px;color:var(--ink);
  outline:0;line-height:1.55;resize:vertical;}
.pj-form textarea:focus,.pj-form input:focus{border-color:var(--ciano);
  box-shadow:0 0 0 3px rgba(46,196,230,.14);}
.pj-dupla{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px;}
.pj-aviso-autoria{margin-top:12px;padding:12px 14px;background:rgba(255,138,61,.08);
  border:1px solid rgba(255,138,61,.35);border-radius:10px;}
.pj-aviso-autoria p{margin:0 0 6px;font-size:13px;color:var(--ink-2);line-height:1.5;}
.pj-aviso-autoria .pj-link-btn{font-weight:800;}
.pj-acoes{display:flex;align-items:center;gap:14px;justify-content:flex-end;margin-top:20px;}
.pj-estado{font-family:var(--mono);font-size:12.5px;color:var(--muted);margin-right:auto;}
.pj-estado.ok{color:var(--ciano-texto);}
.pj-estado.erro{color:var(--laranja-texto);}
.pj-btn{font-family:var(--sans);font-size:13.5px;font-weight:800;color:#fff;cursor:pointer;
  background:var(--navy);border:1px solid var(--navy);border-radius:10px;padding:10px 22px;}
.pj-btn:hover{opacity:.9;}
.pj-btn[disabled]{opacity:.5;cursor:progress;}

.pj-degraus h3{font-size:19px;font-weight:800;margin:0 0 6px;letter-spacing:-.01em;}
.pj-degrau{display:flex;gap:14px;align-items:flex-start;padding:14px 0;
  border-top:1px solid var(--line);}
.pj-degrau .num{flex:none;width:30px;height:30px;border-radius:50%;background:var(--surface-2);
  border:1px solid var(--line-2);color:var(--faint);display:grid;place-items:center;
  font-family:var(--mono);font-size:13px;font-weight:700;}
.pj-degrau.feito .num{background:var(--navy);border-color:var(--navy);color:#fff;}
.pj-degrau h4{font-size:15.5px;font-weight:800;margin:3px 0 3px;letter-spacing:-.01em;}
.pj-degrau p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.5;}
.pj-degrau:not(.feito) h4{color:var(--muted);}
.pj-degrau-corpo{flex:1;min-width:0;}
.pj-evid{margin-top:11px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;}
.pj-evid .sit{display:inline-block;margin-bottom:7px;}
.pj-evid-relato{color:var(--ink-2)!important;font-size:13.5px!important;line-height:1.55!important;margin:0 0 5px!important;white-space:pre-wrap;overflow-wrap:anywhere;}
.pj-evid small{display:block;color:var(--muted);font-size:11.5px;margin-top:8px;}
.pj-evid-link,.pj-link-btn{display:inline-block;color:var(--ciano-texto);font-size:12px;font-weight:800;margin-top:3px;}
.pj-link-btn{background:none;border:0;cursor:pointer;font-family:var(--sans);padding:0;text-decoration:underline;text-underline-offset:3px;}
.pj-evid-form{margin-top:11px;padding:14px;background:var(--surface);border:1px solid var(--line-2);border-radius:10px;}
.pj-evid-form label{display:block;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin:0 0 5px;}
.pj-evid-form input,.pj-evid-form textarea{width:100%;background:var(--surface-2);border:1px solid var(--line-2);border-radius:8px;padding:9px 11px;color:var(--ink);font:13.5px/1.5 var(--sans);outline:0;resize:vertical;margin-bottom:10px;}
.pj-evid-form input:focus,.pj-evid-form textarea:focus{border-color:var(--ciano);box-shadow:0 0 0 3px rgba(46,196,230,.14);}
.pj-evid-acoes{display:flex;align-items:center;gap:12px;}
.pj-evid-acoes .pj-estado{margin-right:auto;}
.pj-recados{margin:28px 0 34px;}
.pj-recados h3{font-size:19px;font-weight:800;margin:0 0 6px;}
.pj-recado{margin-top:11px;padding:13px 15px;background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--ciano);border-radius:10px;}
.pj-recado .sit{display:inline-block;margin-bottom:7px;}
.pj-recado p{margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.55;white-space:pre-wrap;}
.pj-recado small{display:block;color:var(--muted);font-size:11.5px;margin-top:8px;}
.pj-registro p{margin:0 0 5px;}
.pj-registro p:last-of-type{margin-bottom:0;}
.pj-registro p strong{color:var(--ink);}
.renovacao{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow);padding:26px 28px;max-width:700px;}
.ren-tag{font-family:var(--mono);font-size:11px;color:var(--laranja-texto);letter-spacing:.04em;text-transform:uppercase;}
.renovacao h2{font-size:24px;margin:8px 0 7px;}
.renovacao p{color:var(--muted);font-size:14px;line-height:1.55;}
.ren-box{margin:20px 0;padding:17px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;}
.ren-box h3{font-size:14px;margin:0 0 10px;}
.ren-pix{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ren-pix strong{font-family:var(--mono);font-size:14px;color:var(--ink);}
.ren-pix span{font-size:12px;color:var(--muted);}
.ren-acoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.parcela-preview{display:inline-block;margin:0 10px 6px 0;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:.9rem;}

footer{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:11.5px;color:var(--faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

#toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);
  background:var(--navy);color:#eaf0fb;font-family:var(--mono);font-size:12.5px;
  padding:11px 16px;border-radius:10px;border:1px solid rgba(46,196,230,.35);
  box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:all .25s;z-index:20;}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
#toast .cy{color:var(--ciano-bright);}

/* ---------- AJUSTES (modal) ---------- */
.modal{position:fixed;inset:0;z-index:40;display:none;align-items:center;justify-content:center;
  padding:24px;background:rgba(7,14,32,.5);backdrop-filter:blur(3px);}
.modal.open{display:flex;}
.sheet{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line-2);
  border-radius:16px;box-shadow:var(--shadow-hover);overflow:hidden;}
.sheet-h{display:flex;align-items:center;gap:10px;padding:18px 20px 14px;border-bottom:1px solid var(--line);}
.sheet-h .mono{font-family:var(--mono);font-size:12px;color:var(--ciano-texto);}
.sheet-h h2{font-size:18px;font-weight:900;margin:0;letter-spacing:-.01em;flex:1;}
.sheet-h .sx{background:none;border:0;color:var(--faint);font-size:22px;cursor:pointer;line-height:1;padding:2px;}
.sheet-h .sx:hover{color:var(--ink);}
.sheet-b{padding:8px 20px 4px;}
.field{padding:15px 0;border-bottom:1px solid var(--line);}
.field:last-child{border-bottom:0;}
.field .flab{font-size:13.5px;font-weight:800;color:var(--ink);margin-bottom:3px;}
.field .fhint{font-size:12px;color:var(--muted);margin-bottom:11px;line-height:1.45;}
.field input[type=text],.field input[type=password]{width:100%;background:var(--surface-2);border:1px solid var(--line-2);
  border-radius:9px;padding:10px 12px;font-family:var(--sans);font-size:14px;color:var(--ink);outline:0;}
.field input[type=text]:focus,.field input[type=password]:focus{border-color:var(--ciano);box-shadow:0 0 0 3px rgba(46,196,230,.14);}
.field input[type=password]{display:block;margin-bottom:8px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.senha-aviso{min-height:18px;margin:4px 0 8px;color:var(--muted);font-size:12px;line-height:1.45;}
.senha-aviso.erro{color:var(--laranja-texto);}
.senha-aviso.ok{color:var(--ciano-texto);}
.senha-trocar{background:var(--navy);border:0;border-radius:9px;padding:9px 14px;color:#fff;
  font-family:var(--sans);font-size:13px;font-weight:800;cursor:pointer;}
.senha-trocar:hover{filter:brightness(1.12);}
.senha-trocar[disabled]{opacity:.55;cursor:progress;filter:none;}
[data-theme="dark"] .senha-trocar{background:var(--ciano);color:var(--navy);}
.seg{display:flex;gap:6px;background:var(--surface-2);border:1px solid var(--line-2);
  border-radius:10px;padding:4px;}
.seg button{flex:1;background:none;border:0;cursor:pointer;font-family:var(--mono);font-size:12.5px;
  color:var(--ink-2);padding:8px 6px;border-radius:7px;transition:all .12s;}
.seg button:hover{color:var(--ink);}
.seg button.on{background:var(--navy);color:#fff;}
[data-theme="dark"] .seg button.on{background:rgba(46,196,230,.18);color:var(--ciano-bright);}
.sheet-f{padding:14px 20px 18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);}
.sheet-f .ghost{background:none;border:1px solid var(--line-2);border-radius:9px;padding:9px 16px;
  font-family:var(--sans);font-weight:700;font-size:13px;color:var(--ink-2);cursor:pointer;}
.sheet-f .ghost:hover{border-color:var(--ciano);color:var(--ink);}
.sheet-f .save{background:var(--navy);border:0;border-radius:9px;padding:9px 18px;
  font-family:var(--sans);font-weight:700;font-size:13px;color:#fff;cursor:pointer;}
.sheet-f .save:hover{filter:brightness(1.12);}
[data-theme="dark"] .sheet-f .save{background:var(--ciano);color:var(--navy);}

/* ---------- PORTAO DE ENTRADA (login.html e convite.html) ---------- */
body.portao{display:grid;place-items:center;min-height:100vh;padding:24px 20px 40px;}
.gate{width:100%;max-width:420px;}
.gate .logo{justify-content:center;padding:0 0 22px;}

.gate .box{background:var(--surface);border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow);padding:26px 26px 24px;}
.gate .eyebrow{font-size:12px;margin-bottom:10px;}
.gate h1{font-size:23px;line-height:1.16;margin:0 0 8px;max-inline-size:none;letter-spacing:-.015em;}
.gate .lede{font-size:13.5px;margin:0 0 20px;max-inline-size:none;}

.gate .campo{margin-bottom:14px;}
.gate .campo label{display:block;font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:6px;}
.gate .campo input{width:100%;background:var(--surface-2);border:1px solid var(--line-2);
  border-radius:10px;padding:12px 13px;font-family:var(--sans);font-size:15px;
  color:var(--ink);outline:0;transition:border-color .12s,box-shadow .12s;}
.gate .campo input:focus{border-color:var(--ciano);box-shadow:0 0 0 3px rgba(46,196,230,.14);}
.gate .campo input[readonly]{background:var(--bg-2);color:var(--muted);cursor:default;}
.gate .campo .dica{font-size:11.5px;color:var(--faint);margin-top:6px;line-height:1.45;}

.gate .forca{display:flex;gap:4px;margin-top:8px;}
.gate .forca i{flex:1;height:3px;border-radius:2px;background:var(--line-2);transition:background .18s;}
.gate .forca.f1 i:nth-child(1){background:var(--laranja);}
.gate .forca.f2 i:nth-child(-n+2){background:var(--laranja);}
.gate .forca.f3 i{background:var(--ciano);}

.gate .entrar{width:100%;margin-top:8px;background:var(--navy);color:#fff;border:0;
  border-radius:10px;padding:13px 18px;font-family:var(--sans);font-weight:800;font-size:14.5px;
  cursor:pointer;transition:filter .12s;}
.gate .entrar:hover{filter:brightness(1.12);}
.gate .entrar[disabled]{opacity:.55;cursor:progress;filter:none;}
[data-theme="dark"] .gate .entrar{background:var(--ciano);color:var(--navy);}

.gate .aviso{display:none;border-radius:10px;padding:12px 14px;margin-bottom:16px;
  font-size:13px;line-height:1.5;border:1px solid;}
.gate .aviso.on{display:block;}
.gate .aviso b{font-weight:800;}
.gate .aviso.erro{background:rgba(217,83,79,.09);border-color:rgba(217,83,79,.34);color:var(--ink);}
.gate .aviso.alerta{background:rgba(255,138,61,.11);border-color:rgba(255,138,61,.38);color:var(--ink);}
.gate .aviso.calmo{background:var(--surface-2);border-color:var(--line-2);color:var(--muted);}
.gate .aviso .acao{display:inline-block;margin-top:10px;background:var(--laranja-forte);color:#fff;
  border:0;border-radius:8px;padding:8px 14px;font-family:var(--sans);font-weight:700;
  font-size:12.5px;cursor:pointer;}
.gate .aviso .acao:hover{filter:brightness(1.06);}

.gate .rodape{margin-top:16px;text-align:center;font-family:var(--mono);font-size:11.5px;
  color:var(--faint);line-height:1.7;}
.gate .rodape .liga{color:var(--ciano-texto);cursor:pointer;border-bottom:1px dashed var(--ciano);}
.gate .socorro{display:none;margin-top:12px;background:var(--surface-2);border:1px solid var(--line);
  border-radius:10px;padding:13px 15px;font-size:12.5px;color:var(--muted);line-height:1.6;text-align:left;}
.gate .socorro.on{display:block;}
.gate .socorro b{color:var(--ink);}

.gate .fim{margin-top:20px;text-align:center;}
.gate .fim .ok{width:44px;height:44px;margin:0 auto 14px;border-radius:12px;background:var(--navy);
  display:grid;place-items:center;color:var(--ciano-bright);font-size:22px;font-weight:900;}

/* botao de sair, na barra lateral do hub */
.sair{background:none;border:0;color:var(--faint);font-family:var(--mono);font-size:10px;
  letter-spacing:.4px;cursor:pointer;padding:4px 6px;border-radius:6px;margin-left:auto;flex:none;}
.sair:hover{color:var(--laranja-texto);background:var(--bg-2);}

.mobile-bar,.mobile-veil{display:none;}

@media(max-width:860px){
  body{overflow-x:hidden;}
  .app{grid-template-columns:1fr;min-height:100dvh;padding-top:58px;}
  .mobile-bar{position:fixed;inset:0 0 auto;z-index:80;height:58px;display:flex;align-items:center;
    gap:12px;padding:7px 14px;background:var(--surface);border-bottom:1px solid var(--line);
    box-shadow:0 3px 16px rgba(11,26,58,.08);}
  .mobile-menu{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;
    gap:7px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface-2);color:var(--ink-2);
    font:700 11px var(--mono);cursor:pointer;text-transform:uppercase;}
  .mobile-menu:hover{border-color:var(--ciano);color:var(--ink);}
  .mobile-menu-ico{font:18px/1 var(--sans);}
  .mobile-bar-title{font:900 15px var(--sans);letter-spacing:-.01em;color:var(--ink);}
  .mobile-veil{display:block;position:fixed;inset:0;z-index:60;background:rgba(7,14,32,.5);opacity:0;
    pointer-events:none;transition:opacity .2s ease;}
  .mobile-veil[hidden]{display:none;}
  .mobile-veil.show{opacity:1;pointer-events:auto;}
  .side{position:fixed;inset:0 auto 0 0;z-index:70;width:min(300px,calc(100vw - 32px));height:100dvh;
    flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow-y:auto;overscroll-behavior:contain;
    border-right:1px solid var(--line);border-bottom:0;padding:20px 14px 16px;gap:6px;
    transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--shadow-hover);}
  .side.mobile-open{transform:translateX(0);}
  .logo{padding:4px 8px 18px;}
  .nav{flex-direction:column;flex-wrap:nowrap;gap:16px;margin-top:4px;flex:none;}
  .ngroup{flex-direction:column;flex-wrap:nowrap;gap:3px;align-items:stretch;}
  .ngh{display:block;}
  .nav-item{width:100%;font-size:14px;padding:9px 10px;}
  .soon-tag{display:inline-block;}
  .side .spacer{display:block;}
  .toggle{margin-bottom:12px;}
  .user{padding:10px;}
  .uname{font-size:13.5px;} .utag{display:block;} .avatar{width:38px;height:38px;font-size:14px;}
  .wrap{padding:24px 20px 56px;}
}
@media(prefers-reduced-motion:reduce){ *{transition:none!important;} }

/* ---------- GESTAO DO ACESSO (hub/gestao.html) ---------- */
.gwrap{max-width:min(1440px, 100% - 48px);margin:0 auto;padding:30px 30px 64px;}
.ghero{padding:6px 2px 26px;display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;justify-content:space-between;}
.ghero .txt{flex:1;min-width:260px;}
.ghero-acoes{display:flex;gap:8px;flex-wrap:wrap;}
.ghero-acoes .btn{text-decoration:none;display:inline-flex;align-items:center;}

.painel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:22px 24px 26px;margin-bottom:22px;}
.painel-h{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:16px;flex-wrap:wrap;}
.painel-h h2{font-size:19px;font-weight:900;margin:0;letter-spacing:-.01em;}
.painel-h h3{font-size:14.5px;font-weight:800;margin:0;color:var(--ink-2);}
.painel .sub{font-size:13px;color:var(--muted);margin:-8px 0 16px;line-height:1.55;max-inline-size:64ch;}
.painel .sub a{color:var(--ciano-texto);border-bottom:1px dashed var(--ciano);}
.painel .sub code{background:var(--surface-2);border:1px solid var(--line-2);border-radius:5px;
  padding:1px 6px;font-family:var(--mono);font-size:12px;color:var(--ink);}

.btn{font-family:var(--sans);font-weight:700;font-size:13.5px;border-radius:9px;cursor:pointer;
  padding:10px 16px;border:0;transition:filter .12s,border-color .12s,color .12s;white-space:nowrap;}
.btn.primario{background:var(--navy);color:#fff;}
.btn.primario:hover{filter:brightness(1.14);}
[data-theme="dark"] .btn.primario{background:var(--ciano);color:var(--navy);}
.btn.ghost{background:none;border:1px solid var(--line-2);color:var(--ink-2);}
.btn.ghost:hover{border-color:var(--ciano);color:var(--ink);}
.btn.perigo{background:none;border:1px solid rgba(217,83,79,.4);color:var(--erro);}
.btn.perigo:hover{background:rgba(217,83,79,.09);}
.btn.pequeno{padding:6px 11px;font-size:12px;border-radius:7px;}
.btn[disabled]{opacity:.5;cursor:progress;}

.tabela-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;}
table.tabela{width:100%;border-collapse:collapse;font-size:13.5px;}
table.tabela th{text-align:left;font-family:var(--mono);font-size:10.5px;letter-spacing:.6px;
  text-transform:uppercase;color:var(--faint);padding:11px 14px;background:var(--surface-2);
  border-bottom:1px solid var(--line);white-space:nowrap;}
table.tabela td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:middle;}
table.tabela tr:last-child td{border-bottom:0;}
table.tabela tr:hover td{background:var(--surface-2);}
table.tabela tr.finance-linha-vencida td:first-child{border-left:3px solid var(--laranja);}
table.tabela .nome{color:var(--ink);font-weight:700;}
table.tabela .vazio td{color:var(--muted);text-align:center;padding:26px 14px;}

.sit{font-family:var(--mono);font-size:11.5px;padding:3px 9px;border-radius:20px;white-space:nowrap;
  border:1px solid transparent;}
.sit.ativo{color:var(--ok);background:rgba(26,143,76,.1);border-color:rgba(26,143,76,.3);}
.sit.aguardando{color:var(--laranja-texto);background:rgba(255,138,61,.12);border-color:rgba(255,138,61,.32);}
.sit.vencido,.sit.inativo{color:var(--erro);background:rgba(217,83,79,.09);border-color:rgba(217,83,79,.3);}
[data-theme="dark"] .sit.ativo{color:#4ad486;}

.cadastro{display:none;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;
  margin:4px 0 20px;padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;}
.cadastro.on{display:grid;}
.cadastro label{font-size:11.5px;font-weight:800;color:var(--ink);display:block;margin-bottom:5px;}
.cadastro input{width:100%;background:var(--surface);border:1px solid var(--line-2);border-radius:9px;
  padding:9px 11px;font-family:var(--sans);font-size:13.5px;color:var(--ink);outline:0;}
.cadastro select{width:100%;background:var(--surface);border:1px solid var(--line-2);border-radius:9px;
  padding:9px 11px;font-family:var(--sans);font-size:13.5px;color:var(--ink);outline:0;}
.cadastro input:focus{border-color:var(--ciano);box-shadow:0 0 0 3px rgba(46,196,230,.14);}
.cadastro select:focus{border-color:var(--ciano);box-shadow:0 0 0 3px rgba(46,196,230,.14);}
.cadastro .acoes{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end;margin-top:2px;}
.cadastro .largo{grid-column:1/-1;}
.cadastro textarea{width:100%;background:var(--surface);border:1px solid var(--line-2);border-radius:9px;
  padding:9px 11px;font-family:var(--sans);font-size:13.5px;color:var(--ink);outline:0;resize:vertical;
  line-height:1.5;}
.cadastro textarea:focus{border-color:var(--ciano);box-shadow:0 0 0 3px rgba(46,196,230,.14);}
.cadastro .aviso-autoria{flex:1;font-size:12px;color:var(--laranja-texto);font-weight:700;align-self:center;}
.cadastro .aviso-edicao{flex:1;font-size:12px;color:var(--muted);font-weight:700;align-self:center;}
/* ---- painel de projetos ---- */
.filtros-aluno{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 16px;}
.filtros-projeto{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;}
.modos-projeto{margin-top:-8px;}
.chip-f{font-family:var(--sans);font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;
  background:var(--surface-2);border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;}
/* `:not([disabled])` em vez de desfazer no hover: a tentativa anterior usava
   `background:inherit`, que herda do CONTAINER (transparente) e nao volta ao
   `--surface-2` do proprio chip, e `border-color:inherit`, que pega a cor de
   texto do container. Hover em chip desligado mudava a aparencia em vez de
   congela-la. */
.chip-f:not([disabled]):hover{color:var(--ink);}
.chip-f[disabled]{cursor:not-allowed;opacity:.35;}
.chip-f.on{color:var(--ciano-texto);border-color:var(--ciano);background:var(--surface);}
.cel-objetivo{min-inline-size:22ch;}
.cel-passo{font-size:12.5px;color:var(--muted);margin-top:4px;}
.cel-degrau{margin-top:8px;}

/* ---- cards da carteira de alunos ---- */
.lista-contagem{margin:-7px 0 12px;color:var(--muted);font:11.5px var(--mono);}
.lista-alunos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;}
.card-aluno{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 15px;
  cursor:pointer;box-shadow:0 1px 2px rgba(7,14,32,.03);transition:border-color .15s,transform .15s,box-shadow .15s;}
.card-aluno:hover,.card-aluno:focus{border-color:var(--ciano);transform:translateY(-1px);box-shadow:var(--shadow);outline:0;}
.card-aluno-top{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;}
.card-aluno-top strong{font-size:14px;line-height:1.25;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.card-aluno-linha{display:flex;justify-content:space-between;gap:8px;margin-top:13px;color:var(--muted);font-size:12px;}
.card-aluno-linha b{font-weight:700;color:var(--ink-2);}
.card-aluno-linha span{font-family:var(--mono);text-align:right;}
.card-aluno-linha span.vencido,.pagamento-atrasado{color:var(--erro);font-weight:800;}
.pagamento-aberto{color:var(--laranja-texto);font-weight:700;}
.pagamento-em-dia{color:var(--ok);font-weight:700;}
.card-aluno-email{margin-top:13px;padding-top:10px;border-top:1px solid var(--line);
  color:var(--faint);font:11px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---- detalhe do aluno ---- */
.drawer-aluno .drawer-painel{max-width:560px;}
.drawer-status{margin-top:7px;min-height:18px;}
.drawer-formulario{padding-top:4px;}
.drawer form[hidden],.drawer div[hidden],.drawer section[hidden]{display:none!important;}
.readonly-note{display:block;margin:4px 0 0;color:var(--faint);font-size:10.5px;line-height:1.35;}
.papel-drawer{display:flex;align-items:flex-end;gap:10px;}
.papel-drawer>div{flex:1;}
.papel-drawer label{font-size:11.5px;font-weight:800;color:var(--ink);display:block;margin-bottom:5px;}
.papel-drawer select{width:100%;background:var(--surface);border:1px solid var(--line-2);border-radius:9px;
  padding:9px 11px;font-family:var(--sans);font-size:13.5px;color:var(--ink);outline:0;}
.papel-drawer select:focus{border-color:var(--ciano);box-shadow:0 0 0 3px rgba(46,196,230,.14);}
.papel-drawer select:disabled{background:var(--bg-2);color:var(--muted);cursor:not-allowed;opacity:1;}
.papel-drawer>button{align-self:flex-end;flex:none;white-space:nowrap;}
.dados-drawer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0;}
.dados-drawer>div{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:9px 10px;min-width:0;}
.dados-drawer dt{color:var(--faint);font:10px var(--mono);text-transform:uppercase;letter-spacing:.35px;}
.dados-drawer dd{margin:4px 0 0;color:var(--ink-2);font-size:12.5px;font-weight:700;overflow-wrap:anywhere;}
.acoes-drawer{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.futuro-drawer{display:block;margin-top:13px;color:var(--faint);font-size:10.5px;line-height:1.45;}
.historico-drawer{margin-top:15px;}
.historico-drawer-titulo{margin-bottom:7px;color:var(--faint);font:10px var(--mono);letter-spacing:.4px;text-transform:uppercase;}
.historico-drawer-item{padding:9px 0;border-top:1px solid var(--line);}
.historico-drawer-item>div{display:flex;justify-content:space-between;gap:8px;align-items:baseline;}
.historico-drawer-item strong{color:var(--ink-2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.historico-drawer-item span{color:var(--muted);font:10.5px var(--mono);white-space:nowrap;}
.historico-drawer-item p,.historico-vazio{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.45;}
.historico-vazio{padding:9px 0;border-top:1px solid var(--line);}

@media (max-width:620px){
  .lista-alunos{grid-template-columns:1fr;}
  .drawer-aluno .drawer-painel{max-width:none;}
  .dados-drawer{grid-template-columns:1fr;}
}

/* ---- lista de cards de projetos (le a carteira inteira sem zoom-out) ---- */
.lista-projetos{display:flex;flex-direction:column;gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.lista-vazia{color:var(--muted);text-align:center;padding:26px 14px;background:var(--surface);}
.card-projeto{background:var(--surface);padding:10px 14px;display:flex;flex-direction:column;
  gap:3px;cursor:pointer;}
.card-projeto:hover{background:var(--surface-2);}
.card-projeto.inativo{opacity:.55;}
.card-projeto.inativo:hover{opacity:.8;}
.card-projeto.historico{background:var(--surface-2);}
.card-projeto.historico .cp-nome{color:var(--ink-2);}
.cp-projeto-num{color:var(--ciano-texto);font:700 10.5px var(--mono);white-space:nowrap;}
.cp-historico{color:var(--muted);font-size:12px;}
.fila-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start;}
.fila-col{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0;}
.fila-col.fila-urgente{border-color:rgba(255,138,61,.58);}
.fila-col-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 13px;border-bottom:1px solid var(--line);}
.fila-col-h h3{margin:0;color:var(--ink-2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.fila-col-h span{color:var(--muted);font:700 11px var(--mono);}
.fila-col.fila-urgente .fila-col-h h3,.fila-col.fila-urgente .fila-col-h span{color:var(--laranja-texto);}
.fila-lista{display:flex;flex-direction:column;gap:1px;background:var(--line);}
.fila-lista .card-projeto{border-radius:0;}
.fila-lista .card-projeto.fila-urgente{box-shadow:inset 3px 0 0 var(--laranja);}
.fila-vazia{background:var(--surface);color:var(--muted);font-size:12px;margin:0;padding:22px 13px;text-align:center;}
.fila-acoes{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.fila-acao{background:none;border:1px solid var(--line-2);border-radius:7px;color:var(--ciano-texto);cursor:pointer;font:700 11px var(--sans);padding:6px 8px;}
.fila-acao:hover{border-color:var(--ciano);background:var(--surface-2);}
.fila-acao[disabled]{cursor:progress;opacity:.5;}
@media(max-width:860px){.fila-grid{grid-template-columns:1fr;}}
.cp-linha1{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.cp-nome{color:var(--ink);font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cp-linha1 .motivos-atencao{margin-top:0;flex:0 1 auto;min-width:0;}
.cp-parado{margin-left:auto;font:11px var(--mono);color:var(--faint);white-space:nowrap;}
.cp-linha2{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-2);}
.cp-degrau-rotulo{color:var(--faint);white-space:nowrap;}
.cp-tarefa{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cp-linha3{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.resumo-encontro{color:var(--ink-2);}
.cp-acoes{display:flex;align-items:center;gap:6px;margin-top:4px;justify-content:flex-end;}

.degrau-pontos{display:inline-flex;gap:3px;flex:none;}
.degrau-pontos span{width:7px;height:7px;border-radius:50%;background:var(--line-2);display:inline-block;}
.degrau-pontos span.cheio{background:var(--ciano);}

/* menu "..." de um card: <details>/<summary> nativo, sem JS de abrir/fechar */
.menu-acoes{position:relative;}
.menu-acoes summary{list-style:none;cursor:pointer;}
.menu-acoes summary::-webkit-details-marker,.menu-acoes summary::marker{display:none;content:none;}
.menu-acoes[open] summary{border-color:var(--ciano);}
.menu-lista{position:absolute;right:0;top:calc(100% + 4px);z-index:5;min-width:150px;
  background:var(--surface);border:1px solid var(--line-2);border-radius:9px;box-shadow:var(--shadow-hover);
  padding:5px;display:flex;flex-direction:column;}
.menu-lista button{background:none;border:0;text-align:left;padding:7px 9px;border-radius:6px;
  font:600 12.5px var(--sans);color:var(--ink-2);cursor:pointer;}
.menu-lista button:hover{background:var(--surface-2);color:var(--ink);}

/* ---- drawer de projeto: painel lateral com o detalhe de um mentorado ---- */
.drawer{position:fixed;inset:0;z-index:40;display:none;}
.drawer.open{display:block;}
.drawer-veu{position:absolute;inset:0;background:rgba(7,14,32,.5);backdrop-filter:blur(2px);}
.drawer-painel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:520px;
  background:var(--surface);border-left:1px solid var(--line-2);box-shadow:var(--shadow-hover);
  display:flex;flex-direction:column;}
.drawer-h{display:flex;align-items:flex-start;gap:10px;padding:18px 20px 14px;border-bottom:1px solid var(--line);}
.drawer-h h2{font-size:17px;font-weight:900;margin:0;letter-spacing:-.01em;}
.drawer-h .sub{margin:2px 0 0;display:block;}
.drawer-h .sx{margin-left:auto;background:none;border:0;color:var(--faint);font-size:22px;cursor:pointer;
  line-height:1;padding:2px;}
.drawer-h .sx:hover{color:var(--ink);}
.drawer-b{padding:6px 20px 24px;overflow-y:auto;flex:1;}
.dw-secao{padding:16px 0;border-bottom:1px solid var(--line);}
.dw-secao:last-child{border-bottom:0;}
.dw-secao h3{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;
  color:var(--faint);margin:0 0 10px;}
.dw-secao .cadastro{margin:10px 0 0;}
.drawer .cadastro{display:grid;} /* dentro do drawer os tres formularios ficam sempre visiveis */
.drawer .acoes-drawer{margin-top:10px;}
.drawer .acoes-drawer button[hidden]{display:none;}

.prazo-projeto{font:11px var(--mono);color:var(--muted);margin-top:7px;}
.prazo-projeto.vencido{color:var(--erro);font-weight:800;}
.finance-meta{font:10.5px var(--mono);color:var(--faint);margin-top:3px;}
.financeiro-totais{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px;}
.financeiro-totais span{padding:9px 12px;background:var(--surface-2);border:1px solid var(--line);
  border-radius:9px;color:var(--muted);font-size:12px;}
.financeiro-totais strong{color:var(--ink);font:800 13px var(--mono);}
.finance-renovacao{white-space:nowrap;}
.finance-renovacao.vencido{color:var(--erro);font-weight:800;}
.finance-entrada{white-space:nowrap;}
.destaques-renovacao{display:grid;gap:9px;margin:0 0 18px;}
.destaques-titulo{display:flex;align-items:baseline;gap:8px;color:var(--muted);font-size:12px;}
.destaques-titulo span{color:var(--laranja-texto);font:800 10px var(--mono);letter-spacing:.8px;text-transform:uppercase;}
.destaque-renovacao{background:rgba(255,138,61,.07);border:1px solid rgba(255,138,61,.45);border-radius:12px;padding:13px 14px;}
.destaque-renovacao-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.destaque-renovacao-cab strong{display:block;color:var(--ink);font-size:13px;}
.destaque-renovacao-cab span{display:block;color:var(--muted);font:11px var(--mono);margin-top:3px;}
.destaque-renovacao-dados{margin-top:10px;color:var(--ink-2);font-size:12px;}
.destaque-renovacao-dados strong{color:var(--erro);font-family:var(--mono);}
.destaque-renovacao p{margin:8px 0 0;color:var(--muted);font-size:11.5px;line-height:1.45;max-width:78ch;}
.link-f{border:0;background:none;padding:0;color:var(--ciano-texto);font:700 11px var(--sans);cursor:pointer;}
.link-f:hover{text-decoration:underline;}
.parcelou{font-family:var(--mono);font-size:12px;color:var(--ink-2);white-space:nowrap;}
.pagamento-rapido{display:grid;grid-template-columns:82px 128px 92px auto auto;gap:5px;min-width:450px;align-items:center;}
.pagamento-rapido input,.pagamento-rapido select{width:100%;min-width:0;background:var(--surface);border:1px solid var(--line-2);
  border-radius:7px;padding:6px 7px;font:11.5px var(--sans);color:var(--ink);outline:0;}
.pagamento-rapido input:focus,.pagamento-rapido select:focus{border-color:var(--ciano);}
.renovar-sheet{max-width:620px;}
.renovar-sheet .sheet-b{padding:4px 24px 8px;max-height:72vh;overflow:auto;}
.renovar-sheet .sheet-h{padding:18px 24px 14px;}
.renovar-sheet .sheet-f{padding:14px 24px 18px;}
.renovar-titulo{flex:1;}
.renovar-titulo h2{font-size:19px;margin:0;}
.renovar-titulo .sub{display:block;margin-top:3px;}
.renovar-field{padding:14px 0;border-bottom:1px solid var(--line);}
.renovar-field:last-of-type{border-bottom:0;}
.renovar-field>label:not(.renovar-cortesia),.renovar-grid label{display:block;color:var(--ink);font-size:12.5px;font-weight:800;margin-bottom:5px;}
.renovar-hint{font-size:11.5px;line-height:1.45;color:var(--muted);margin:0 0 9px;}
.renovar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.renovar-field input,.renovar-field select{width:100%;background:var(--surface-2);border:1px solid var(--line-2);border-radius:9px;padding:10px 11px;font:13.5px var(--sans);color:var(--ink);outline:0;}
.renovar-field input:focus,.renovar-field select:focus{border-color:var(--ciano);box-shadow:0 0 0 3px rgba(46,196,230,.14);}
.renovar-field input:disabled,.renovar-field select:disabled{opacity:.55;cursor:not-allowed;}
.renovar-previa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;min-height:34px;}
.renovar-parcela{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:8px 9px;}
.renovar-parcela strong,.renovar-parcela small{display:block;}
.renovar-parcela strong{font-size:12px;}
.renovar-parcela small{font:10px var(--mono);color:var(--muted);margin-top:2px;}
.renovar-sem-previa{grid-column:1/-1;background:var(--surface-2);border:1px dashed var(--line-2);border-radius:8px;padding:10px 11px;color:var(--muted);font-size:11.5px;}
.renovar-cortesia{display:flex;align-items:center;gap:10px;background:rgba(46,196,230,.08);border:1px solid rgba(46,196,230,.35);border-radius:9px;padding:11px 12px;cursor:pointer;}
.renovar-cortesia input{width:auto;accent-color:var(--ciano);}
.renovar-cortesia strong,.renovar-cortesia span span{display:block;}
.renovar-cortesia strong{font-size:12px;}
.renovar-cortesia span span{color:var(--muted);font-size:11px;margin-top:1px;}
.renovar-cortesia-copy{display:none;margin:10px 0 0;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;font-size:12px;color:var(--ink-2);}
.renovar-cortesia-copy.on{display:block;}
.renovar-sheet .aviso-edicao{min-height:18px;margin:3px 0 0;}
.renovar-sheet .sheet-f button:disabled{opacity:.55;cursor:wait;}
.registro-projeto{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:9px 10px;margin-bottom:7px;}
.registro-projeto.destaque{border-color:var(--ciano);box-shadow:0 0 0 2px rgba(46,196,230,.1);}
.registro-cab{display:flex;justify-content:space-between;gap:8px;font:11px var(--mono);color:var(--muted);margin-bottom:6px;}
.registro-cab strong{color:var(--ink);}
.registro-campo{margin-top:6px;}
.registro-campo span{font:10px var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--faint);}
.registro-campo p{margin:1px 0 0;color:var(--ink-2);font-size:12px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;}
.registro-projeto .link-f{margin-top:8px;}
.historico-registros{margin-top:8px;}
.historico-registros summary{color:var(--ciano-texto);font:700 11px var(--sans);cursor:pointer;}
.linhacoes-in{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.marca-autoria{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;color:var(--laranja-texto);border:1px solid var(--laranja);border-radius:999px;
  padding:1px 7px;margin-left:6px;white-space:nowrap;}
.motivos-atencao{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px;}
.motivo{display:inline-block;font-size:10.5px;font-weight:700;line-height:1.3;color:var(--laranja-texto);
  background:var(--surface);border:1px solid var(--laranja);border-radius:999px;padding:2px 8px;
  white-space:nowrap;font-family:var(--sans);}
button.motivo.acionavel{cursor:pointer;}
button.motivo.acionavel:hover{background:rgba(255,138,61,.12);}
.sem{color:var(--faint);}
.sel-degrau{font-family:var(--sans);font-size:12.5px;color:var(--ink);background:var(--surface);
  border:1px solid var(--line-2);border-radius:8px;padding:5px 8px;outline:0;max-width:100%;}
.sel-degrau:focus{border-color:var(--ciano);box-shadow:0 0 0 3px rgba(46,196,230,.14);}
.sel-degrau[disabled]{opacity:.55;cursor:not-allowed;}

/* ---- painel de evidencias ---- */
.filtros-evidencia{margin-top:-4px;}
.evid-email{color:var(--muted);font-size:11px;font-weight:400;margin-top:2px;}
.cel-evid-relato{min-width:260px;max-width:none;}
.evid-relato{color:var(--ink-2);line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;}
.evid-link{display:inline-block;color:var(--ciano-texto);font-size:11.5px;font-weight:800;margin-top:4px;}
#formEvidencia input[readonly]{color:var(--muted);}
#motivoModal .sheet-b>label{display:block;color:var(--ink);font-size:12px;font-weight:800;margin:8px 0 6px;}
#motivoTexto{width:100%;background:var(--surface);border:1px solid var(--line-2);border-radius:9px;
  padding:10px 12px;color:var(--ink);font:13.5px/1.5 var(--sans);outline:0;resize:vertical;}
#motivoTexto:focus{border-color:var(--ciano);box-shadow:0 0 0 3px rgba(46,196,230,.14);}
.contador{color:var(--faint);font:11px var(--mono);text-align:right;margin-top:5px;}

.busca-alunos{margin-bottom:16px;}

@media(max-width:640px){
  .destaque-renovacao-cab{flex-direction:column;}
  .renovar-grid{grid-template-columns:1fr;gap:8px;}
  .renovar-previa{grid-template-columns:repeat(2,minmax(0,1fr));}
  .renovar-sheet .sheet-b{padding-left:18px;padding-right:18px;}
  .renovar-sheet .sheet-h,.renovar-sheet .sheet-f{padding-left:18px;padding-right:18px;}
}

@media(max-width:700px){
  input,select,textarea{font-size:16px!important;}
  button,.toggle{min-height:44px;}
  .sair{min-width:44px;min-height:44px;padding:4px 8px;}
  .drawer .drawer-painel{max-width:none;height:100dvh;overscroll-behavior:contain;}
  .drawer-b{overscroll-behavior:contain;}
  .drawer-h .sx,.sheet-h .sx{min-width:44px;min-height:44px;display:inline-flex;
    align-items:center;justify-content:center;}
  .inicio-financeiro-detalhes{grid-template-columns:1fr;}
  .ext-grid{grid-template-columns:1fr;}
  .pagamento-rapido{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;}
  .pagamento-rapido>*{width:100%;}
}