/* Fechou: tokens e componentes do site, do painel e do admin. */
:root{
  --fundo:#F5F3EF;--papel:#FFFFFF;--papel2:#FAF9F6;--tinta:#16181F;--mudo:#4B515C;--fraco:#7B808A;--linha:#E4E1DA;--linha2:#D2CEC5;
  --acao:#0E6B4C;--acao-esc:#0A5239;--acao-cl:#E4F1EA;--alerta:#7A5000;--alerta-cl:#FFF2D2;--perigo:#A8241A;--perigo-cl:#FBEAE8;--azul:#173B63;--azul-cl:#EAF1FA;
  --raio:14px;--sombra:0 1px 2px rgba(22,24,31,.05),0 10px 28px rgba(22,24,31,.07);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;--sans:"Inter Tight",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --ac:var(--acao)
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--fundo);color:var(--tinta);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img{max-width:100%}
.serif{font-family:var(--serif);font-weight:500;letter-spacing:-.025em}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.ic{width:1em;height:1em;flex:none;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;overflow:visible}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--tinta);outline-offset:2px}

/* marca */
.marca{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--tinta)}
.marca b{font:600 26px/1 var(--serif);letter-spacing:-.03em}
.marca b i{font-style:normal;color:var(--acao)}
.marca small{font-size:12px;color:var(--mudo);letter-spacing:.02em}

/* botões e campos */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;border-radius:12px;border:1.5px solid transparent;background:var(--tinta);color:#fff;font-weight:600;font-size:15.5px;text-decoration:none;white-space:nowrap;transition:transform .08s,background .15s,border-color .15s}
.btn:active{transform:scale(.99)}
.btn[disabled]{opacity:.4;cursor:not-allowed}
.btn.verde{background:var(--acao)}.btn.verde:hover{background:var(--acao-esc)}
.btn.claro{background:#fff;color:var(--tinta);border-color:var(--linha2)}.btn.claro:hover{border-color:var(--tinta)}
.btn.leve{background:transparent;color:var(--tinta);border-color:transparent;padding-left:10px;padding-right:10px}
.btn.perigo{background:#fff;color:var(--perigo);border-color:#E9C2BD}
.btn.peq{min-height:38px;padding:8px 13px;font-size:14px;border-radius:10px}
.btn.cheio{width:100%}
.btn .ic{width:18px;height:18px}
.btn.verde .ic,.btn:not(.claro):not(.leve):not(.perigo) .ic{--ac:#fff}
.cp{display:block;margin:0 0 14px}
.cp>span{display:block;font-size:13.5px;font-weight:600;margin:0 0 6px}
.cp>span i{font-style:normal;font-weight:400;color:var(--mudo)}
.cp input,.cp select,.cp textarea{width:100%;min-height:48px;border:1.5px solid var(--linha2);border-radius:11px;padding:11px 13px;background:#fff;font-size:16px}
.cp textarea{min-height:110px;resize:vertical;line-height:1.5}
.cp input:focus,.cp select:focus,.cp textarea:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(22,24,31,.1)}
.cp small{display:block;font-size:13px;color:var(--mudo);margin-top:6px;line-height:1.45}
.dois{display:grid;gap:0 14px}
@media (min-width:640px){.dois{grid-template-columns:1fr 1fr}}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45;cursor:pointer;margin:6px 0 14px}
.check input{width:20px;height:20px;flex:0 0 20px;margin:1px 0 0;accent-color:var(--acao)}
.erro{background:var(--perigo-cl);color:var(--perigo);border-radius:10px;padding:10px 12px;font-size:14.5px;margin:0 0 14px}
.ok{background:var(--acao-cl);color:var(--acao-esc);border-radius:10px;padding:10px 12px;font-size:14.5px;margin:0 0 14px}
.aviso{background:var(--alerta-cl);color:var(--alerta);border-radius:12px;padding:12px 14px;font-size:14.5px;line-height:1.45;margin:0 0 16px}
.aviso a,.aviso button{color:inherit;font-weight:700}

/* superfícies */
.card{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:20px}
.card+.card{margin-top:14px}
.card h2{font:600 13px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mudo);margin:0 0 14px}
.rot{font-size:13px;color:var(--mudo)}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;border-radius:99px;padding:4px 10px;white-space:nowrap;background:#EFEDE8;color:var(--mudo)}
.chip.verde{background:var(--acao-cl);color:var(--acao-esc)}
.chip.ambar{background:var(--alerta-cl);color:var(--alerta)}
.chip.azul{background:var(--azul-cl);color:var(--azul)}
.chip.verm{background:var(--perigo-cl);color:var(--perigo)}
.giro{width:18px;height:18px;border-radius:50%;border:2px solid var(--linha2);border-top-color:var(--tinta);animation:gira .9s linear infinite;display:inline-block}
@keyframes gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
