:root{--aceso:#c9f31d;--mau:#ff8370}:root[data-tema=claro]{--aceso:#000;--mau:#b3261e}.topo nav .sair{color:var(--suave);padding:.5rem 0;transition:color .2s}.topo nav .sair:hover{color:var(--texto)}.porta{--larg:77.5rem;--m:max(var(--goteira), (100vw - var(--larg)) / 2);min-height:100svh;padding:clamp(5.5rem, 13vh, 8rem) var(--m) clamp(2.5rem, 8vh, 5rem);grid-template-columns:minmax(0,1fr) minmax(0,26.5rem);align-items:center;column-gap:clamp(2rem,7vw,7rem);display:grid}.passo{gap:clamp(.9rem,2vh,1.4rem);display:grid}.porta h1{grid-column:auto;align-self:auto;font-size:clamp(2.5rem,5.2vw,4.4rem)}.lema{max-width:23em;color:var(--suave);text-wrap:pretty;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.3}.lema b{color:var(--texto);font-weight:500}.quadro{gap:1.25rem;min-width:0;display:grid}.campos{gap:1.1rem;display:grid}.campo{border:0;gap:.4rem;min-width:0;margin:0;padding:0;display:grid}.campo label,.campo legend{color:var(--suave);padding:0;font-size:.9375rem}.campo input:not([type=radio]){width:100%;font:inherit;color:var(--texto);background:var(--campo);box-shadow:inset 0 0 0 1px var(--fio);border:0;border-radius:3px;padding:.85rem 1rem;transition:box-shadow .15s}.campo input:not([type=radio]):hover{box-shadow:inset 0 0 0 1px var(--apagado)}.campo input:not([type=radio]):focus-visible{box-shadow:inset 0 0 0 2px var(--foco);outline:0}.campo input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--mau)}.dica{color:var(--apagado);font-size:.9375rem}.erro{color:var(--mau);font-size:.9375rem}.aviso{background:var(--campo);box-shadow:inset 0 0 0 1px var(--fio);border-radius:3px;padding:.8rem 1rem}.aviso.mau{color:var(--mau);box-shadow:inset 0 0 0 1px var(--mau)}.campos .acao{width:100%;margin-top:.3rem;padding:.95rem 1.35rem}.escolha{display:block}.escolha legend{margin-bottom:.4rem}.escolha>p{margin-top:.4rem}.escolha>div{gap:.4rem;display:grid}.escolha label{color:var(--texto);font-size:1rem;display:block;position:relative}.escolha input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.escolha span{box-shadow:inset 0 0 0 1px var(--fio);border-radius:3px;padding:.8rem 1rem;font-weight:500;transition:box-shadow .15s,background-color .15s,color .15s;display:block}.escolha label:hover span{box-shadow:inset 0 0 0 1px var(--texto)}.escolha input:checked+span{background:var(--cheio);color:var(--sobre-cheio);box-shadow:none}.escolha input:focus-visible+span{outline:2px solid var(--foco);outline-offset:3px}.saidas-porta{color:var(--suave);flex-wrap:wrap;justify-content:space-between;gap:.4rem 1.5rem;font-size:.9375rem;display:flex}.saidas-porta a,.saidas-porta button{color:inherit;text-decoration:underline;text-decoration-color:var(--fio);text-underline-offset:.3em;padding:.35rem 0;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.saidas-porta a:hover,.saidas-porta button:hover{color:var(--texto);text-decoration-color:currentColor}.saidas-porta a:active,.saidas-porta button:active{color:var(--acento-letra)}.atalhos{border:1px dashed var(--apagado);border-radius:4px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;padding:.7rem .8rem;display:flex}.atalhos p{color:var(--apagado);font-family:var(--dados);flex-basis:100%;font-size:.8125rem}.atalhos button{box-shadow:inset 0 0 0 1px var(--fio);border-radius:3px;padding:.5rem .8rem;font-size:.9375rem;font-weight:500;transition:box-shadow .15s,background-color .15s}.atalhos button:hover{box-shadow:inset 0 0 0 1px var(--texto)}.atalhos button:active{background:var(--fio)}.visor{--p:clamp(.5rem, 2.35vw, .68rem);height:calc(7 * var(--p));justify-content:space-between;display:flex}.cel{grid-template-columns:repeat(5, var(--p));grid-auto-rows:var(--p);display:grid}.cel i{width:var(--p);height:var(--p);color:var(--fio);background:radial-gradient(circle closest-side,currentColor 0 34%,#0000 38%);transition:color .18s,transform .25s cubic-bezier(.3,.9,.3,1)}.cel i.on{color:var(--aceso);transform:scale(1.5)}.cel.agora i.on{animation:1.1s step-end infinite pisca}@keyframes pisca{50%{color:var(--fio);transform:none}}html:not(.js) .visor{display:none}.visor-caixa{background:var(--campo);box-shadow:inset 0 0 0 1px var(--fio);border-radius:4px;padding:1.15rem 1.1rem;transition:box-shadow .15s;position:relative}html:not(.js) .visor-caixa{box-shadow:none;background:0 0;padding:0}.js .visor-caixa:hover{box-shadow:inset 0 0 0 1px var(--apagado)}.js .visor-caixa:focus-within{box-shadow:inset 0 0 0 2px var(--foco)}.js .campo.codigo:has([aria-invalid=true]) .visor-caixa:not(:focus-within){box-shadow:inset 0 0 0 1px var(--mau)}.js .visor-caixa input:not([type=radio]){opacity:0;cursor:text;height:100%;font-size:1rem;position:absolute;inset:0}html:not(.js) .codigo input{font-family:var(--dados);letter-spacing:.5em}.visor.massa i{color:var(--aceso);transform:translate(var(--dx,0), var(--dy,0)) scale(1.15)}.js .visor.massa:not(.pronto){visibility:hidden}.visor.pronto i{transition:color .5s var(--d,0s), transform .95s cubic-bezier(.2, .9, .25, 1) var(--d,0s)}.visor.assente i{transition:color .18s,transform .25s cubic-bezier(.3,.9,.3,1)}.quadro>.visor{margin:.4rem 1.1rem 1rem}.vivo .quadro>.visor.pronto{animation:2.8s ease-in-out infinite pulsa}@keyframes pulsa{50%{transform:scale(1.09)}}@media (width<=899px){.porta{grid-template-columns:minmax(0,1fr);align-content:start;row-gap:clamp(1.75rem,5vh,2.5rem);padding-top:clamp(5.5rem,14vh,7rem)}.quadro{width:100%;max-width:26.5rem}.porta h1{font-size:clamp(2.2rem,8.6vw,3.4rem)}}@media (width<=399px){.visor-caixa{padding:1rem .8rem}.quadro>.visor{margin-inline:.8rem}}