/* Estilo das páginas internas (busca, provas, prova). A página inicial tem o seu próprio estilo. */
:root{
  --cream:#FBF4E6; --paper:#FFFDF8; --green:#0F4D3B; --green-2:#125C47; --green-soft:#DCEBE2;
  --amber:#F4B532; --amber-soft:#FBE3A8; --orange:#C8701A; --coral:#F57F6B; --coral-soft:#FDE3DA;
  --ink:#1C2B26; --muted:#55645E; --line:#E8DCC4; --wrap:1000px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Atkinson Hyperlegible",system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Baloo 2",sans-serif;color:var(--green);line-height:1.15;margin:0 0 .4em;font-weight:800}
h1{font-size:clamp(26px,3.2vw,36px)}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
main{padding:36px 0 64px;min-height:60vh}
.eyebrow{display:inline-block;font-family:"Baloo 2",sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:6px}
.lead{color:var(--muted);font-size:17px;margin:0 0 22px;max-width:40em}

/* Cabeçalho */
header.top{position:sticky;top:0;z-index:50;background:rgba(251,244,230,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(18,61,48,.12)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{width:42px;height:42px;border-radius:50%;box-shadow:0 0 0 3px var(--amber)}
.brand span{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:17px;line-height:1.05;color:var(--green)}
.brand span b{display:block;color:var(--orange);font-weight:600}
nav.links{display:flex;align-items:center;gap:22px}
nav.links a{text-decoration:none;font-weight:700;font-size:15px;color:var(--green);opacity:.85}
nav.links a:hover,nav.links a[aria-current]{opacity:1;color:var(--orange)}

/* Botões */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:"Baloo 2",sans-serif;font-weight:600;font-size:16px;text-decoration:none;border:0;border-radius:999px;padding:9px 20px;cursor:pointer}
.btn-primary{background:var(--coral);color:#fff}
.btn-primary:hover{background:#E0604B}
.btn-ghost{background:transparent;color:var(--green);box-shadow:inset 0 0 0 2px var(--green)}
.btn-ghost:hover{background:var(--green);color:var(--cream)}
.btn svg{width:18px;height:18px;flex:none}

/* Rodapé */
footer{background:var(--green);color:#D6E4DB;padding:26px 0;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
footer a{color:#fff;text-decoration:none;font-weight:700}
footer a:hover{color:var(--amber)}
footer .canais{display:flex;gap:18px;flex-wrap:wrap}


@media (max-width:820px){
  nav.links a.so-largo{display:none}
}
@media (max-width:520px){
  .wrap{padding:0 16px}
  main{padding:24px 0 48px}
  .brand span{font-size:15.5px}
  .brand img{width:38px;height:38px}
  .top .wrap{height:56px}
  nav.links{gap:14px}
  nav.links a{font-size:14px}
  .lead{font-size:15.5px}
}