:root{
  --bg:#000308; --bg2:#060D16; --line:#13263A; --line2:#1D3B57;
  --ink:#EEF6FB; --ink2:#9FB6C9; --ink3:#5F7C94; --acc:#00C8FF; --warn:#F2A65A;
  --ui:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --disp:'Sora',var(--ui);
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--ui);line-height:1.62;
  -webkit-font-smoothing:antialiased}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(60% 40% at 50% 0%, rgba(0,200,255,.09), transparent 70%)}
.folha{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:46px 22px 90px}
.topo{display:flex;align-items:center;gap:12px;margin-bottom:38px}
.topo svg{width:54px;height:34px;flex:0 0 auto;filter:drop-shadow(0 0 12px rgba(0,200,255,.45))}
.topo b{font-family:var(--disp);font-weight:700;font-size:1.15rem;letter-spacing:-.03em}
.topo b em{font-style:normal;color:var(--acc);text-shadow:0 0 14px rgba(0,200,255,.7)}
.topo .sp{flex:1}
.topo a{color:var(--ink3);text-decoration:none;font-size:.84rem;font-weight:600;
  border:1px solid var(--line2);border-radius:999px;padding:7px 14px;transition:all .2s}
.topo a:hover{color:var(--acc);border-color:var(--acc)}
.topo a.marca{display:flex;align-items:center;gap:12px;border:0;padding:0;color:var(--ink);
  font-size:1rem;border-radius:10px}
.topo a.marca:hover{color:var(--ink);border:0}
.topo a.marca:hover svg{filter:drop-shadow(0 0 18px rgba(0,200,255,.75))}
.topo a.marca svg{transition:filter .25s}
.idi{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line2);
  border-radius:999px;padding:3px;margin-right:4px}
.idi a,.idi b{font:700 .7rem/1 var(--mono);letter-spacing:.06em;padding:6px 9px;
  border-radius:999px;text-decoration:none;border:0;color:var(--ink3);transition:all .2s}
.idi a:hover{color:var(--acc);border:0}
.idi b.aq{background:rgba(0,200,255,.14);color:var(--acc)}
code{font:600 .88em var(--mono);color:var(--acc);background:rgba(0,200,255,.08);border:1px solid var(--line2);border-radius:5px;padding:1px 6px}
@media(max-width:520px){
  .topo{flex-wrap:wrap;gap:10px}
  .topo .sp{flex:1 0 100%;height:0}
  .topo a.marca{flex:1 0 100%}
}
h1{font-family:var(--disp);font-weight:800;font-size:2.1rem;letter-spacing:-.035em;line-height:1.1}
.quando{font:600 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink3);margin-top:12px}
.abre{color:var(--ink2);font-size:1.05rem;margin:22px 0 10px;line-height:1.6}
h2{font-family:var(--disp);font-weight:700;font-size:1.22rem;letter-spacing:-.02em;
  margin:40px 0 12px;padding-top:26px;border-top:1px solid var(--line)}
h2 span{color:var(--acc);font-family:var(--mono);font-size:.78rem;font-weight:800;
  letter-spacing:.1em;display:block;margin-bottom:7px}
h3{font-family:var(--disp);font-weight:700;font-size:1rem;margin:22px 0 8px;color:var(--ink)}
p{color:var(--ink2);margin:11px 0}
p strong,li strong{color:var(--ink);font-weight:700}
ul{margin:11px 0 11px 2px;list-style:none}
li{color:var(--ink2);margin:9px 0;padding-left:20px;position:relative}
li::before{content:'';position:absolute;left:3px;top:.68em;width:6px;height:6px;
  border-radius:50%;background:var(--acc);box-shadow:0 0 9px rgba(0,200,255,.6)}
.caixa{border:1px solid var(--line2);border-radius:14px;padding:18px 20px;margin:20px 0;
  background:linear-gradient(168deg,rgba(14,28,45,.85),rgba(4,10,18,.85))}
.caixa.neon{border-color:rgba(0,200,255,.4);background:rgba(0,200,255,.06)}
.caixa.falta{border-color:rgba(242,166,90,.45);background:rgba(242,166,90,.07)}
.caixa.falta b{color:var(--warn)}
.caixa p:first-child{margin-top:0} .caixa p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.93rem}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--acc);font:700 .7rem var(--mono);letter-spacing:.1em;text-transform:uppercase;
  vertical-align:bottom}
/* o nome do plano em cima, o que ele e embaixo - sem caixa alta, que
   em subtitulo fica gritado */
th small{display:block;font:400 .66rem/1.3 inherit;letter-spacing:0;
  text-transform:none;color:var(--ink3);margin-top:3px}
td{color:var(--ink2)}
.pe{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);
  color:var(--ink3);font-size:.86rem}
.pe a{color:var(--acc);text-decoration:none}
a{color:var(--acc)}
@media print{
  body{background:#fff;color:#000} body::after{display:none}
  h1,h2,h3,p,li,td{color:#000} th{color:#000}
  .topo a{display:none} .caixa{border-color:#999}
}