/* Meall: amarelo, preto e creme (guia da marca). Texto sobre amarelo é sempre preto. Sem azul nem roxo. */
:root{--am:#FFC928;--am2:#FFD75E;--pr:#17181C;--cr:#FFF8DC;--bg:#FFFBEA;--pn:#ffffff;--ln:#EDE3C2;--mu:#6b6553;--mu2:#9a937c;
  --ok:#1f8f55;--er:#c2372f;--r:14px;--sh:0 12px 34px rgba(23,24,28,.10);
  --c-mail:#2f6fdc;--c-teams:#7b5cd6;--c-wa:#139c4c;--c-fs:#d9730d;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-tema=claro]){--bg:#111215;--pn:#1a1b20;--ln:#2d2f36;--pr:#f1efe6;--mu:#a8a493;--mu2:#6f6c60;--sh:0 12px 34px rgba(0,0,0,.4);color-scheme:dark}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--pr);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.marca{font-family:"Space Grotesk",system-ui,sans-serif;letter-spacing:-.015em}
a{color:inherit}
button{font:inherit;cursor:pointer}
.marca{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:22px;text-decoration:none}
.marca b{font-weight:700}
.marca svg{width:36px;height:36px;flex:none}
.bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:13px 20px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .08s,background .15s}
.bt:active{transform:scale(.98)}
.bt.am{background:var(--am);color:#17181C}.bt.am:hover{background:var(--am2)}
.bt.pr{background:#17181C;color:#fff}.bt.pr:hover{background:#2a2b31}
.bt.sec{background:transparent;color:var(--pr);border:1.5px solid var(--ln)}.bt.sec:hover{border-color:var(--mu2)}
.bt[disabled]{opacity:.55;cursor:default}
.bt.largo{width:100%}
input.campo{width:100%;border:1.5px solid var(--ln);background:var(--pn);color:var(--pr);border-radius:12px;padding:13px 14px;font:inherit;outline:none}
input.campo:focus{border-color:#17181C;box-shadow:0 0 0 3px rgba(255,201,40,.45)}
.erro{color:var(--er);font-size:13.5px;min-height:1em}
.mu{color:var(--mu)}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600;background:var(--cr);color:#17181C}
@media (prefers-color-scheme:dark){:root:not([data-tema=claro]) .pill{background:#2a2718;color:var(--am)}}
