/* R20 (2026-10-19): campanha "O futuro do trabalho é privativo".
   Hero com o conceito, #controle (quem controla a inteligência + teses) e #cargos (argumento por cadeira). */
.r20-hero-tri{margin-top:14px;font:600 clamp(1.05rem,1.8vw,1.3rem)/1.35 var(--f-body);letter-spacing:.01em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.r16-hero .hero-sub b{color:var(--on-dark);font-weight:600}

.r20-ctl .container{max-width:1120px}
.r20-head{max-width:880px}
.r20-head h2{font-size:clamp(1.55rem,3.1vw,2.35rem);line-height:1.22;margin-top:4px}
.r20-lead{margin-top:18px;font-size:1.08rem;line-height:1.6;color:var(--on-dark-soft);max-width:66ch}
.r20-tri{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.r20-tri li{border:1px solid rgba(52,195,240,.22);border-radius:16px;padding:20px 22px;background:rgba(52,195,240,.05);display:flex;flex-direction:column;gap:8px}
.r20-tri b{font-size:1.25rem;color:var(--cyan)}
.r20-tri span{color:var(--on-dark-soft);line-height:1.55}
.r20-sig{margin-top:28px;font-size:clamp(1.2rem,2.4vw,1.6rem);display:flex;flex-wrap:wrap;gap:6px 14px}
.r20-sig b{color:var(--on-dark)}
.r20-sig b+b{color:var(--cyan)}
.r20-tk{margin-top:64px;font:600 12px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-mut)}
.r20-teses{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.r20-teses a{display:flex;flex-direction:column;gap:10px;height:100%;padding:20px 22px;border-radius:16px;text-decoration:none;
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:var(--on-dark);
  transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease)}
.r20-teses a:hover{transform:translateY(-3px);border-color:rgba(52,195,240,.5);background:rgba(52,195,240,.06)}
.r20-teses a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.r20-teses b{font-size:1.08rem;line-height:1.35}
.r20-teses span{color:var(--on-dark-soft);font-size:.95rem;line-height:1.55;flex:1}
.r20-teses i{font-style:normal;font-weight:600;font-size:.9rem;color:var(--cyan)}
.r20-all{margin-top:18px}
.r20-ed{margin:40px 0 0;padding:28px 0 0 26px;border-left:3px solid var(--cyan);max-width:900px}
.r20-ed p{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.5;color:var(--on-dark)}
.r20-ed footer{margin-top:14px;font:600 13px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}

.r20-cg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.r20-cg-tabs button{font:600 15px/1 var(--f-body);color:inherit;background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:12px 20px;min-height:44px;cursor:pointer}
.r20-cg-tabs button[aria-selected="true"]{color:#04121d;background:var(--cyan);border-color:var(--cyan)}
.r20-cg-tabs button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.r20-cg-p{display:grid;grid-template-columns:1.05fr 1fr;gap:20px 40px;align-items:start;border:1px solid rgba(52,195,240,.22);border-radius:20px;padding:30px 32px;
  background:linear-gradient(160deg,rgba(52,195,240,.07),rgba(255,255,255,.02));color:var(--on-dark)}
.r20-cg-p[hidden]{display:none}
.r20-cg-p:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.r20-cg-a h3{color:var(--on-dark);font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.25}
.r20-cg-q{margin-top:14px;font-size:1.08rem;line-height:1.5;color:var(--on-dark-soft)}
.r20-cg-b{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.r20-cg-b li{color:var(--on-dark-soft);position:relative;padding-left:26px;line-height:1.55}
.r20-cg-b li::before{content:"";position:absolute;left:4px;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(52,195,240,.18)}
.r20-cg-antes{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding:14px 18px;border-radius:12px;background:rgba(52,195,240,.08);color:var(--on-dark)}
.r20-cg-antes small{font:600 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.r20-cg-cta{grid-column:1/-1}
@media (max-width:900px){
  .r20-tri,.r20-teses{grid-template-columns:1fr 1fr}
  .r20-cg-p{grid-template-columns:1fr;padding:24px 20px}
}
@media (max-width:600px){
  .r20-tri,.r20-teses{grid-template-columns:1fr}
  .r20-cg-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .r20-cg-tabs button{flex:0 0 auto}
  .r20-ed{padding-left:18px}
}

/* Verde NVIDIA nos destaques da capa (2026-10-20, pedido do Tiago): associa a iSol à tecnologia NVIDIA que ela de fato
   usa (inferência em GPU NVIDIA, CUDA; membro do programa Inception). Só a capa (#inicio), a barra de prova (#prova) e a
   faixa do Inception; logo, menu e o resto do site seguem no azul iSol. Texto escuro sobre o verde (contraste AA). */
:root{--nv-green:#76b900;--nv-green-2:#8fd41c;--nv-ink:#0b1a00}
#inicio .eyebrow{color:var(--nv-green-2)}
#inicio .eyebrow::before{background:var(--nv-green);opacity:1;width:28px;height:2px}
#inicio .r20-hero-tri{background:linear-gradient(90deg,var(--nv-green),#b6f24a);-webkit-background-clip:text;background-clip:text;color:transparent}
/* !important: o index.html força o azul no .btn-primary (correção de contraste); aqui o texto escuro sobre o verde dá ~9:1 */
#inicio .btn-primary{background:linear-gradient(135deg,#76b900,#8fd41c)!important;color:var(--nv-ink)!important;border-color:#76b900!important;box-shadow:0 8px 22px -8px rgba(118,185,0,.7)}
#inicio .btn-primary:hover{background:linear-gradient(135deg,#6aa700,#84c614)!important;box-shadow:0 14px 30px -8px rgba(143,212,28,.8)}
#inicio .btn-primary:focus-visible{outline:2px solid var(--nv-green-2);outline-offset:3px}
#inicio .r56-prova-k{color:var(--nv-green-2)}
#inicio .r56-prova-k::before{background:var(--nv-green);box-shadow:0 0 8px rgba(118,185,0,.8)}
#prova .r6-proof-n li:nth-child(-n+2) b{color:var(--nv-green-2)}
#prova .r6-claim-ok{border-color:rgba(118,185,0,.6);color:var(--nv-green-2);background:rgba(118,185,0,.1)}
#prova .r6-claim-ok::before{background:var(--nv-green)}
.r16-nv{background:linear-gradient(90deg,rgba(118,185,0,.14),rgba(118,185,0,.03) 60%,transparent);border-top:1px solid rgba(118,185,0,.35);border-bottom:1px solid rgba(118,185,0,.35)}
.r16-nv .nv-placa{box-shadow:0 0 0 2px var(--nv-green),0 12px 34px -12px rgba(118,185,0,.6)}
.r16-nv p b{color:var(--nv-green-2)}