:root{--navy:#202e53;--navy2:#0e162b;--gold:#f2a900;--ink:#1b2340;--bg:#fbfaf7;--tint:#eef1f7;--line:#d5dbe8}
*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font:1.0625rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3{font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;line-height:1.2;margin:0 0 .6em;font-weight:700}
h1{font-size:clamp(2rem,6vw,3.2rem)}h2{font-size:clamp(1.5rem,4vw,2.1rem)}img{max-width:100%;height:auto}
a{color:var(--navy)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{max-width:1080px;margin:0 auto;padding-inline:1.4rem}.sec{padding-top:3rem;padding-bottom:3rem}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:.5rem;z-index:9}
.top{background:var(--navy);position:sticky;top:0;z-index:5}.bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:.5rem;padding-bottom:.5rem}
.brand img{display:block;width:96px;height:auto}#nav{flex:1}#nav ul{display:flex;gap:1.1rem;list-style:none;margin:0;padding:0}#nav a{color:#fff;text-decoration:none;padding:.5rem 0;display:inline-block}#nav a:hover{color:var(--gold)}
.menu{display:none;margin-left:auto;background:none;color:#fff;border:1px solid #fff8;border-radius:8px;padding:.6rem 1rem;font:inherit}
.btn{display:inline-block;min-height:48px;padding:.75rem 1.4rem;border-radius:10px;background:var(--navy);color:#fff;font-weight:600;text-decoration:none;border:2px solid var(--navy);cursor:pointer}
.btn.gold,.top .btn{background:var(--gold);border-color:var(--gold);color:#1b1500}.btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.pend{outline:2px dashed #c0392b;outline-offset:2px;background:#fff3;cursor:not-allowed}span.pend small{font-weight:400}
.hero{background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;padding:3rem 0 0;overflow:hidden}
.hgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:end}.hgrid>div{padding-bottom:3rem;align-self:center}.hgrid img{display:block;margin:0 auto;max-height:520px;width:auto}
.lead{font-size:1.2rem;max-width:34em}.acts{display:flex;gap:.8rem;flex-wrap:wrap}.hero .btn.ghost{color:#fff}
.dif{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.dif li{border-top:3px solid var(--gold);padding-top:.8rem}.dif strong{display:block;font-family:Georgia,serif;font-size:1.15rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem}.card{display:block;border:1px solid var(--line);border-radius:14px;padding:1.4rem;text-decoration:none;color:inherit;background:#fff}.card:hover{border-color:var(--navy)}.card span{font-weight:600;color:var(--navy);text-decoration:underline}
.tint{background:var(--tint)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;padding-left:1.2rem}.steps li{padding-left:.3rem}
.split{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:2rem;align-items:center}.split img{border-radius:14px}
.band{background:var(--navy);color:#fff;padding:3rem 0;text-align:center}.band p{max-width:38em;margin:0 auto 1.5rem}
.phead{background:var(--navy);color:#fff;padding:2.5rem 0}.prose{max-width:760px;padding-top:2rem;padding-bottom:2rem}.prose section{margin-bottom:2rem}
details{border-bottom:1px solid var(--line);padding:.8rem 0}summary{cursor:pointer;font-weight:600}.note{font-size:.95rem;color:#4a5578}
footer{background:var(--navy2);color:#dfe4f2;padding:2.5rem 0;font-size:.95rem}footer a{color:#fff}.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}
@media(max-width:820px){.menu{display:block}#nav{display:none;flex-basis:100%;order:5}#nav.open{display:block}#nav ul{flex-direction:column;gap:0}.hcta{display:none}.hgrid,.split{grid-template-columns:1fr}.hgrid img{max-height:380px}}

.top{padding-top:env(safe-area-inset-top,0px)}footer{padding-bottom:calc(2.5rem + env(safe-area-inset-bottom,0px))}:root{color-scheme:light}[hidden]{display:none!important}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.gal img,.split img{width:100%;height:auto;border-radius:14px}.gal img{aspect-ratio:3/4;object-fit:cover}.person{margin-bottom:1.2rem}
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.person{border:1px solid var(--line);border-radius:14px;background:#fff;padding:1rem 1.2rem;margin:0}.person h3{margin-bottom:.2em}

html{scroll-padding-top:5.5rem}[id]{scroll-margin-top:5.5rem}
.prose p,.lead,.htxt p{max-width:65ch}
.kick{font-weight:600;color:var(--gold);margin:0 0 .5rem}
.hero{padding:2rem 0 0}.hero h1{font-size:clamp(2.1rem,7.5vw,3.5rem);text-wrap:balance;overflow-wrap:normal;hyphens:manual}
.hero .hgrid{align-items:center;gap:1.5rem}.hero .hgrid>.hfoto{padding-bottom:0;align-self:end}.hero .hgrid .hfoto img{max-height:none;display:block;margin:0 auto;width:min(100%,460px);border-radius:18px 18px 0 0}
.hero .hgrid>.htxt{padding-bottom:0}
@media(min-width:821px){.hero .hgrid{grid-template-columns:1.1fr .9fr}.hero .hgrid>.htxt{padding-bottom:3rem}}
.ic{width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.45rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#nav a[aria-current=page]{color:var(--gold);border-bottom:2px solid var(--gold)}
.dif{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dif li{border:1px solid var(--line);border-radius:14px;padding:1.2rem;background:#fff}.dif span{display:block;margin-top:.35rem}
.card{position:relative}.card a{display:inline-block;margin-top:.4rem;font-weight:600;color:var(--navy)}.card a::after{content:"";position:absolute;inset:0;border-radius:14px}.card:focus-within{outline:3px solid var(--gold);outline-offset:2px}.card h3{font-size:1.25rem}
.steps{display:block;list-style:none;counter-reset:s;padding:0;max-width:640px}.steps li{counter-increment:s;position:relative;padding:.8rem 0 .8rem 3rem;border-bottom:1px solid var(--line)}.steps li::before{content:counter(s);position:absolute;left:0;top:.7rem;width:2rem;height:2rem;border-radius:50%;background:var(--navy);color:#fff;text-align:center;line-height:2rem;font-weight:700}
@media(min-width:900px){.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0 2rem;max-width:none}}
.gal figure{margin:0}.gal figcaption{font-size:.9rem;color:#4a5578;margin-top:.4rem}.related{padding-bottom:3rem}
@media(max-width:820px){.top{position:sticky}#nav{position:absolute;left:0;right:0;top:100%;background:var(--navy);padding:.4rem 1.4rem 1rem;box-shadow:0 12px 20px #0006}#nav ul{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}#nav a{min-height:44px;display:flex;align-items:center}.menu{min-height:44px}}

.cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-bottom:1rem}.cmp figure,.prose figure{margin:0 0 .8rem}.cmp img{aspect-ratio:4/3;object-fit:cover}.prose figure img{width:100%;height:auto;border-radius:12px}.prose figcaption{font-size:.9rem;color:#4a5578;margin-top:.4rem}
.person img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 15%;border-radius:10px;margin-bottom:.8rem}

.alt{background:#fff;border-block:1px solid var(--line)}.techgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin:1.5rem 0}.tcard{border:1px solid var(--line);border-radius:14px;padding:1.3rem;background:var(--bg)}.tcard h3{font-size:1.2rem;margin:.6rem 0 .4rem}.tcard p{margin:0}.ticon{display:inline-flex;width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--gold);align-items:center;justify-content:center}.ticon svg{width:26px;height:26px}
.lista{max-width:65ch;padding-left:1.2rem}.lista li{margin-bottom:.5rem}
footer .soc{display:inline-flex;align-items:center;min-height:44px;color:#fff}footer .soc .ic{margin-right:.5rem;flex:none}
details,summary{scroll-margin-top:5.5rem}
.tgal{margin:1.5rem 0}.tgal img{aspect-ratio:4/3}
footer p a{display:inline-flex;align-items:center;min-height:44px}

/* Navegação com 9 itens: menu compacto até 1279px; linha única a partir de 1280px */
@media(max-width:900px){.menu{display:block;min-height:44px}#nav{display:none;position:absolute;left:0;right:0;top:100%;flex:none;background:var(--navy);padding:.4rem 1.4rem 1rem;box-shadow:0 12px 20px #0006}#nav.open{display:block}#nav ul{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}#nav a{min-height:44px;display:flex;align-items:center}}
@media(min-width:600px) and (max-width:900px){#nav ul{grid-template-columns:repeat(3,1fr)}}
@media(min-width:901px){.menu{display:none}.top .wrap{max-width:1320px}#nav{display:block}#nav ul{display:flex;flex-wrap:nowrap;gap:1.1rem}#nav a{white-space:nowrap;font-size:1rem}.hcta{margin-left:auto}}
@media(min-width:901px) and (max-width:1319px){.bar{row-gap:0}.hcta{order:1}#nav{order:2;flex:0 0 100%;border-top:1px solid #fff2}#nav ul{justify-content:center;gap:1.35rem}html{scroll-padding-top:8.5rem}[id],details,summary{scroll-margin-top:8.5rem}}
@media(min-width:1320px){#nav ul{gap:1.25rem}}
/* Histórias */
.tag{display:inline-block;font-size:.85rem;font-weight:600;background:var(--tint);color:var(--navy);border-radius:999px;padding:.15rem .7rem}
.hlist{display:grid;gap:1.5rem}.hcard{position:relative;display:grid;grid-template-columns:minmax(0,280px) 1fr;gap:1.4rem;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;padding:1rem}.hcard img{width:100%;height:auto;border-radius:10px}.hcard h2{font-size:1.45rem;margin:.5rem 0}.hcard p{margin:0 0 .6rem}.hcard a{font-weight:600;color:var(--navy)}.hcard a::after{content:"";position:absolute;inset:0;border-radius:14px}.hcard:focus-within{outline:3px solid var(--gold);outline-offset:2px}
@media(max-width:700px){.hcard{grid-template-columns:1fr}}
.artigo{max-width:760px;padding-top:1.5rem;padding-bottom:3rem}.crumbs ol{display:flex;flex-wrap:wrap;gap:.2rem .5rem;list-style:none;padding:0;margin:0 0 1.2rem;font-size:.95rem}.crumbs li+li::before{content:"›";margin-right:.5rem;color:#4a5578}.crumbs a{color:var(--navy)}
.artigo h1{font-size:clamp(1.8rem,5.5vw,2.6rem);text-wrap:balance;margin-bottom:.5rem}.autoria{margin:0 0 1.5rem;color:#4a5578}.autoria a{color:var(--navy)}
.artigo .corpo p{font-size:1.1rem;line-height:1.75;margin:0 0 1.1rem}.artigo .corpo h2{margin:2.2rem 0 .8rem}
.hfig{margin:1.6rem 0}.hfig img{display:block;width:100%;height:auto;border-radius:12px}.hfig.fp img{max-width:440px;margin-inline:auto}.hfig figcaption{font-size:.9rem;color:#4a5578;margin-top:.5rem}.hfig.fp figcaption{max-width:440px;margin-inline:auto}
.hgal{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1.6rem 0}.hgal .hfig{margin:0}
.fim{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.98rem}.fim p{margin:.3rem 0}.fim a{color:var(--navy)}

.crumbs a{display:inline-flex;align-items:center;min-height:44px}

#telaviso{position:fixed;left:12px;right:12px;bottom:12px;z-index:20;background:var(--navy);color:#fff;border:1px solid #fff4;border-radius:12px;padding:.9rem 1rem;box-shadow:0 8px 24px #0008;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}#telaviso span{flex:1 1 100%}#telaviso button{min-height:44px;padding:.5rem 1rem;border-radius:8px;border:1px solid #fff8;background:none;color:#fff;font:inherit;cursor:pointer}

#cookiebar{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;max-width:760px;margin:0 auto;background:var(--navy);color:#fff;border:1px solid #fff4;border-radius:12px;padding:1rem;box-shadow:0 8px 24px #0008;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}#cookiebar p{flex:1 1 320px;margin:0;font-size:.95rem}#cookiebar a{color:var(--gold)}#cookiebar div{display:flex;gap:.6rem;flex:0 0 auto;flex-wrap:wrap}#cookiebar .btn{background:transparent;color:#fff;border:2px solid #fff;min-height:48px;padding:.6rem 1.2rem}#cookiebar .btn:hover{background:#fff2}
.linkbtn{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;min-height:44px}.linkbtn[hidden]{display:none}