/* Gazeta product system: final component layer shared by public routes. */
html{font-family:var(--ds-font-ui);font-optical-sizing:auto;text-rendering:optimizeLegibility}
body{font-family:var(--ds-font-ui);-webkit-font-smoothing:antialiased}
:where(.page-container,.home-container,.article-page,.search-page,.profile-page){width:min(var(--max),calc(100% - 40px));margin-inline:auto}
:where(.page-title,.section-heading h2,.author-profile-name-row h1,.static-page h1){font-family:var(--ds-font-ui);font-optical-sizing:auto;letter-spacing:-.035em}
:where(.article-title,.news-card h2,.news-card h3,.hero-title,.reel-copy h1){font-family:var(--ds-font-editorial);font-optical-sizing:auto}
:where(.eyebrow,.news-meta,.article-meta,.section-kicker){font-family:var(--ds-font-ui);font-size:var(--ds-text-caption);letter-spacing:.1em}

:where(.button,.section-more-button,.mobile-filter-trigger){min-height:var(--ds-control-height);border-radius:var(--ds-radius-pill);padding-inline:var(--ds-space-4);gap:var(--ds-space-2);font:800 var(--ds-text-label)/1.2 var(--ds-font-ui);transition:transform var(--ds-motion-press) var(--ds-ease-out),background-color var(--ds-motion-control) var(--ds-ease-out),border-color var(--ds-motion-control) var(--ds-ease-out),color var(--ds-motion-control) var(--ds-ease-out)}
:where(.header-control,.dialog-close,.rail-button,.share-rail button,.share-rail a){min-width:var(--ds-control-height);min-height:var(--ds-control-height);display:inline-grid;place-items:center;border-radius:50%;transition:transform var(--ds-motion-press) var(--ds-ease-out),background-color var(--ds-motion-control) var(--ds-ease-out),border-color var(--ds-motion-control) var(--ds-ease-out),color var(--ds-motion-control) var(--ds-ease-out)}
:where(.button,.section-more-button,.mobile-filter-trigger,.header-control,.dialog-close,.rail-button,.share-rail button,.share-rail a):active{transform:scale(.97)}

:where(.news-card,.directory-card,.columnist-card,.continue-card,.filter-panel,.empty-state){border-radius:var(--ds-radius-card)}
:where(.site-dialog){border-radius:var(--ds-radius-dialog)}
:where(.site-dialog .dialog-shell){padding:var(--ds-space-6)}
:where(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){min-height:var(--ds-control-height);border-radius:var(--ds-radius-control);font-family:var(--ds-font-ui)}
:where(input,select,textarea,button):disabled{cursor:not-allowed;opacity:.55}

.section-heading{align-items:center;gap:var(--ds-space-4);margin-block:var(--ds-space-7) var(--ds-space-5)}
.section-heading h2{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.08}
.section-heading :where(a,.section-more-button){flex:none}
.news-card :where(h2,h3){text-wrap:balance}
.news-card :where(p,.news-card-excerpt){text-wrap:pretty}

