@font-face {
  font-family: "Inter AGROPEC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(inter.woff2) format("woff2");
}
:root {
  --azul: #14387F;
  --navy: #0C224E;
  --ouro: #C09C48;
  --ouro-claro: #E2C47E;
  --claro: #D5DFF0;
  --claro-2: #B9C6E0;
  --branco: #FFFFFF;
  --tinta: #0C224E;
  --tinta-2: #44557A;
  --linha: rgba(213, 223, 240, .28);
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  background: var(--azul);
  color: var(--branco);
  font-family: "Inter AGROPEC", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-optical-sizing: auto;
  line-height: 1.45;
}
a { color: inherit; }
.col {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: max(28px, env(safe-area-inset-top)) 16px max(32px, env(safe-area-inset-bottom));
}
svg { width: 1em; height: 1em; display: block; }

.topo { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.marca img { display: block; height: 46px; width: auto; }
.selo { height: 64px; width: auto; }
.voltar { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; font-size: .9375rem; font-weight: 600;
  color: var(--claro); text-decoration: none; padding: 8px 0; }
.voltar svg { font-size: 1.1rem; }
.voltar:hover span { text-decoration: underline; }

.apresenta { margin: 30px 0 22px; }
.apresenta::before { content: ""; display: block; width: 56px; height: 4px; background: var(--ouro); margin-bottom: 16px; }
.apresenta h1 { margin: 0; font-size: clamp(1.625rem, 7vw, 2rem); line-height: 1.12; font-weight: 800; letter-spacing: -.015em; }
.apresenta p { margin: 10px 0 0; color: var(--claro); font-size: 1.0625rem; }
.assunto-topo p { font-size: 1rem; line-height: 1.5; }

.destaque {
  display: block;
  text-decoration: none;
  background: var(--navy);
  border: 1.5px solid var(--ouro);
  border-radius: 18px;
  padding: 20px 20px 18px;
  margin-bottom: 14px;
}
.destaque .chapeu { display: block; font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ouro-claro); }
.destaque strong { display: block; margin-top: 8px; font-size: 1.5rem; line-height: 1.12; font-weight: 800; letter-spacing: -.01em; }
.destaque .texto { display: block; margin-top: 8px; color: var(--claro); font-size: .98rem; }
.destaque .cta {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 16px;
  background: var(--ouro); color: var(--navy); font-weight: 800; font-size: 1rem;
  padding: 12px 18px; border-radius: 999px;
}
.destaque .cta svg { font-size: 1.15rem; }
.destaque:hover .cta { background: var(--ouro-claro); }

.links { display: grid; gap: 10px; margin-bottom: 14px; }
.link, .assunto {
  display: grid; grid-template-columns: 44px 1fr 20px; align-items: center; gap: 12px;
  min-height: 64px; padding: 10px 14px 10px 10px;
  text-decoration: none; border-radius: 16px;
}
.link { background: var(--branco); color: var(--tinta); }
.link .ico { width: 44px; height: 44px; border-radius: 12px; background: #EEF2F8; color: var(--azul); display: grid; place-items: center; font-size: 1.5rem; }
.link .txt strong { display: block; font-size: 1.02rem; font-weight: 700; line-height: 1.25; }
.link .txt small { display: block; margin-top: 2px; font-size: .86rem; color: var(--tinta-2); line-height: 1.3; }
.link .seta { color: var(--tinta-2); font-size: 1.1rem; }
.link:hover { background: #F4F7FC; }

.assuntos { margin-top: 30px; }
.assuntos h2, .resumo h2 {
  margin: 0 0 12px; font-size: .8rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ouro-claro);
}
.assunto { border: 1px solid var(--linha); color: var(--branco); margin-bottom: 10px; }
.assunto .ico { width: 44px; height: 44px; border-radius: 12px; background: rgba(255,255,255,.08); color: var(--ouro-claro); display: grid; place-items: center; font-size: 1.5rem; }
.assunto .txt strong { display: block; font-size: 1.02rem; font-weight: 700; line-height: 1.25; }
.assunto .txt small { display: block; margin-top: 2px; font-size: .86rem; color: var(--claro-2); line-height: 1.3; }
.assunto .seta { color: var(--claro-2); font-size: 1.1rem; }
.assunto:hover { background: rgba(255,255,255,.05); border-color: rgba(213,223,240,.5); }

.resumo { margin: 26px 0 18px; }
.resumo ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.resumo li { background: rgba(255,255,255,.06); border-left: 3px solid var(--ouro); border-radius: 0 12px 12px 0; padding: 12px 14px; }
.resumo li p { margin: 0; font-size: .98rem; line-height: 1.5; }
.resumo li p.base { margin-top: 6px; font-size: .8rem; color: var(--claro-2); }

a:focus-visible { outline: 3px solid var(--ouro-claro); outline-offset: 3px; }

.rodape { margin-top: 34px; padding-top: 18px; border-top: 1px solid var(--linha); font-size: .8rem; color: var(--claro-2); line-height: 1.5; }
.rodape p { margin: 0 0 6px; }
.rodape a { color: var(--claro); }

@media (min-width: 720px) {
  .col { padding-top: 48px; }
  .marca img { height: 52px; }
  .selo { height: 72px; }
}
@media (prefers-reduced-motion: no-preference) {
  .link, .assunto, .destaque .cta { transition: background-color .15s ease, border-color .15s ease; }
}