/* ===== páginas internas (fase 3) ===== */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtout .45s ease both}
::view-transition-new(root){animation:vtin .8s cubic-bezier(.65,0,.2,1) both}
@keyframes vtout{to{opacity:.55;transform:translateY(-14px)}}
@keyframes vtin{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
.page{padding-top:calc(78px + env(safe-area-inset-top,0px));min-height:70vh}
.pin.pg{padding-bottom:72px}
.pin.pg>.label{display:block;margin:28px 0 12px}
.pin h1{font:800 clamp(34px,6.4vw,68px)/1 var(--f-head);letter-spacing:-.02em}
.pin.pg>*{animation:up .8s cubic-bezier(.2,.8,.2,1) both}
.pin.pg>*:nth-child(2){animation-delay:.08s}.pin.pg>*:nth-child(3){animation-delay:.16s}.pin.pg>*:nth-child(n+4){animation-delay:.24s}
.back{display:inline-flex;margin:26px 0 4px;font:500 12px/1 var(--f-label);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--accent);padding:8px 0}
.back:hover{text-decoration:underline}
.mem{text-decoration:none;color:inherit}
.nav a,.mnav a{text-decoration:none}
.nav a{padding:9px 12px;font:500 12px/1 var(--f-label);letter-spacing:.08em;text-transform:uppercase;border-radius:2px;transition:background .25s,color .25s}
.nav a:hover,.nav a[aria-current="page"]{background:var(--ocre);color:var(--tinta)}
.mnav a{padding:14px 0;border-bottom:1px solid var(--soft);font:800 22px/1.1 var(--f-head);display:flex;justify-content:space-between}
.mnav a small{font:500 11px var(--f-label);letter-spacing:.14em;color:var(--accent);align-self:center}
.lang a{padding:8px 10px;border-radius:99px;opacity:.85;transition:.3s;text-decoration:none}
.lang a[aria-current="true"]{background:#fff;color:var(--tinta);opacity:1}
.hd.solid .lang a[aria-current="true"]{background:var(--accent);color:var(--on-accent)}
.door{display:block;text-decoration:none;position:relative;color:inherit}
.legal a{font:500 12px/1 var(--f-label);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:8px 0}
.legal a:hover{text-decoration:underline}
.skip-link{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:200}
.skip-link:focus{left:8px}
.tabc[hidden]{display:none}
.sub[hidden]{display:none}
.step[hidden]{display:none}
.pg .ctt a{color:var(--accent);font-weight:600}
.srch-wrap{padding-top:8px}
.mini a{color:var(--accent);font-weight:600;word-break:break-word}
@media print{.hd,.top,.mnav{display:none}.page{padding-top:0}}

html:not(.has-intro) .intro{display:none}
html.lock{overflow:hidden}

/* conteúdo do painel */
.newsgrid{align-items:stretch}
.news img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--r) - 4px)}
.news b a,.ev b a{color:inherit;text-decoration:none}.news b a:hover{text-decoration:underline}
.more{color:var(--accent);font-weight:600;font-size:14px;text-decoration:none;margin-top:auto}
.more:hover{text-decoration:underline}
.ev .when{font:600 13.5px/1.4 var(--f-label);color:var(--accent)}
.ev.past{opacity:.62}.ev.past .when::after{content:" · " attr(data-past);text-transform:uppercase;letter-spacing:.08em;font-size:11px}
h2.sh{font:800 clamp(22px,3vw,30px)/1.15 var(--f-head);margin:36px 0 14px}
.doc[href]{text-decoration:none;color:inherit}.doc[hidden]{display:none}
.doc.hid{display:none}
.art{max-width:760px}
.art .back{display:inline-block;margin-bottom:18px;text-decoration:none;color:var(--accent)}
.art h1{margin-bottom:10px}
.art .cover{margin:22px 0 26px}.art .cover img{width:100%;height:auto;border-radius:var(--r);display:block}
.prose{font:400 17.5px/1.7 var(--f-body);max-width:68ch}
.prose p{margin:0 0 1.1em}
.prose h2{font:800 26px/1.2 var(--f-head);margin:1.6em 0 .5em}.prose h3{font:700 20px/1.25 var(--f-head);margin:1.4em 0 .4em}
.prose ul,.prose ol{margin:0 0 1.1em 1.3em;padding:0}.prose li{margin:.3em 0}
.prose blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:3px solid var(--accent);font-family:var(--f-it);font-size:1.12em;font-style:italic}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.art .src,.art .by{font-size:14px;margin-top:22px}
.art .cover img{max-height:460px;object-fit:cover}
.prose ul{list-style:disc}.prose ol{list-style:decimal}