@media(hover:hover) and (pointer:fine){
  :where(.button,.section-more-button,.mobile-filter-trigger,.header-control,.dialog-close,.rail-button,.share-rail button,.share-rail a):hover{transform:translateY(-1px)}
  :where(.news-card,.directory-card,.columnist-card,.continue-card):hover{transform:translateY(-2px)}
}
@media(max-width:760px){
  :where(.page-container,.home-container,.article-page,.search-page,.profile-page){width:min(var(--max),calc(100% - 32px))}
  .section-heading{margin-block:var(--ds-space-6) var(--ds-space-4)}
  .section-heading h2{font-size:clamp(1.5rem,7vw,1.85rem)}
  :where(.site-dialog){border-radius:var(--ds-radius-dialog) var(--ds-radius-dialog) 0 0}
  :where(.site-dialog .dialog-shell){padding:var(--ds-space-5) var(--ds-space-4) max(var(--ds-space-5),env(safe-area-inset-bottom))}
  :where(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  :where(.button,.section-more-button,.mobile-filter-trigger,.header-control,.dialog-close,.rail-button,.share-rail button,.share-rail a,.news-card,.directory-card,.columnist-card,.continue-card){transform:none!important;transition-property:color,background-color,border-color,opacity!important;transition-duration:100ms!important}
}

/* Home: largura útil uniforme e navegação editorial visualmente mais leve. */
.home-page{width:min(1400px,calc(100% - 32px))}
.home-page .home-taxonomy-panel{background:#e8f4f9!important;color:#0a2b43!important;border:1px solid #cfe5ef!important;box-shadow:0 14px 34px rgba(7,58,86,.08)!important}
.home-page .home-taxonomy-panel .section-heading h2{color:#082c46!important}
.home-page .home-taxonomy-panel :where(.editoria-pill,.city-pill){border-color:#c5dfe9!important;background:rgba(255,255,255,.76)!important;color:#12344b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}
.home-page .home-taxonomy-panel :where(.editoria-pill,.city-pill) .material-symbols-rounded{color:#1689b9!important;background:#dff1f7!important}
.home-page .home-taxonomy-panel .taxonomy-subeditorias .editoria-pill{background:rgba(242,249,252,.94)!important}
.home-page .home-taxonomy-panel .taxonomy-rail-shell::before{background:linear-gradient(90deg,#e8f4f9 0,transparent 100%)!important}
.home-page .home-taxonomy-panel .taxonomy-rail-shell::after{background:linear-gradient(270deg,#e8f4f9 0,transparent 100%)!important}
.home-page .home-taxonomy-panel :where(.taxonomy-more-button,.section-more-light){color:#0b668f!important;border-color:#b9d8e6!important;background:rgba(255,255,255,.64)!important}
@media(hover:hover) and (pointer:fine){.home-page .home-taxonomy-panel :where(.editoria-pill,.city-pill):hover{border-color:#8fc6da!important;background:#fff!important}}
.a11y-dark .home-page .home-taxonomy-panel{background:#0b3048!important;color:#f2f8fb!important;border-color:#31556c!important}
.a11y-dark .home-page .home-taxonomy-panel .section-heading h2{color:#f2f8fb!important}
.a11y-dark .home-page .home-taxonomy-panel .taxonomy-rail-shell::before{background:linear-gradient(90deg,#0b3048 0,transparent 100%)!important}
.a11y-dark .home-page .home-taxonomy-panel .taxonomy-rail-shell::after{background:linear-gradient(270deg,#0b3048 0,transparent 100%)!important}
@media(max-width:760px){.home-page{width:min(1400px,calc(100% - 20px))}}

/* Motion hierarchy: fast feedback, restrained page entry and ordered discovery. */
@media(prefers-reduced-motion:no-preference){
  .motion-ready [data-reveal]{transform:translateY(10px)}
  .motion-ready [data-reveal].is-revealed{
    transition:opacity 200ms var(--ds-ease-out) var(--reveal-delay,0ms),transform 260ms var(--ds-ease-sheet) var(--reveal-delay,0ms)
  }
  .motion-ready [data-reveal="heading"].is-revealed{transition-duration:180ms,220ms}
  .motion-ready [data-cascade-item]{transform:translateY(10px) scale(.985)}
  .motion-ready [data-cascade-item].is-cascade-visible{
    transition:opacity 190ms var(--ds-ease-out) var(--cascade-delay,0ms),transform 260ms var(--ds-ease-sheet) var(--cascade-delay,0ms),background-color var(--ds-motion-control) var(--ds-ease-out),border-color var(--ds-motion-control) var(--ds-ease-out)
  }
  .site-dialog.is-open,.site-dialog.is-open::backdrop{transition-duration:240ms}
  .site-dialog.is-open .dialog-shell{transition-duration:260ms}
}
@media(prefers-reduced-motion:no-preference) and (max-width:760px){
  .site-dialog.is-open{transition-duration:280ms}
  .site-dialog.is-closing{transition-duration:180ms}
  .home-page .hero-main{animation:product-hero-settle 280ms var(--ds-ease-sheet) both}
  .home-page .hero-content>*{animation:product-copy-enter 240ms var(--ds-ease-out) both}
  .home-page .hero-content>:nth-child(2){animation-delay:35ms}
  .home-page .hero-content>:nth-child(3){animation-delay:70ms}
  .home-page .hero-content>:nth-child(4){animation-delay:105ms}
}
@keyframes product-hero-settle{from{transform:scale(1.012)}}
@keyframes product-copy-enter{from{opacity:.72;transform:translateY(8px)}}

/* Image feedback stays composited; priority media never waits on a fade. */
.media-pending::after{
  inset:0 -55%;
  background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.52) 50%,transparent 65%);
  background-size:auto;
  transform:translateX(-36%);
  will-change:transform;
  animation:product-shimmer 1.15s linear infinite
}
img.media-decoded{transition:opacity 180ms var(--ds-ease-out),transform 240ms var(--ds-ease-sheet)}
:where(.hero-main,.ad-top) img.media-decoded{transition:none}
@keyframes product-shimmer{to{transform:translateX(36%)}}
@media(prefers-reduced-motion:reduce){.media-pending::after{animation:none;will-change:auto}}

/* 2026-09-10 — taxonomy and columnist component cohesion. */
.home-page .home-taxonomy-panel :where(.editoria-pill,.city-pill) .material-symbols-rounded{width:auto!important;height:auto!important;padding:0!important;border-radius:0!important;background:transparent!important}
.columnists-grid .columnist-card{position:relative;grid-template-columns:64px minmax(0,1fr) 40px;min-height:104px;padding:16px 15px;gap:14px;align-items:center;background:var(--surface);overflow:hidden}
.columnists-grid .columnist-card>span:nth-child(2){min-width:0;align-self:center}
.columnists-grid .columnist-card>img,.columnists-grid .columnist-card>.columnist-avatar{width:64px!important;min-width:64px!important;height:64px!important;min-height:64px!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important;align-self:center;justify-self:center}
.columnists-grid .columnist-card strong{overflow:hidden;font-size:17px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.columnists-grid .columnist-card small{display:-webkit-box;margin-top:5px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:10px;line-height:1.35}
.columnist-card-action{width:38px;height:38px;display:grid!important;place-items:center;align-self:center;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--blue-2);font-size:19px!important;transition:transform 180ms var(--ds-ease-out),background-color 160ms ease-out,border-color 160ms ease-out}

.author-grid.columnist-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.author-grid.columnist-directory .columnist-directory-card{position:relative;grid-template-columns:82px minmax(0,1fr) 42px;min-height:170px;padding:20px;gap:16px;align-items:center;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}
.author-grid.columnist-directory .columnist-directory-card::after{display:none!important}
.author-grid.columnist-directory .columnist-directory-card>span:nth-child(2){min-width:0;align-self:center}
.author-grid.columnist-directory .columnist-directory-card img,.author-grid.columnist-directory .columnist-directory-card .columnist-avatar{width:82px!important;height:82px!important;flex-basis:82px!important;border:3px solid var(--surface);border-radius:50%;object-fit:cover;box-shadow:0 7px 20px rgba(6,39,67,.12)}
.author-grid.columnist-directory .columnist-directory-card h2{margin:0 0 7px;font-size:clamp(20px,1.7vw,27px);line-height:1.06}
.author-grid.columnist-directory .columnist-directory-card .columnist-bio{margin:0 0 10px;font-size:12px;line-height:1.42;-webkit-line-clamp:2}
.author-grid.columnist-directory .columnist-directory-card .columnist-count{margin:0;font-size:10px}
.author-grid.columnist-directory .columnist-directory-card .columnist-count::after{content:none}
@media(hover:hover) and (pointer:fine){
  .columnists-grid .columnist-card:hover .columnist-card-action,.author-grid.columnist-directory .columnist-directory-card:hover .columnist-card-action{transform:translateX(3px);border-color:#91c9df;background:var(--blue-soft)}
}
@media(max-width:980px){.author-grid.columnist-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .columnists-grid{grid-auto-columns:minmax(276px,84vw)!important}
  .columnists-grid .columnist-card{grid-template-columns:56px minmax(0,1fr) 36px;min-height:88px;padding:13px;gap:11px;border-radius:20px}
  .columnists-grid .columnist-card img,.columnists-grid .columnist-card .columnist-avatar{width:56px;height:56px}
  .columnists-grid .columnist-card>img,.columnists-grid .columnist-card>.columnist-avatar{min-width:56px!important;min-height:56px!important}
  .columnist-card-action{width:34px;height:34px;font-size:18px!important}
  .author-grid.columnist-directory{display:grid!important;grid-auto-flow:row!important;grid-template-columns:1fr!important;grid-template-rows:none!important;gap:12px!important;overflow:visible!important;padding:0!important}
  .author-grid.columnist-directory .columnist-directory-card{grid-template-columns:64px minmax(0,1fr) 36px;min-height:116px;padding:14px;gap:12px;border-radius:21px}
  .author-grid.columnist-directory .columnist-directory-card img,.author-grid.columnist-directory .columnist-directory-card .columnist-avatar{width:64px!important;height:64px!important;flex-basis:64px!important}
  .author-grid.columnist-directory .columnist-directory-card h2{font-size:19px}
  .author-grid.columnist-directory .columnist-directory-card .columnist-bio{font-size:10px;margin-bottom:7px}
}
.a11y-dark .columnist-card-action{border-color:#31556c;background:#0d3750;color:#9cddf6}
@media(prefers-reduced-motion:reduce){.columnist-card-action{transition:none!important;transform:none!important}}

/* 2026-09-10 — soft media transition and consistent authorship. */
.home-news-card-grid .news-card-image,
.popular-news-grid .news-card-image,
.related-grid .news-card-image{position:relative;border-bottom:0!important}
.home-news-card-grid .news-card-body,
.popular-news-grid .news-card-body,
.related-grid .news-card-body{position:relative;border-top:0!important;padding-top:18px!important}
.home-news-card-grid .news-card-body::before,
.popular-news-grid .news-card-body::before,
.related-grid .news-card-body::before{
  content:"";position:absolute;z-index:1;left:0;right:0;top:-24px;height:25px;
  pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0),var(--surface) 92%)
}
.home-news-card-grid .news-card-body>*,
.popular-news-grid .news-card-body>*,
.related-grid .news-card-body>*{position:relative;z-index:2}
.home-news-card-grid .news-card-body p,
.popular-news-grid .news-card-body p,
.related-grid .news-card-body p{margin-bottom:0!important}
.home-news-card-grid .news-card-author,
.popular-news-grid .news-card-author,
.related-grid .news-card-author{display:block!important;margin:9px 0 0!important;color:var(--muted)!important;font-size:10px!important;font-weight:750;line-height:1.3}
.a11y-dark :where(.home-news-card-grid,.popular-news-grid,.related-grid) .news-card-body::before{background:linear-gradient(180deg,rgba(6,31,48,0),var(--surface) 92%)}

/* 2026-09-10 — shared columnist cards and article reading layout. */
.columnist-directory-header{text-align:center}
.columnist-directory-header .page-intro{margin-left:auto;margin-right:auto}
.author-grid.columnist-directory .columnist-directory-card{grid-template-columns:64px minmax(0,1fr) 40px;min-height:104px;padding:16px 15px;gap:14px;border-radius:20px}
.author-grid.columnist-directory .columnist-directory-card>img,.author-grid.columnist-directory .columnist-directory-card>.columnist-avatar{width:64px!important;min-width:64px!important;height:64px!important;min-height:64px!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important}
.author-grid.columnist-directory .columnist-directory-card>span:nth-child(2){display:grid;gap:5px}
.author-grid.columnist-directory .columnist-directory-card strong{overflow:hidden;font-size:17px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.author-grid.columnist-directory .columnist-directory-card small{color:var(--muted);font-size:10px;line-height:1.35}
.home-news-card-grid .news-card-body,.popular-news-grid .news-card-body,.related-grid .news-card-body{z-index:2;margin-top:-24px!important;padding-top:38px!important}
.home-news-card-grid .news-card-body::before,.popular-news-grid .news-card-body::before,.related-grid .news-card-body::before{top:0;height:30px;background:linear-gradient(180deg,rgba(255,255,255,0),var(--surface) 88%)}
.article-page-body .article-aside{align-self:start!important}
.article-page-body .article-aside-sticky{position:static!important;top:auto!important;align-self:start}
.article-page-body .article-inline-ad{width:min(720px,92%);margin:46px auto!important}
@media(max-width:900px){.article-page-body .article-aside-sticky{position:static!important}.article-page-body .article-inline-ad{width:100%;margin:30px auto!important}}
@media(max-width:760px){
  .columnists-grid .columnist-card>img,.columnists-grid .columnist-card>.columnist-avatar{display:block!important;width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;min-height:56px!important;max-height:56px!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important;align-self:center!important}
  .author-grid.columnist-directory .columnist-directory-card{grid-template-columns:56px minmax(0,1fr) 36px;min-height:88px;padding:13px;gap:11px}
  .author-grid.columnist-directory .columnist-directory-card>img,.author-grid.columnist-directory .columnist-directory-card>.columnist-avatar{display:block!important;width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;min-height:56px!important;max-height:56px!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important;align-self:center!important}
}
/* Folha Fluminense — preserve the original logo proportions. */
.global-header .site-logo img[src*="folha-fluminense-logo"]{width:auto!important;height:76px!important;max-width:min(300px,42vw)!important;aspect-ratio:567/268!important;object-fit:contain!important}
.global-footer img[src*="folha-fluminense-logo"]{width:auto!important;height:72px!important;max-width:min(250px,100%)!important;aspect-ratio:567/268!important;object-fit:contain!important}
@media(max-width:760px){.global-header .site-logo img[src*="folha-fluminense-logo"]{height:54px!important;max-width:min(150px,46vw)!important}}