/* CÓPIA EXATA dos 3 blocos de estilo da maquete aprovada (PROTOTIPO_APP_ALUNO_2026-09-30/cadastro_aluno_novo.html, 01/10). Não editar aqui: ajustes ficam em app.css */

  :root { --acid:#B8EB00; --glow:rgba(184,235,0,.55); --preto:#07090c; --grafite:#12161c; --linha:#262c35; --txt:#e8ebe0;
          --txt2:#9aa1ab; --papel:#faf0cb; --fc:'Barlow Condensed','Arial Narrow',sans-serif; --fm:'DM Sans',system-ui,sans-serif; }
  * { box-sizing:border-box; }
  body { margin:0; background:#1d2127; font-family:var(--fm); color:var(--txt); }
  .faixa { display:flex; gap:34px; padding:38px 40px 46px; width:max-content; }
  .col { display:flex; flex-direction:column; align-items:center; gap:14px; }
  .rot { font-family:var(--fc); font-weight:700; font-size:22px; letter-spacing:.06em; color:#e8ebe0; text-transform:uppercase; }
  .rot b { color:var(--acid); }
  .legenda { width:390px; color:#c9cdd4; font-size:14.5px; line-height:1.45; text-align:center; } .legenda b { color:#fff; }
  .cel { width:390px; height:844px; border-radius:46px; background:var(--preto); position:relative; overflow:hidden;
         box-shadow:0 0 0 11px #0b0e13, 0 0 0 13px #444, 0 22px 50px rgba(0,0,0,.55); }
  .ilha { position:absolute; top:12px; left:50%; transform:translateX(-50%); width:118px; height:32px; background:#000; border-radius:20px; z-index:20; }

  /* LOGO OFICIAL (igual à tela de login) */
  .marca { display:flex; align-items:center; gap:13px; }
  .marca .barra { width:6px; height:52px; background:var(--acid); box-shadow:0 0 18px var(--glow); border-radius:3px; }
  .marca .nome { font-family:var(--fc); font-weight:700; font-size:44px; line-height:1; letter-spacing:.06em; color:#fff; }
  .marca .nome span { color:var(--acid); }
  .marca .sub { font-family:var(--fm); font-weight:700; font-size:10.5px; letter-spacing:.24em; color:#c3c8cf; text-transform:uppercase; margin-top:7px; }
  .marca.peq .barra { height:34px; } .marca.peq .nome { font-size:28px; } .marca.peq .sub { font-size:8px; margin-top:4px; }
  .icone { width:44px; height:44px; border-radius:11px; }

  /* FOTO DE TREINO como componente */
  .foto { position:absolute; left:0; right:0; top:0; background-size:cover; background-position:center; }
  .foto::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,9,12,.15) 0%, rgba(7,9,12,.35) 45%, var(--preto) 100%); }
  .sobre { position:absolute; left:26px; right:26px; z-index:5; }
  .tag { display:inline-block; font-family:var(--fc); font-weight:700; font-size:13px; letter-spacing:.2em; color:var(--preto); background:var(--acid); padding:4px 10px; border-radius:4px; }

  .card { background:var(--grafite); border:1px solid var(--linha); border-radius:18px; padding:20px; }
  .card h2 { font-family:var(--fc); font-weight:800; font-size:26px; letter-spacing:.03em; margin:0 0 4px; color:#fff; }
  .card p { margin:0 0 12px; color:var(--txt2); font-size:14.5px; line-height:1.45; }
  .campo { font-family:var(--fc); font-weight:700; font-size:14px; letter-spacing:.16em; color:var(--txt2); margin:12px 0 6px; }
  .caixa { background:#0b0e13; border:1.5px solid #333a44; border-radius:12px; height:56px; display:flex; align-items:center; justify-content:center;
           font-family:var(--fc); font-weight:700; font-size:32px; letter-spacing:.24em; color:#fff; }
  .caixa.ativa { border-color:var(--acid); box-shadow:0 0 0 3px rgba(184,235,0,.18); }
  .btn { margin-top:18px; height:58px; border-radius:14px; background:var(--acid); color:var(--preto); display:flex; align-items:center; justify-content:center;
         font-family:var(--fc); font-weight:800; font-size:23px; letter-spacing:.14em; box-shadow:0 8px 24px rgba(184,235,0,.25); }
  .obs { font-size:12.5px; color:var(--txt2); text-align:center; margin-top:12px; }
  .check { display:flex; gap:12px; align-items:flex-start; font-size:14px; line-height:1.4; color:#d4d8de; margin-top:6px; }
  .check i { flex:0 0 24px; height:24px; border-radius:6px; background:var(--acid); color:var(--preto); display:flex; align-items:center; justify-content:center; font-style:normal; font-weight:900; }
  .aviso { background:rgba(239,68,68,.12); border-left:4px solid #ef4444; padding:11px 13px; border-radius:8px; font-size:13px; line-height:1.45; color:#f3c9c9; margin-top:12px; }
  .aviso b { color:#fff; }
  .teclas { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:10px; }
  .teclas div { height:38px; border-radius:10px; background:#0b0e13; border:1px solid #2a3038; display:flex; align-items:center; justify-content:center;
                font-family:var(--fc); font-weight:700; font-size:22px; color:#cfd3d9; }
  .ok { margin-top:12px; border-radius:14px; padding:13px 15px; background:rgba(184,235,0,.1); border:1px solid rgba(184,235,0,.5); display:flex; gap:12px; align-items:center; }
  .ok .pulso { width:38px; height:38px; border-radius:50%; background:var(--acid); color:var(--preto); display:flex; align-items:center; justify-content:center; font-weight:900; font-size:20px; flex:0 0 38px; }
  .ok b { font-family:var(--fc); font-size:21px; letter-spacing:.04em; color:#fff; display:block; } .ok span { font-size:13px; color:var(--txt2); }
  .nav { position:absolute; left:0; right:0; bottom:0; height:84px; background:rgba(7,9,12,.96); border-top:1px solid var(--linha); display:flex;
         justify-content:space-around; align-items:flex-start; padding-top:13px; z-index:15; }
  .nav div { font-family:var(--fc); font-weight:700; font-size:14px; letter-spacing:.12em; color:#6f7680; display:flex; flex-direction:column; align-items:center; gap:6px; }
  .nav div::before { content:''; width:26px; height:4px; border-radius:2px; background:#2d333c; }
  .nav .on { color:var(--acid); } .nav .on::before { background:var(--acid); box-shadow:0 0 10px var(--glow); }
  .barra-topo { position:absolute; left:0; right:0; top:0; height:106px; background:var(--preto); z-index:10; display:flex; align-items:flex-end; padding:0 22px 12px; border-bottom:1px solid var(--linha); }
  .cel iframe { position:absolute; left:0; top:106px; width:390px; height:654px; border:0; }

  /* v3 01/10: ranking da aula (formato B), aula sem pontos e agenda — mesmas cores, fontes e cartões da v2 */
  .tit { font-family:var(--fc); font-weight:800; font-size:32px; letter-spacing:.03em; color:#fff; line-height:1; margin-top:6px; }
  .abas { display:flex; gap:6px; margin:16px 0 12px; }
  .abas span { flex:1; text-align:center; padding:9px 0; border-radius:10px; background:#0b0e13; border:1px solid #2a3038; font-family:var(--fc); font-weight:700; font-size:15px; letter-spacing:.1em; color:var(--txt2); }
  .abas span.on { background:var(--acid); border-color:var(--acid); color:var(--preto); }
  .rk { display:flex; align-items:center; gap:12px; padding:12px 16px; border-radius:14px; background:var(--grafite); border:1px solid var(--linha); margin-bottom:8px; }
  .rk .p { font-family:var(--fc); font-weight:800; font-style:italic; font-size:28px; width:38px; }
  .rk .n { flex:1; font-family:var(--fc); font-weight:700; font-size:21px; letter-spacing:.04em; color:#fff; }
  .rk .v { font-family:var(--fc); font-weight:800; font-size:25px; color:#fff; }
  .rk .v small { font-size:13px; color:var(--txt2); margin-left:4px; letter-spacing:.1em; }
  .rk.um { padding:18px 16px; background:linear-gradient(90deg, rgba(232,197,71,.22), rgba(232,197,71,.02)); border-color:rgba(232,197,71,.65); }
  .rk.um .p, .rk.um .v { font-size:36px; } .rk.um .n { font-size:25px; }
  .rk.eu { border-color:rgba(184,235,0,.6); } .rk.eu .n { color:var(--acid); }
  .med { display:flex; align-items:center; gap:14px; padding:13px 14px; border-radius:14px; background:var(--grafite); border:1px solid var(--linha); margin-bottom:8px; }
  .med .ic { width:46px; height:46px; border-radius:12px; background:#0b0e13; border:1px solid #2a3038; display:flex; align-items:center; justify-content:center; flex:0 0 46px; }
  .med .q { font-family:var(--fc); font-weight:700; font-size:13px; letter-spacing:.16em; color:var(--acid); }
  .med .n { font-family:var(--fc); font-weight:800; font-size:22px; color:#fff; line-height:1.05; }
  .med .d { font-size:12.5px; color:var(--txt2); margin-top:2px; }
  .med .oq { font-size:11.5px; color:#7f8791; margin-top:2px; font-style:italic; }   /* 01/10 Bruno: 'tem que ser tudo didático' — o que é cada medalha (regra do np-premios.js) */
  .turma { display:flex; justify-content:space-between; font-size:13px; color:var(--txt2); margin:6px 2px 0; } .turma b { color:var(--acid); }
  .dias { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; margin:16px 0 14px; }
  .dias div { height:64px; border-radius:14px; background:var(--grafite); border:1px solid var(--linha); display:flex; flex-direction:column; align-items:center; justify-content:center; font-family:var(--fc); font-weight:800; font-size:25px; color:#fff; }
  .dias div small { font-size:12px; letter-spacing:.16em; color:var(--txt2); font-weight:700; }
  .dias div.on { background:var(--acid); border-color:var(--acid); color:var(--preto); } .dias div.on small { color:#2b3a00; }
  .ag { display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:16px; background:var(--grafite); border:1px solid var(--linha); margin-bottom:9px; }
  .ag.prox { border-color:var(--acid); box-shadow:0 0 0 3px rgba(184,235,0,.18); }
  .ag.foi { opacity:.45; }
  .ag .h { font-family:var(--fc); font-weight:800; font-size:30px; color:#fff; width:62px; }
  .ag .sep { width:1px; align-self:stretch; background:var(--linha); }
  .ag .n { font-family:var(--fc); font-weight:800; font-size:20px; letter-spacing:.04em; color:#fff; }
  .ag .d { font-size:13px; color:var(--txt2); }
  .semp { text-align:center; padding:22px 16px; border-radius:18px; background:var(--grafite); border:1.5px dashed #3a414c; margin-top:16px; }
  .eucard{margin:10px 0 0;padding:12px 16px;border-radius:14px;background:#12161c;border:1px solid #39414c;text-align:center}
  .eucard .t{font-family:var(--fc);font-weight:800;font-size:22px;letter-spacing:.06em;color:#fff}
  .eucard .s{font-size:12.5px;color:var(--txt2);margin-top:2px}
  .faixa { flex-wrap:wrap; width:2280px; row-gap:40px; }
  .creditos { width:100%; text-align:center; color:#7a818b; font-size:12.5px; padding:0 0 30px; }

  /* 01/10 (Bruno: "tira esses verdes, muito agressivo, muito chamativo"): sem verde cheio e sem brilho.
     Botões = grafite com letra branca; selecionado = cinza mais claro; verde só no logo e em detalhe pequeno. */
  .btn{background:#1b2129!important;color:#f2f4ee!important;border:1px solid #39414c!important;box-shadow:none!important}
  .btn2{border-color:#39414c!important;color:#f2f4ee!important}
  .tag{background:rgba(7,9,12,.6)!important;color:#e8ebe0!important;border:1px solid #39414c}   /* 01/10: legível em cima da foto */
  .caixa.ativa{border-color:#5a6370!important;box-shadow:none!important}
  .check i{background:#2a313b!important;color:#fff!important}
  .ok{background:#12161c!important;border-color:#2c333d!important}.ok .pulso{background:#2a313b!important;color:#fff!important}
  .abas span.on,.dias div.on,.pills span.on,.troca span.on{background:#2a313b!important;border-color:#4a5360!important;color:#fff!important}
  .dias div.on small{color:#c3c8cf!important}
  .ag.prox{border-color:#4a5360!important;box-shadow:none!important}
  .nav .on::before{box-shadow:none!important}
  .baixar .a{background:#1b2129!important;color:#f2f4ee!important;border:1px solid #39414c}.baixar .b{border-color:#39414c!important;color:#c3c8cf!important}
  .quadro.vazio span{background:#2a313b!important;color:#fff!important}
  .bc.melhor i{background:linear-gradient(180deg,#a9b86a,#6f7d3a)!important}
  /* 01/10 (Bruno: "melhora, deixa mais profissional"): botões mais finos, números grandes em branco */
  .btn{height:52px!important;border-radius:12px!important;font-size:18px!important;letter-spacing:.1em!important;font-weight:700!important}
  .baixar div{font-size:15px!important;letter-spacing:.1em!important;font-weight:700!important;height:44px!important}
  .rk.eu{border-color:#4a5360!important}.rk.eu .n{color:#fff!important}
  .med .q{color:#9aa1ab!important}
  .semp + .card div[style*="var(--acid)"]{color:#fff!important}
  /* 01/10 (Bruno: "pode ficar verde com check quando conectado"): confirmação de cinta = verde de SUCESSO */
  .ok{background:rgba(34,197,94,.10)!important;border-color:rgba(34,197,94,.55)!important}
  .ok .pulso{background:#22c55e!important;color:#fff!important}
  /* 01/10 (Bruno): carimbo APROVADO -> MISSÃO CUMPRIDA (duas linhas) */
  .corpo.rc .carimbo{font-size:17px!important;line-height:1.05;text-align:center;padding:6px 12px!important}
  /* 01/10: zonas com nome (Leve, Moderada...) -> legenda em 2 colunas para não quebrar a linha */
  .corpo.rc .zgrade{grid-template-columns:1fr 1fr!important;gap:7px 14px!important}
  /* 01/10 (Bruno: "faça 1 e 2" + "clarear o cinza dos textos pequenos e dar mais espaço entre os blocos") */
  .rk.eu{border:1.5px solid rgba(184,235,0,.75)!important}            /* 1: a linha da própria aluna com borda verde FINA */
  .turma{color:#c3c8cf!important;font-size:13.5px!important}           /* 2: "A turma queimou..." mais claro */
  :root{--txt2:#a9b0ba}                                                 /* cinza dos textos pequenos mais claro (antes #9aa1ab / #8e959f) */
  .legenda,.obs,.med .oq,.med .d,.eucard .s,.zt,.hl .hi,.calleg,.batleg,.st em{color:#b4bac3!important}
  .med .oq{color:#a3aab4!important}
  .nav div{color:#8a919b!important}
  .rk{margin-bottom:10px!important}.eucard{margin-top:14px!important}.turma{margin-top:10px!important}
  .bloco{margin-bottom:14px!important}.med{margin-bottom:10px!important}.ag{margin-bottom:11px!important}
  /* 01/10 REGRA FINAL DE CONTRASTE (Bruno: "aplica"): título/número = #FFFFFF · texto pequeno importante = #C5CAD1 ·
     dica/legenda = #9AA0A8 · mais escuro que isso NÃO é usado para texto */
  :root{--txt2:#9AA0A8}
  .card p,.card .campo,.campo,.priv,.priv span,.link,.eucard .s,.med .d,.zt,.hl .hi,.ag .d,.turma,.rotk,.sec,.st,.status p,
  .status small,.mono,.tiles span,.medias span,.recs small,.recs p,.tres span,.zc span,.passos div,.semp div,.cq span,
  .total,.dd,.calmes,.timel span,.medl span,.rot,.dias div small,.abas span,.pills span,.sexo div{color:#C5CAD1!important}
  .obs,.legenda,.med .oq,.calleg,.batleg,.zc em,.bc span,.bc em,.calg i,.calg i.cab,.rod .mono,.hdir,.nav div,.tiles b small,
  .vk small,.rk .v small,.semp-pts,.zl .zv small,.passos span{color:#9AA0A8!important}
  .card h2,.tit,.nome,.vk,.tiles b,.rk .n,.rk .v,.med .n,.grande,.recs b,.tres b,.zl .zn,.zl .zv,.hl .hv,.eucard .t,.caixa,.inp{color:#FFFFFF!important}
  .nav .on,.abas span.on,.pills span.on,.dias div.on,.calg i.com,.calg i.sel,.sexo div.on{color:#FFFFFF!important}
  .inp.vazio{color:#9AA0A8!important}
  /* 01/10 (Bruno): botões principais de entrada (ENTRAR, CONTINUAR, COMEÇAR) em verde-limão com letra preta, sem brilho */
  .btn.prim{background:#B8EB00!important;color:#07090c!important;border-color:#B8EB00!important;box-shadow:none!important}
  .obs.clara{color:#C5CAD1!important}
  .cel > .foto { top:50px !important; }   /* a foto começa abaixo do recorte preto */


  .inp { background:#0b0e13; border:1.5px solid #333a44; border-radius:12px; height:46px; display:flex; align-items:center; padding:0 14px;
         font-family:var(--fm); font-size:15.5px; color:#fff; }
  .inp.vazio { color:#5f666f; }
  .inp.ativa { border-color:#5a6370; }
  .dois { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .sexo { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .sexo div { height:46px; border-radius:12px; border:1.5px solid #333a44; display:flex; align-items:center; justify-content:center;
              font-family:var(--fc); font-weight:700; font-size:16px; letter-spacing:.08em; color:#a9b0ba; }
  .sexo div.on { background:#2a313b; border-color:#4a5360; color:#fff; }
  .card .campo { margin:10px 0 5px; }
  .priv { font-size:11.5px; color:#a9b0ba; margin-top:8px; line-height:1.4; display:flex; gap:7px; }
  .link { text-align:center; margin-top:12px; font-size:13.5px; color:#cfd4da; }
  .link b { color:#fff; text-decoration:underline; text-underline-offset:3px; }
  .espera { text-align:center; }
  .relogio { width:84px; height:84px; border-radius:50%; border:2px solid #39414c; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; }
  .passos { text-align:left; margin-top:16px; }
  .passos div { display:flex; gap:12px; align-items:center; padding:10px 0; border-top:1px solid #232932; font-size:14px; color:#cfd4da; }
  .passos div:first-child { border-top:0; }
  .passos i { width:26px; height:26px; border-radius:50%; flex:0 0 26px; display:flex; align-items:center; justify-content:center; font-style:normal;
              font-family:var(--fc); font-weight:800; font-size:14px; }
  .passos i.ok { background:#22c55e; color:#fff; } .passos i.ag { border:1.5px dashed #5a6370; color:#a9b0ba; }
  /* esboço do aviso na Arena (tela do professor) */
  .arena { width:560px; background:#0d1117; border:1px solid #262c35; border-radius:18px; padding:22px; box-shadow:0 22px 50px rgba(0,0,0,.55); }
  .arena .tt { font-family:var(--fc); font-weight:800; font-size:15px; letter-spacing:.18em; color:#a9b0ba; }
  .arena .novo { margin-top:12px; display:flex; align-items:center; gap:16px; background:#12161c; border:1px solid #39414c; border-radius:14px; padding:16px; }
  .arena .av { width:52px; height:52px; border-radius:50%; background:#2a313b; display:flex; align-items:center; justify-content:center;
               font-family:var(--fc); font-weight:800; font-size:20px; color:#fff; }
  .arena .nm { font-family:var(--fc); font-weight:800; font-size:24px; color:#fff; letter-spacing:.03em; }
  .arena .dd { font-size:13px; color:#a9b0ba; margin-top:2px; }
  .arena .bts { margin-left:auto; display:flex; gap:8px; }
  .arena .bts div { height:44px; padding:0 18px; border-radius:11px; display:flex; align-items:center; font-family:var(--fc); font-weight:800; font-size:16px; letter-spacing:.1em; }
  .arena .ap { background:#B8EB00; color:#07090c; }   /* 01/10 Bruno: verde do sistema */ .arena .rc { border:1px solid #4a5360; color:#cfd4da; }
  .arena .nota { margin-top:12px; font-size:12.5px; color:#a9b0ba; line-height:1.45; }


  /* 01/10 (Bruno: "tira esses verdes, muito agressivo, muito chamativo"): sem verde cheio e sem brilho.
     Botões = grafite com letra branca; selecionado = cinza mais claro; verde só no logo e em detalhe pequeno. */
  .btn{background:#1b2129!important;color:#f2f4ee!important;border:1px solid #39414c!important;box-shadow:none!important}
  .btn2{border-color:#39414c!important;color:#f2f4ee!important}
  .tag{background:rgba(7,9,12,.6)!important;color:#e8ebe0!important;border:1px solid #39414c}   /* 01/10: legível em cima da foto */
  .caixa.ativa{border-color:#5a6370!important;box-shadow:none!important}
  .check i{background:#2a313b!important;color:#fff!important}
  .ok{background:#12161c!important;border-color:#2c333d!important}.ok .pulso{background:#2a313b!important;color:#fff!important}
  .abas span.on,.dias div.on,.pills span.on,.troca span.on{background:#2a313b!important;border-color:#4a5360!important;color:#fff!important}
  .dias div.on small{color:#c3c8cf!important}
  .ag.prox{border-color:#4a5360!important;box-shadow:none!important}
  .nav .on::before{box-shadow:none!important}
  .baixar .a{background:#1b2129!important;color:#f2f4ee!important;border:1px solid #39414c}.baixar .b{border-color:#39414c!important;color:#c3c8cf!important}
  .quadro.vazio span{background:#2a313b!important;color:#fff!important}
  .bc.melhor i{background:linear-gradient(180deg,#a9b86a,#6f7d3a)!important}
  /* 01/10 (Bruno: "melhora, deixa mais profissional"): botões mais finos, números grandes em branco */
  .btn{height:52px!important;border-radius:12px!important;font-size:18px!important;letter-spacing:.1em!important;font-weight:700!important}
  .baixar div{font-size:15px!important;letter-spacing:.1em!important;font-weight:700!important;height:44px!important}
  .rk.eu{border-color:#4a5360!important}.rk.eu .n{color:#fff!important}
  .med .q{color:#9aa1ab!important}
  .semp + .card div[style*="var(--acid)"]{color:#fff!important}
  /* 01/10 (Bruno: "pode ficar verde com check quando conectado"): confirmação de cinta = verde de SUCESSO */
  .ok{background:rgba(34,197,94,.10)!important;border-color:rgba(34,197,94,.55)!important}
  .ok .pulso{background:#22c55e!important;color:#fff!important}
  /* 01/10 (Bruno): carimbo APROVADO -> MISSÃO CUMPRIDA (duas linhas) */
  .corpo.rc .carimbo{font-size:17px!important;line-height:1.05;text-align:center;padding:6px 12px!important}
  /* 01/10: zonas com nome (Leve, Moderada...) -> legenda em 2 colunas para não quebrar a linha */
  .corpo.rc .zgrade{grid-template-columns:1fr 1fr!important;gap:7px 14px!important}
  /* 01/10 (Bruno: "faça 1 e 2" + "clarear o cinza dos textos pequenos e dar mais espaço entre os blocos") */
  .rk.eu{border:1.5px solid rgba(184,235,0,.75)!important}            /* 1: a linha da própria aluna com borda verde FINA */
  .turma{color:#c3c8cf!important;font-size:13.5px!important}           /* 2: "A turma queimou..." mais claro */
  :root{--txt2:#a9b0ba}                                                 /* cinza dos textos pequenos mais claro (antes #9aa1ab / #8e959f) */
  .legenda,.obs,.med .oq,.med .d,.eucard .s,.zt,.hl .hi,.calleg,.batleg,.st em{color:#b4bac3!important}
  .med .oq{color:#a3aab4!important}
  .nav div{color:#8a919b!important}
  .rk{margin-bottom:10px!important}.eucard{margin-top:14px!important}.turma{margin-top:10px!important}
  .bloco{margin-bottom:14px!important}.med{margin-bottom:10px!important}.ag{margin-bottom:11px!important}
  /* 01/10 REGRA FINAL DE CONTRASTE (Bruno: "aplica"): título/número = #FFFFFF · texto pequeno importante = #C5CAD1 ·
     dica/legenda = #9AA0A8 · mais escuro que isso NÃO é usado para texto */
  :root{--txt2:#9AA0A8}
  .card p,.card .campo,.campo,.priv,.priv span,.link,.eucard .s,.med .d,.zt,.hl .hi,.ag .d,.turma,.rotk,.sec,.st,.status p,
  .status small,.mono,.tiles span,.medias span,.recs small,.recs p,.tres span,.zc span,.passos div,.semp div,.cq span,
  .total,.dd,.calmes,.timel span,.medl span,.rot,.dias div small,.abas span,.pills span,.sexo div{color:#C5CAD1!important}
  .obs,.legenda,.med .oq,.calleg,.batleg,.zc em,.bc span,.bc em,.calg i,.calg i.cab,.rod .mono,.hdir,.nav div,.tiles b small,
  .vk small,.rk .v small,.semp-pts,.zl .zv small,.passos span{color:#9AA0A8!important}
  .card h2,.tit,.nome,.vk,.tiles b,.rk .n,.rk .v,.med .n,.grande,.recs b,.tres b,.zl .zn,.zl .zv,.hl .hv,.eucard .t,.caixa,.inp{color:#FFFFFF!important}
  .nav .on,.abas span.on,.pills span.on,.dias div.on,.calg i.com,.calg i.sel,.sexo div.on{color:#FFFFFF!important}
  .inp.vazio{color:#9AA0A8!important}
  /* 01/10 (Bruno): botões principais de entrada (ENTRAR, CONTINUAR, COMEÇAR) em verde-limão com letra preta, sem brilho */
  .btn.prim{background:#B8EB00!important;color:#07090c!important;border-color:#B8EB00!important;box-shadow:none!important}
  .obs.clara{color:#C5CAD1!important}