/* Trivium — folha de estilo das páginas de conteúdo e destino.
   Tokens extraídos do site (trivium.eng.br): papel #F3F1EA, tinta #0E1220,
   lima #C6DE41, cartão branco 90% com borda #D6D2C6 e raio 16px.
   Tipografia: Space Grotesk (texto/UI) + Playfair Display (display) + mono (kicker). */

:root{
  --paper:#F3F1EA; --ink:#0E1220; --ink-strong:#0A0C10; --mut:#5C6373;
  --lime:#C6DE41; --lime-ink:#0A0C10;
  --card:rgba(255,255,255,.90); --line:#D6D2C6; --line-soft:#E3DFD4;
  --warn:#B7791F; --bad:#C0453F;
  --sans:'Space Grotesk',-apple-system,'Segoe UI',Arial,sans-serif;
  --serif:'Playfair Display',Georgia,serif;
  --mono:ui-monospace,'JetBrains Mono',Consolas,monospace;
  --maxw:780px;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#04060D; --ink:#F4F2EA; --ink-strong:#FFFFFF; --mut:#98A0B2;
    --card:rgba(255,255,255,.055); --line:rgba(255,255,255,.13); --line-soft:rgba(255,255,255,.08);
    --warn:#E8A13B; --bad:#E05B5B;
  }
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{background:var(--paper);color:var(--ink);font:400 17px/1.72 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none;border-bottom:1px solid var(--lime);transition:background .15s}
a:hover{background:rgba(198,222,65,.22)}
a.plain,a.btn,nav a,footer a{border-bottom:0}
a.plain:hover,nav a:hover,footer a:hover{background:transparent;color:var(--ink-strong)}

header.site{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
header.site .in{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
header.site img{height:30px;display:block}
nav.top{display:flex;align-items:center;gap:22px}
nav.top a{font:500 14px var(--sans);color:var(--mut)}
nav.top a.cta{background:var(--lime);color:var(--lime-ink);font-weight:700;border-radius:10px;padding:10px 18px}
nav.top a.cta:hover{filter:brightness(1.05);color:var(--lime-ink)}
@media(max-width:720px){nav.top a:not(.cta){display:none}}

main{max-width:var(--maxw);margin:0 auto;padding:56px 24px 32px}
main.wide{max-width:1000px}
.crumb{font:500 13px var(--sans);color:var(--mut);margin-bottom:22px}
.kicker{display:inline-block;font:700 11px/1 var(--mono);letter-spacing:.20em;text-transform:uppercase;color:var(--ink-strong)}
.kicker.lime{color:var(--lime-ink);background:var(--lime);border-radius:6px;padding:6px 9px}
h1{font:700 clamp(33px,5vw,52px)/1.1 var(--serif);letter-spacing:-.015em;margin:16px 0 20px;color:var(--ink-strong)}
h1 em{font-style:italic}
h2{font:700 clamp(24px,3.3vw,34px)/1.2 var(--serif);letter-spacing:-.01em;margin:54px 0 16px;color:var(--ink-strong)}
h3{font:700 18px/1.4 var(--sans);margin:30px 0 8px;color:var(--ink-strong)}
p{margin:0 0 18px}
.lead{font:400 19.5px/1.6 var(--sans);color:var(--mut);margin-bottom:26px}
strong{font-weight:700;color:var(--ink-strong)}
hr{border:0;border-top:1px solid var(--line-soft);margin:44px 0}

.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 26px;margin:26px 0;backdrop-filter:blur(8px)}
.card p:last-child{margin-bottom:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:16px;margin:28px 0}
.grid .card{margin:0;padding:26px 24px}
.grid .card h3{margin:12px 0 7px;font-size:17px}
.grid .card p{font-size:15px;line-height:1.6;color:var(--mut)}
.recebe{border-top:1px solid var(--line-soft);margin-top:16px;padding-top:14px}
.recebe span{display:block;font:700 10.5px var(--mono);letter-spacing:.18em;color:var(--mut);margin-bottom:6px}

ul.cl{list-style:none;margin:0 0 18px}
ul.cl li{padding-left:26px;position:relative;margin-bottom:13px}
ul.cl li::before{content:'';position:absolute;left:0;top:.72em;width:12px;height:2px;background:var(--lime)}

figure.fig{margin:38px 0;text-align:center}
figure.fig svg,figure.fig img{max-width:100%;height:auto;border-radius:16px;border:1px solid var(--line)}
figure.fig figcaption{font:400 13px/1.6 var(--mono);color:var(--mut);margin-top:12px}

.btn{display:inline-block;background:var(--lime);color:var(--lime-ink);font:700 15px var(--sans);padding:13px 26px;border-radius:10px;border:0;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.05);background:var(--lime);color:var(--lime-ink)}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn.ghost:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}

.formwrap{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:34px 30px;margin:58px 0 18px;backdrop-filter:blur(8px)}
.formwrap h2{margin:12px 0 8px}
.formwrap .sub{color:var(--mut);margin-bottom:20px}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form label{display:block;font:500 13px var(--sans);color:var(--mut);margin:14px 0 5px}
form input,form select,form textarea{width:100%;background:color-mix(in srgb,var(--paper) 60%,transparent);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink);font:400 15px var(--sans)}
form input:focus,form select:focus,form textarea:focus{outline:0;border-color:var(--lime);box-shadow:0 0 0 3px rgba(198,222,65,.28)}
form textarea{min-height:90px;resize:vertical}
form .hp{position:absolute;left:-9999px;opacity:0}
form .go{margin-top:22px}
.formmsg{margin-top:14px;font:500 14.5px var(--sans);color:var(--ink-strong)}
.formmsg.err{color:var(--bad)}
.alt{display:block;margin-top:16px;font-size:14px;color:var(--mut)}

footer.site{border-top:1px solid var(--line-soft);margin-top:64px}
footer.site .in{max-width:1120px;margin:0 auto;padding:32px 24px;display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:space-between;font:400 13.5px var(--sans);color:var(--mut)}

#zap{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:9px;background:#25D366;color:#fff;font:700 14px var(--sans);padding:11px 18px 11px 14px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.22);border-bottom:0}
#zap:hover{background:#20bd5a;color:#fff}
#zap svg{width:20px;height:20px;fill:#fff;flex:none}
@media(max-width:520px){#zap span{display:none}#zap{padding:14px;border-radius:50%}}
#ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 20px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;font:400 13.5px var(--sans);color:var(--mut);max-width:740px;margin:0 auto;box-shadow:0 10px 40px rgba(0,0,0,.14)}
#ck .b{background:var(--lime);color:var(--lime-ink);border:0;border-radius:10px;padding:9px 18px;font:700 13px var(--sans);cursor:pointer}
#ck .r{background:transparent;color:var(--mut);border:1px solid var(--line);border-radius:10px;padding:9px 18px;font:500 13px var(--sans);cursor:pointer}

@media(max-width:640px){
  main{padding-top:38px}
  form .row{grid-template-columns:1fr}
  .formwrap{padding:26px 20px}
  .card{padding:22px 20px}
}