/* ===================== PÁGINAS INSTITUCIONAIS ===================== */
.page-header{position:relative; padding-top:56px; padding-bottom:10px; overflow:hidden;}
.page-header::after{
  content:''; position:absolute; right:-10%; top:-80%; width:60%; aspect-ratio:1; pointer-events:none;
  background:radial-gradient(closest-side, rgba(255,210,63,0.09), transparent 70%);
}
.page-header h1{font-family:var(--font-display); font-size:clamp(30px,5.4vw,56px); font-weight:600; letter-spacing:-0.045em; line-height:1.02;}
.page-header p{color:var(--color-text-dim); font-size:15.5px; margin-top:14px; max-width:56ch; line-height:1.6;}

.prose{padding-top:32px; padding-bottom:64px; font-size:15.5px; line-height:1.75; color:var(--color-text-dim);}
.prose h2{font-family:var(--font-display); font-size:20px; font-weight:600; letter-spacing:-0.02em; color:var(--color-text); margin:36px 0 12px;}
.prose h2:first-child{margin-top:0;}
.prose p{margin-bottom:14px;}
.prose ul, .prose ol{margin:0 0 14px 20px;}
.prose ul{list-style:disc;}
.prose li{margin-bottom:6px;}
.prose li::marker{color:var(--color-primary);}
.prose strong{color:var(--color-text); font-weight:600;}
.prose a{color:var(--color-text); text-decoration:underline; text-decoration-color:var(--color-accent-line); text-underline-offset:3px;}
.prose a:hover{text-decoration-color:var(--color-primary);}
.prose .updated-at{font-size:13px; color:var(--color-text-faint); margin-bottom:24px;}

.placeholder-note{
  background:rgba(255,181,71,0.1); border:1px solid rgba(255,181,71,0.35); color:var(--color-warning);
  border-radius:var(--radius-m); padding:12px 14px; font-size:13px; margin-bottom:24px;
}

.contact-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-top:8px;}
.contact-card{
  background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-l);
  padding:22px; display:flex; flex-direction:column; gap:8px; transition:border-color .3s;
}
.contact-card:hover{border-color:var(--color-border-strong);}
.contact-card .material-symbols-outlined{font-size:24px; color:var(--color-primary); margin-bottom:8px;}
.contact-card h3{font-size:15px; font-weight:600; color:var(--color-text);}
.contact-card p{font-size:14px; color:var(--color-text-dim); margin:0;}
.contact-card a{color:var(--color-text); font-weight:500; text-decoration:underline; text-decoration-color:var(--color-accent-line); text-underline-offset:3px;}

.key-line{
  display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px 10px;
  background:var(--color-surface-alt); border:1px solid var(--color-border); border-radius:9px; font-size:12px;
}

.prose > *{max-width:720px;}
.prose > .contact-grid{max-width:none;}