/* noticia — estilos da página (extraídos de noticia.php) */
.nr-hero { padding: 40px 0 120px; }
.nr-hero h1 { font-size: clamp(28px, 4vw, 46px); max-width: 860px; }
.nr-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 18px; font-size: 14px; color: rgba(255,255,255,.8); font-weight: 600; }
.nr-meta i { color: #8ee6b2; margin-right: 6px; }
.nr-wrap { position: relative; z-index: 2; margin-top: -88px; padding-bottom: 80px; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; }
.nr-art { background: var(--surface); border: 1px solid var(--border); border-radius: 28px; overflow: hidden; box-shadow: var(--shadow-lg); }
.nr-img { aspect-ratio: 2 / 1; background: var(--g-pale); }
.nr-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nr-body { padding: 40px 48px 44px; font-size: 17px; line-height: 1.85; color: var(--txt2); }
.nr-body p { margin-bottom: 1.1em; }
.nr-body p:first-child { font-size: 1.08em; color: var(--txt); }
.nr-body a { color: var(--g); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; word-break: break-word; }
.nr-anexos { margin: 0 48px 40px; padding: 22px; border-radius: 20px; background: var(--surface2); border: 1px solid var(--border); }
.nr-anexos h2 { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .7px; color: var(--txt3); margin-bottom: 14px; display: flex; gap: 8px; align-items: center; }
.nr-anexo { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 16px; background: var(--surface); border: 1px solid var(--border); color: inherit; transition: border-color .2s, transform .2s; }
.nr-anexo + .nr-anexo { margin-top: 10px; }
.nr-anexo:hover { border-color: var(--g); transform: translateX(3px); }
.nr-anexo > i:first-child { width: 42px; height: 42px; border-radius: 13px; display: flex; align-items: center; justify-content: center; font-size: 18px; background: var(--g-pale); color: var(--g); flex-shrink: 0; }
.nr-anexo strong { display: block; font-size: 15px; color: var(--txt); }
.nr-anexo small { display: block; font-size: 12.5px; color: var(--txt3); word-break: break-all; }
.nr-anexo .fa-arrow-right { margin-left: auto; color: var(--g); }
.nr-foot { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 22px 48px; border-top: 1px solid var(--border); }

.nr-side { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 96px; }
.nr-box { background: var(--surface); border: 1px solid var(--border); border-radius: 22px; padding: 22px; }
.nr-box h2 { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .7px; color: var(--txt3); margin-bottom: 14px; }
.nr-share { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.nr-share a, .nr-share button { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 6px; border-radius: 14px; border: 1px solid var(--border); background: var(--surface2); font: inherit; font-size: 12px; font-weight: 700; color: var(--txt2); cursor: pointer; transition: all .2s; }
.nr-share i { font-size: 18px; }
.nr-share .wa i { color: #25d366; } .nr-share .fb i { color: #1877f2; } .nr-share button i { color: var(--g); }
.nr-share a:hover, .nr-share button:hover { border-color: var(--g); background: var(--surface); transform: translateY(-2px); }
.nr-outra { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--border); color: inherit; }
.nr-outra:first-of-type { border-top: 0; padding-top: 0; }
.nr-outra-img { width: 64px; height: 52px; border-radius: 12px; overflow: hidden; flex-shrink: 0; background: linear-gradient(135deg, var(--g-deep), var(--g)); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.5); }
.nr-outra-img img { width: 100%; height: 100%; object-fit: cover; }
.nr-outra strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.35; color: var(--txt); }
.nr-outra small { font-size: 12px; color: var(--txt3); }
.nr-outra:hover strong { color: var(--g); }
.nr-404 { grid-column: 1 / -1; text-align: center; padding: 64px 24px; }
.nr-404 i { font-size: 44px; color: var(--g); opacity: .4; margin-bottom: 16px; display: block; }

@media (max-width: 1000px) { .nr-wrap { grid-template-columns: 1fr; } .nr-side { position: static; } }
@media (max-width: 640px) {
  .nr-hero { padding: 28px 0 100px; }
  .nr-wrap { margin-top: -76px; }
  .nr-art { border-radius: 22px; }
  .nr-body { padding: 26px 20px 28px; font-size: 16px; line-height: 1.8; }
  .nr-anexos { margin: 0 16px 26px; padding: 16px; }
  .nr-foot { padding: 18px 20px; }
  .nr-foot a { flex: 1 1 100%; justify-content: center; }
}
@media print { .nr-side, .nr-foot, header, footer { display: none !important; } .nr-wrap { display: block; margin: 0; } .nr-art { box-shadow: none; border: 0; } }