/* Identidade de O Estado do Rio: preto editorial, papel quente e acento dourado. */
:root {
  --ds-blue-900:#111111;
  --ds-blue-800:#202020;
  --ds-blue-700:#9a6900;
  --ds-blue-600:#c78a00;
  --ds-blue-100:#fff4d6;
  --navy:#111111;
  --navy-2:#202020;
  --blue:#c78a00;
  --blue-2:#8b5e00;
  --blue-soft:#fff4d6;
  --warm:#f8f6f0;
  --surface:#fffefb;
  --surface-2:#f1eee6;
  --ink:#151515;
  --muted:#666159;
  --line:#ddd7ca;
  --shadow:0 16px 40px rgba(17,17,17,.1);
  --shadow-soft:0 8px 24px rgba(17,17,17,.07);
}

html { background:#111111!important; }
body { background:var(--warm); }
.global-header,.global-header.is-condensed {
  background:rgba(17,17,17,.97)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 9px 30px rgba(0,0,0,.18)!important;
}
.global-header::before,.global-header::after { background:#111111!important; }
.global-header :where(.header-control,.primary-nav a),.network-bar a { color:#fff!important; }
.global-header .header-control { background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.2)!important; }
.global-header .primary-nav a[aria-current="page"] { color:#ffca3a!important; }
.global-header .site-logo img,
.global-footer img[src*="o-estado-do-rio-logo"] {
  width:auto!important;
  height:76px!important;
  max-width:min(330px,46vw)!important;
  aspect-ratio:536/126!important;
  object-fit:contain!important;
  filter:invert(1)!important;
}
.global-footer { background:#111111!important;color:#f7f3ea!important;border-color:#333!important; }
.global-footer :where(h2,a,p,span){color:inherit!important}
.category-pill,.button-primary,.mobile-nav a[aria-current="page"],.mobile-nav button[aria-current="page"] { background:#c78a00!important;color:#111!important; }
.editoria-pill .material-symbols-rounded,.city-pill .material-symbols-rounded,.section-heading a,.eyebrow { color:#9a6900!important; }
.news-card:hover,.directory-card:hover,.columnist-card:hover { border-color:#c9ad70!important; }

@media(max-width:760px) {
  .global-header .site-logo img { height:52px!important;max-width:min(190px,50vw)!important; }
  .global-header,.global-header.is-condensed { background:#111!important; }
  .mobile-nav { background:rgba(17,17,17,.94)!important; }
}

.a11y-dark { --warm:#101010;--surface:#1a1a1a;--surface-2:#242424;--ink:#faf7ef;--muted:#c8c1b4;--line:#3f3b35;--blue-soft:#3b2c08; }

/* 2026-09-12 — acabamento editorial premium, sem descaracterizar a marca. */
.global-header .primary-nav {
  width:min(760px,calc(100% - 40px));
  margin:0 auto 22px;
  padding:6px;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px;
  background:rgba(255,255,255,.065)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08);
}
.global-header .primary-nav a {
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
}
.global-header .primary-nav a[aria-current="page"] {
  background:#f4efe4!important;
  color:#6f4a00!important;
}
.home-page>.hero { border-color:#cfc7b8!important; }
.home-page .hero-main,
.home-page .sequence-preview { border:1px solid #d2c9b9; }
.home-page .hero-main::after {
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:15px;
  pointer-events:none;
}
.home-page .hero-content { z-index:2; }
.home-page .section-heading { border-color:#cfc7b8!important; }
.home-page .section-heading h2::after {
  content:"";
  display:inline-block;
  width:42px;
  height:3px;
  margin-left:12px;
  vertical-align:middle;
  background:#c78a00;
}
.home-page :where(.news-card,.columnist-card) {
  background:#fffefb!important;
  border-color:#ddd5c8!important;
  box-shadow:0 10px 28px rgba(30,24,15,.055)!important;
}
.home-page .news-card-meta span { color:#8b5e00!important; }
.home-page .home-taxonomy-panel {
  background:#f2ede2!important;
  border-color:#d9cebc!important;
}
.home-page .home-taxonomy-panel :where(.editoria-pill,.city-pill) {
  background:rgba(255,254,251,.86)!important;
  border-color:#d8cdbb!important;
}
.home-page .home-taxonomy-panel :where(.editoria-pill,.city-pill) .material-symbols-rounded {
  color:#8b5e00!important;
  background:#fff4d6!important;
}
@media(max-width:760px) {
  .global-header .primary-nav { display:none; }
  .home-page .hero-main::after { inset:9px;border-radius:14px; }
  .home-page .section-heading h2::after { width:26px;margin-left:8px; }
}