/* Tema claro (padrão). O escuro é o estilo base em estilo.css */
html[data-tema=claro]{color-scheme:light;--lk:#0A0A0B;--la:#F4F4F5;--lr:#FFFFFF;--bg:#FFFFFF;--fg:#0A0A0B;--mut:#5C5C66;--mut2:#8C8C95;--acc:#0891B2;--acc-d:#FFFFFF;--sup:#F6F6F7;--sup2:#EFEFF1;--line:#E7E7EA;--line2:#D8D8DD}
html[data-tema=claro] body{background:#fff}
html[data-tema=claro] .topo.solido{background:rgba(255,255,255,.82)}
html[data-tema=claro] .btn.pri{background:#0A0A0B;color:#fff;border-color:#0A0A0B}
html[data-tema=claro] .btn.pri .ret{color:#6EE7F9}
html[data-tema=claro] .btn.pri:hover{background:#1d1d21;box-shadow:0 0 0 6px rgba(8,145,178,.12),0 12px 36px -10px rgba(10,10,11,.45)}
html[data-tema=claro] .btn:hover{background:#F6F6F7}
html[data-tema=claro] .selo{background:rgba(255,255,255,.85)}
html[data-tema=claro] .selo i{background:#0891B2;box-shadow:0 0 0 4px rgba(8,145,178,.16)}
html[data-tema=claro] .hero::before{background:
  radial-gradient(600px 420px at var(--mx,70%) var(--my,40%),rgba(8,145,178,.08),transparent 70%),
  radial-gradient(900px 500px at 85% 10%,rgba(110,231,249,.18),transparent 70%),
  radial-gradient(circle at 1px 1px,rgba(10,10,11,.09) 1px,transparent 1.2px) 0 0/26px 26px;
  -webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
html[data-tema=claro] .janela{background:#fff;box-shadow:0 40px 90px -30px rgba(10,10,11,.25),0 0 0 1px rgba(10,10,11,.03),0 0 80px -30px rgba(8,145,178,.35)}
html[data-tema=claro] .jbarra i{background:#DCDCE1}
html[data-tema=claro] .chip{background:#F6F6F7}
html[data-tema=claro] .chip.on{border-color:rgba(8,145,178,.5);background:rgba(8,145,178,.07)}
html[data-tema=claro] .radar{background:linear-gradient(180deg,#FAFAFB,#F3F5F7)}
html[data-tema=claro] .radar .fundo g{stroke:#DADAE0}
html[data-tema=claro] .varre{background:conic-gradient(from 0deg,rgba(8,145,178,0) 0deg,rgba(8,145,178,0) 300deg,rgba(8,145,178,.14) 358deg,rgba(8,145,178,.45) 360deg)}
html[data-tema=claro] .voce{background:#0A0A0B;box-shadow:0 0 0 6px rgba(10,10,11,.1)}
html[data-tema=claro] .pino::before{background:#0891B2;box-shadow:0 0 14px rgba(8,145,178,.55)}
html[data-tema=claro] .pino::after{border-color:#0891B2}
html[data-tema=claro] .pino[aria-pressed=true]{background:rgba(8,145,178,.12)}
html[data-tema=claro] .pino.ia::before{background:#7C3AED;box-shadow:0 0 14px rgba(124,58,237,.5)}
html[data-tema=claro] .pino.ia::after{border-color:#7C3AED}
html[data-tema=claro] .pino.ia[aria-pressed=true]{background:rgba(124,58,237,.12)}
html[data-tema=claro] .pino.cinza::before{background:#B4B4BD}
html[data-tema=claro] .ponto{background:#C6C6CE}
html[data-tema=claro] .ligacao{stroke:#0891B2;filter:drop-shadow(0 0 3px rgba(8,145,178,.5))}
html[data-tema=claro] .detalhe{background:rgba(255,255,255,.92);box-shadow:0 18px 40px -18px rgba(10,10,11,.25)}
html[data-tema=claro] .tag.o{border-color:rgba(8,145,178,.4);background:rgba(8,145,178,.07);color:#0E7490}
html[data-tema=claro] .tag.o.ia{border-color:rgba(124,58,237,.4);background:rgba(124,58,237,.07);color:#6D28D9}
html[data-tema=claro] .legenda i{background:#0891B2}
html[data-tema=claro] .legenda span+span i{background:#7C3AED}
html[data-tema=claro] .fone{border-color:#1b1b1f;background:#0C0C0E;box-shadow:0 30px 60px -12px rgba(10,10,11,.5)}
html[data-tema=claro] .mani .p{color:#D9D9DE}
html[data-tema=claro] .mani .p.l{color:#0A0A0B}
html[data-tema=claro] .mani .p.a.l{color:#0891B2}
html[data-tema=claro].shot .mani .p{color:#0A0A0B}
html[data-tema=claro].shot .mani .p.a{color:#0891B2}
html[data-tema=claro] .painel{background:linear-gradient(180deg,#fff,#F8F8F9);box-shadow:0 30px 80px -34px rgba(10,10,11,.25)}
html[data-tema=claro] .painel::before{background:radial-gradient(500px 220px at 80% 0,rgba(110,231,249,.22),transparent 70%)}
html[data-tema=claro] .passo:hover{background:rgba(10,10,11,.025)}
html[data-tema=claro] .passo[aria-selected=true]{background:#F6F6F7}
html[data-tema=claro] .passo .prog{background:#0891B2}
html[data-tema=claro] .op.sel{border-color:rgba(8,145,178,.55);background:rgba(8,145,178,.07)}
html[data-tema=claro] .cta-mock{background:#0A0A0B;color:#fff}
html[data-tema=claro] .anel{background:conic-gradient(#0891B2 calc(var(--v)*1%),#E4E4E7 0)}
html[data-tema=claro] .anel span{background:#fff}
html[data-tema=claro] .lead{background:#fff}
html[data-tema=claro] .lead:first-of-type{border-color:rgba(8,145,178,.45)}
html[data-tema=claro] .card{background:#F8F8F9}
html[data-tema=claro] .card.ia{--c:rgba(124,58,237,.1);--cc:#7C3AED}
html[data-tema=claro] .card{--c:rgba(110,231,249,.28)}
html[data-tema=claro] .card li{color:#3F3F46}
html[data-tema=claro] .quem div{background:#fff}
html[data-tema=claro] .quem div:hover{background:#F6F6F7}
html[data-tema=claro] details[open] summary i{background:#0A0A0B;border-color:#0A0A0B}
html[data-tema=claro] details[open] summary i::before,html[data-tema=claro] details[open] summary i::after{background:#fff}
html[data-tema=claro] .final::before{background:radial-gradient(circle,rgba(110,231,249,.28),transparent 65%)}
html[data-tema=claro] form{background:#fff;box-shadow:0 30px 70px -30px rgba(10,10,11,.22)}
html[data-tema=claro] input:focus,html[data-tema=claro] select:focus{box-shadow:0 0 0 4px rgba(8,145,178,.14)}
html[data-tema=claro] .msg.err{color:#DC2626}
html[data-tema=claro] footer .marca{color:#0A0A0B}
html[data-tema=claro] .tela,html[data-tema=claro] .chat{color:#E6F5EC}
html[data-tema=claro] .zap-t span{color:#E6F5EC}