@layer componentes{.botao{--_fundo:var(--acento);--_tinta:var(--sobre-acento);justify-content:center;align-items:center;gap:var(--esp-2);min-height:var(--toque-min);padding:0 var(--esp-5);border-radius:var(--raio-pilula);background:var(--_fundo);color:var(--_tinta);letter-spacing:.005em;white-space:nowrap;transition:transform var(--rapido) var(--mola), background var(--rapido) var(--mola), box-shadow var(--rapido) var(--mola);border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.botao:hover{--_fundo:var(--acento-forte)}.botao:active{transform:scale(.97)}.botao:disabled{opacity:.55;cursor:not-allowed;transform:none}.botao--grande{min-height:var(--toque-conf);padding-inline:var(--esp-6);font-size:1.05em}.botao--largo{width:100%}.botao--secundario{--_fundo:var(--acento-suave);--_tinta:var(--acento-forte)}.botao--secundario:hover{--_fundo:var(--acento-suave-2)}.botao--neutro{--_fundo:var(--superficie-2);--_tinta:var(--tinta);border-color:var(--linha)}.botao--neutro:hover{--_fundo:var(--superficie-3)}.botao--fantasma{--_fundo:transparent;--_tinta:var(--tinta-2)}.botao--fantasma:hover{--_fundo:var(--superficie-2);--_tinta:var(--tinta)}.botao--atencao{--_fundo:var(--atencao);--_tinta:white}.botao--pequeno{min-height:36px;padding-inline:var(--esp-3);font-size:.9em}.botao svg{flex:none;width:1.2em;height:1.2em}.campo{gap:var(--esp-2);display:grid}.campo__rotulo{color:var(--tinta);font-size:.95em;font-weight:600}.campo__ajuda{color:var(--tinta-2);font-size:.875em}.campo__erro{color:var(--atencao);font-size:.875em;font-weight:500}.campo__entrada{width:100%;min-height:var(--toque-min);padding:0 var(--esp-4);border:1.5px solid var(--linha-forte);border-radius:var(--raio-s);background:var(--superficie);color:var(--tinta);transition:border-color var(--rapido) var(--mola), box-shadow var(--rapido) var(--mola)}textarea.campo__entrada{min-height:6rem;padding-block:var(--esp-3);resize:vertical;line-height:1.5}.campo__entrada:focus{border-color:var(--acento);box-shadow:0 0 0 4px var(--acento-suave);outline:none}.campo__entrada[aria-invalid=true]{border-color:var(--atencao)}.campo__entrada::placeholder{color:var(--tinta-3)}.campo--codigo .campo__entrada{font-family:var(--fonte-mono);letter-spacing:.35em;text-align:center;min-height:var(--toque-conf);font-size:1.6em}.cartao{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio-g);padding:var(--esp-6);box-shadow:var(--sombra-1)}.cartao--plano{box-shadow:none}.cartao--suave{background:var(--superficie-2);box-shadow:none;border-color:#0000}.cartao--acento{background:var(--acento-suave);box-shadow:none;border-color:#0000}.cartao--calor{background:var(--calor-suave);box-shadow:none;border-color:#0000}@starting-style{.cartao{opacity:0;translate:0 8px}}.cartao{transition:opacity var(--medio) var(--mola), translate var(--medio) var(--mola)}.aviso{gap:var(--esp-3);padding:var(--esp-4) var(--esp-5);border-radius:var(--raio-m);background:var(--info-suave);color:var(--tinta);align-items:flex-start;font-size:.95em;display:flex}.aviso svg{flex:none;width:1.25em;height:1.25em;margin-top:.1em}.aviso--erro{background:var(--atencao-suave);color:var(--atencao)}.aviso--ok{background:var(--bem-suave);color:var(--bem)}.aviso--cuidado{background:var(--cuidado-suave);color:var(--calor-tinta)}.etiqueta{align-items:center;gap:var(--esp-1);padding:2px var(--esp-3);border-radius:var(--raio-pilula);background:var(--superficie-2);color:var(--tinta-2);font-size:.8em;font-weight:600;display:inline-flex}.etiqueta--acento{background:var(--acento-suave);color:var(--acento-forte)}.etiqueta--atencao{background:var(--atencao-suave);color:var(--atencao)}.etiqueta--cuidado{background:var(--cuidado-suave);color:var(--calor-tinta)}.etiqueta--bem{background:var(--bem-suave);color:var(--bem)}.acesso{min-height:100dvh;padding:var(--esp-6);background:radial-gradient(60rem 40rem at 10% -10%, var(--acento-suave) 0%, transparent 60%), radial-gradient(50rem 30rem at 110% 110%, var(--calor-suave) 0%, transparent 60%), var(--fundo);place-items:center;display:grid}.acesso__caixa{gap:var(--esp-6);width:min(100%,26rem);display:grid}.acesso__marca{align-items:center;gap:var(--esp-3);color:var(--tinta-2);font-weight:600;display:flex}.acesso__marca-simbolo{background:var(--acento);width:40px;height:40px;color:var(--sobre-acento);font-family:var(--fonte-destaque);border-radius:12px;place-items:center;font-size:1.4rem;display:grid}.acesso h1{font-size:1.9rem}.acesso__rodape{color:var(--tinta-3);text-align:center;font-size:.85em}.pares{gap:var(--esp-2) var(--esp-5);grid-template-columns:max-content 1fr;display:grid}.pares dt{color:var(--tinta-2);font-size:.9em}.pares dd{margin:0}.pilha{gap:var(--esp-4);display:grid}.pilha--apertada{gap:var(--esp-2)}.pilha--larga{gap:var(--esp-6)}.linha{align-items:center;gap:var(--esp-3);flex-wrap:wrap;display:flex}.linha--entre{justify-content:space-between}.silencioso{color:var(--tinta-2)}.pequeno{font-size:.875em}}
