:root{--rio:#16322a;--rio2:#1f4a3b;--musgo:#2f7a5a;--nevoa:#f2f5f1;--tinta:#1b2420;--cinza:#5b6a63;--telha:#b4472b;--ouro:#d9a82b;--r:14px}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:18px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinta);background:#fff}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.15}
a{color:var(--musgo)}
:focus-visible{outline:3px solid var(--ouro);outline-offset:3px}
.wrap{max-width:1000px;margin:0 auto;padding:0 22px}
header{background:var(--rio)}
header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:16px;flex-wrap:wrap}
.logo{font:700 20px Georgia,serif;color:#fff;text-decoration:none}.logo span{color:var(--ouro)}
nav{display:flex;gap:20px;flex-wrap:wrap}
nav a{color:#dce8e1;text-decoration:none;font-size:15px}
nav a:hover,nav a[aria-current]{color:var(--ouro)}
.topo{background:linear-gradient(160deg,var(--rio2),var(--rio));color:#fff;padding:64px 0 52px}
.topo p{color:#c4d6cc;max-width:620px;margin-top:12px}
.topo h1{font-size:clamp(38px,7vw,64px)}
.migalha{font-size:14px;color:#9fb8ab;margin-bottom:14px}.migalha a{color:#9fb8ab}
main{padding:56px 0 80px}
main h2{font-size:30px;margin:44px 0 12px;color:var(--rio2)}
main h2:first-child{margin-top:0}
main p{margin-bottom:16px;max-width:720px}
.destaque{background:var(--nevoa);border-left:4px solid var(--ouro);padding:16px 20px;border-radius:6px;max-width:720px;margin:20px 0;font-size:16px}
/* linha do tempo */
.tempo{list-style:none;padding:0;margin:26px 0;border-left:3px solid var(--musgo);max-width:760px}
.tempo li{position:relative;padding:0 0 26px 26px}
.tempo li::before{content:"";position:absolute;left:-9px;top:8px;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--telha)}
.tempo b{display:block;font:700 22px Georgia,serif;color:var(--rio2)}
/* símbolos */
.simb{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:start;margin:20px 0 10px}
.bandeira{display:grid;grid-template-columns:1fr 1fr 1fr;aspect-ratio:10/7;border:1px solid #ccd6d0;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.bandeira i{background:#f5c518}.bandeira i:nth-child(2){background:#fff}
.moldura{aspect-ratio:1;border-radius:var(--r);background:var(--nevoa);display:grid;place-items:center;overflow:hidden}
.moldura img{width:100%;height:100%;object-fit:contain;padding:12px}
.legenda{font-size:14px;color:var(--cinza);margin-top:8px}
table{border-collapse:collapse;width:100%;max-width:720px;margin:14px 0;font-size:16px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #dde5e0;vertical-align:top}
th{width:34%;color:var(--rio2)}
.fontes{font-size:15px;color:var(--cinza);border-top:1px solid #dde5e0;margin-top:48px;padding-top:18px}
.fontes li{margin:6px 0}
footer{background:#0d1b16;color:#aebfb6;padding:34px 0;font-size:15px}
footer a{color:#dce8e1}
@media(max-width:720px){.simb{grid-template-columns:1fr}}

footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
header nav{row-gap:4px}

.skip{position:absolute;left:-999px;top:0;background:var(--ouro);color:#000;padding:8px 14px;z-index:99}
.skip:focus{left:8px;top:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ad{margin:34px 0;text-align:center;min-height:100px}
.ad small{display:block;font-size:12px;color:#8a978f;margin-bottom:4px}
.atualizado{font-size:14px!important;color:#9fb8ab!important;margin-top:8px!important}
.relacionados{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:44px;padding:16px 20px;background:var(--nevoa,#f2f5f1);border-radius:12px;font-size:16px}
.relacionados a{font-weight:600}

.mapa{border:0;width:100%;height:420px;border-radius:14px;margin:14px 0}
.dois{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;max-width:900px}
@media(max-width:720px){.dois{grid-template-columns:1fr}}
.img-bandeira{display:block;width:100%;height:auto;aspect-ratio:10/7;object-fit:cover;border:1px solid #ccd6d0;box-shadow:0 6px 18px rgba(0,0,0,.12)}