/* Refinamento editorial 2026-08-31: estrutura existente, sem dependências novas. */
.global-header {
  overflow: visible;
  padding-bottom: 22px;
  border-radius: 0 0 46px 46px;
  background: linear-gradient(135deg, #041f36 0%, #062e4d 54%, #073959 100%);
  box-shadow: 0 12px 32px rgba(5, 34, 56, .12);
}

@media (min-width: 761px) {
  .global-header { position: sticky; top: 0; z-index: 100; height: var(--header-expanded-height,auto); overflow: clip; transition: height 260ms var(--ease-out-premium),border-radius 220ms var(--ease-standard),box-shadow 220ms var(--ease-standard); will-change: height; }
  .global-header .network-bar,
  .global-header .primary-nav { transition: opacity 150ms var(--ease-out-premium), transform 220ms var(--ease-out-premium); }
  .global-header .masthead-row { transition: transform 240ms var(--ease-out-premium); }
  .global-header .site-logo img,
  .global-header .header-control { transition: transform 220ms var(--ease-out-premium); }
  .global-header .network-bar,
  .global-header .primary-nav { opacity: 1; transform: translateY(0); }
  .global-header .masthead-row { position: relative; z-index: 2; transform: translateY(0); }
  .global-header .site-logo img,
  .global-header .header-control { transform: scale(1); }
  .global-header.is-condensed { height: 88px; border-radius: 0 0 30px 30px; box-shadow: 0 8px 25px rgba(5,34,56,.16); }
  .global-header.is-condensed .network-bar,
  .global-header.is-condensed .primary-nav { opacity: 0; transform: translateY(-12px); pointer-events: none; }
  .global-header.is-condensed .masthead-row {
    transform: translateY(calc(-1 * var(--header-masthead-offset, 0px)));
    background: linear-gradient(135deg, #041f36 0%, #062e4d 54%, #073959 100%);
    border-radius: 0 0 24px 24px;
  }
  .global-header.is-condensed .site-logo { position: relative; z-index: 4; }
  .global-header.is-condensed .site-logo img { transform: scale(.82); }
  .global-header.is-condensed .header-control { transform: scale(.9); }
}

/* Ajustes incrementais do cabeçalho e da capa. */
.home-page { padding-top: 14px; }
.home-page .ad-top { margin-top: 0; }
.home-page .ad-top img { height: auto; max-height: none; object-fit: contain; }
.global-footer .footer-grid > section:last-child { align-content: start; }

/* Perfil público do colunista: apresentação social com linguagem editorial. */
.columnist-profile { width: min(1120px,calc(100% - 40px)); }
.author-profile-card {
  display: grid;
  grid-template-columns: 180px minmax(0,1fr);
  gap: 34px;
  align-items: center;
  padding: clamp(24px,4vw,48px);
  border: 1px solid var(--line);
  border-radius: 32px;
  background: linear-gradient(145deg,var(--surface) 0%,var(--blue-soft) 100%);
  box-shadow: var(--shadow-soft);
}
.author-profile-avatar { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; border: 5px solid var(--surface); box-shadow: 0 14px 34px rgba(6,39,67,.16); }
.author-profile-copy h1 { margin: 0; font: 700 clamp(38px,5vw,62px)/1.02 var(--font-editorial); letter-spacing: -.025em; }
.author-profile-stats { display: flex; gap: 24px; margin: 15px 0; }
.author-profile-stats span { display: flex; align-items: baseline; gap: 7px; color: var(--muted); font-size: 14px; }
.author-profile-stats strong { color: var(--ink); font-size: 20px; }
.author-profile-bio { max-width: 66ch; margin: 0 0 18px; color: var(--muted); }
.author-links { display: flex; flex-wrap: wrap; gap: 8px; }
.author-links a { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--navy); font-size: 13px; font-weight: 800; transition: transform 150ms var(--ease-out-premium), background-color 180ms ease, border-color 180ms ease; }
.author-links a:active { transform: scale(.97); }
.reel-account[href] { color: inherit; width: fit-content; border-radius: 999px; }
.reel-account[href]:focus-visible { outline-color: #fff; }
@media (hover:hover) and (pointer:fine) { .author-links a:hover { background: var(--blue-soft); border-color: #9fd3e7; } .reel-account[href]:hover strong { text-decoration: underline; } }
@media (max-width: 760px) {
  .content-rail { padding-inline: 14px; -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%); mask-image: linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%); }
  .columnist-directory { gap: 14px; }
  .columnist-directory-card { grid-template-columns: 72px minmax(0,1fr); gap: 14px; min-height: 0; padding: 16px; border-radius: 22px; align-items: start; }
  .columnist-directory-card img,.columnist-directory-card .columnist-avatar { width:72px!important; height:72px!important; flex-basis:72px!important; border-width:3px; }
  .columnist-directory-card h2 { margin:7px 0 5px; font-size:22px; line-height:1.02; }
  .columnist-directory-card em { padding:4px 7px; font-size:8px!important; }
  .columnist-directory-card .columnist-bio { margin-bottom:8px; font-size:11px; line-height:1.38; -webkit-line-clamp:2; }
  .columnist-directory-card .columnist-count { font-size:10px; }
  .columnists-grid { gap: 12px; }
  .columnist-card { grid-template-columns: 58px minmax(0,1fr); gap: 12px; min-height: 88px; padding: 13px 15px; border-radius: 20px; }
  .columnist-card img,.columnist-card .columnist-avatar { width:58px; height:58px; border-width:2px; }
  .columnist-card strong { font-size:18px; line-height:1.08; }
  .columnist-card small { margin-top:5px; font-size:10px; }
  .home-page > .ticker { margin-bottom:24px; }
  .hero-content h1 { font-size:clamp(31px,8.8vw,43px); }
  .sequence-preview-content h2 { font-size:24px; }
  .home-page { padding-top: 10px; }
  .columnist-profile { width: calc(100% - 24px); }
  .author-profile-card { grid-template-columns: 92px minmax(0,1fr); gap: 16px; padding: 20px; border-radius: 24px; align-items: start; }
  .author-profile-avatar { width: 92px; height: 92px; border-width: 3px; }
  .author-profile-copy h1 { font-size: clamp(31px,9vw,44px); }
  .author-profile-copy .eyebrow { margin-top: 4px; }
  .author-profile-stats,.author-profile-bio,.author-links { grid-column: 1/-1; }
  .author-profile-bio { margin-top: 12px; }
}

.network-bar { padding: 9px 28px 0; }
.network-bar nav { justify-content: space-between; gap: 18px; }
.network-bar nav a { padding: 5px 3px; }
.masthead-row { grid-template-columns: 190px 1fr 190px; min-height: 88px; }
.header-accessibility,
.header-search {
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}
.header-accessibility > span:last-child,
.header-search > span:last-child { display: none; }

.primary-nav {
  position: relative;
  width: fit-content;
  max-width: calc(100% - 48px);
  margin: 0 auto;
  padding: 4px;
  gap: 2px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  overflow: hidden;
}
.primary-nav a,
.primary-nav .primary-share {
  min-height: 34px;
  padding: 7px 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #edf7fb;
  font: 800 11px/1 var(--font-ui);
  white-space: nowrap;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: transform 150ms cubic-bezier(.23,1,.32,1), background-color 150ms ease-out, color 150ms ease-out;
}
.primary-nav a::after { display: none; }
.primary-nav a[aria-current="page"] {
  background: #fff;
  color: var(--navy);
  box-shadow: 0 5px 15px rgba(0,0,0,.14);
}
.primary-nav .material-symbols-rounded { font-size: 18px; }
.section-heading .section-more-button {
  min-height: 38px;
  padding: 9px 16px;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  font: 800 12px/1 var(--font-ui);
  box-shadow: 0 6px 16px rgba(20,122,178,.2);
}
.city-home-panel .section-more-button { border: 1px solid rgba(255,255,255,.34); background: #1687b8; color: #fff; }

@media (hover:hover) and (pointer:fine) {
  .primary-nav a:hover,
  .primary-nav .primary-share:hover { background: rgba(255,255,255,.14); color: #fff; }
  .primary-nav a[aria-current="page"]:hover { background: #fff; color: var(--navy); }
  .header-accessibility:hover,
  .header-search:hover { background: rgba(255,255,255,.16); }
}
.primary-nav a:active,
.primary-nav .primary-share:active,
.header-accessibility:active,
.header-search:active { transform: scale(.97); }

/* Trilhos editoriais: uma linha de editorias e duas de cidades. */
.content-rail-section { min-width: 0; }
.content-rail-section,.city-home-panel { position: relative; }
.content-rail {
  -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);
  mask-image: linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);
  padding-inline: 18px;
}
.section-heading-actions { display: flex; align-items: center; gap: 14px; }
.rail-controls { display: inline-flex; gap: 6px; }
.rail-controls button {
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--surface);
  color: var(--navy);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform 140ms cubic-bezier(.23,1,.32,1), background-color 140ms ease-out, border-color 140ms ease-out;
}
.rail-controls button:disabled { opacity: .38; cursor: default; }
.rail-controls button:not(:disabled):active { transform: scale(.94); }
.rail-controls .material-symbols-rounded { font-size: 20px; }
.content-rail {
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
}
.content-rail::-webkit-scrollbar { display: none; }
.content-rail-one {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 10px;
  padding: 2px 1px 8px;
}
.content-rail-one .editoria-pill {
  min-height: 48px;
  padding: 9px 16px 9px 11px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  scroll-snap-align: start;
}
.content-rail-one .editoria-pill > .material-symbols-rounded {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: var(--blue-soft);
  display: grid;
  place-items: center;
  font-size: 18px;
}
.city-home-panel {
  margin-top: 40px;
  padding: clamp(22px, 4vw, 38px);
  border: 0;
  border-radius: 32px;
  color: #fff;
  background: linear-gradient(135deg, #073a61 0%, #0b6595 100%);
  box-shadow: 0 18px 44px rgba(6,61,98,.18);
}
.city-home-panel .section-heading { margin: 0 0 20px; }
.city-home-panel .section-kicker { color: #9eddf4; }
.city-home-panel .section-heading h2,
.city-home-panel .section-heading a { color: #fff; }
.rail-controls-light button { border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.1); color: #fff; }
.content-rail-two {
  display: grid;
  grid-template-rows: repeat(2, 50px);
  grid-auto-flow: column;
  grid-auto-columns: minmax(218px, 252px);
  gap: 10px;
  padding: 2px 1px 8px;
}
.content-rail-two .city-pill {
  min-width: 0;
  height: 50px;
  padding: 7px 9px 7px 13px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: #fff;
  display: grid;
  grid-template-columns: 24px minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  scroll-snap-align: start;
}
.content-rail-two .city-pill > span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 800; }
.content-rail-two .city-pill small {
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border-radius: 999px;
  background: #45b4dd;
  color: #04233b;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 900;
}
.home-popular { margin-top: 42px; }
.home-popular-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,350px); gap: 28px; align-items: stretch; }
.columnists-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.columnist-card { position: relative; display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 14px; align-items: center; min-height: 112px; padding: 17px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(145deg,var(--surface),var(--blue-soft)); overflow: hidden; box-shadow: var(--shadow-soft); }
.columnist-card::after { content: ""; position: absolute; width: 100px; height: 100px; right: -34px; top: -34px; border-radius: 50%; background: rgba(22,135,184,.12); }
.columnist-card img,.columnist-card .columnist-avatar { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; border: 3px solid var(--surface); box-shadow: 0 5px 16px rgba(6,39,67,.16); position: relative; z-index: 1; }
.columnist-card > span:last-child { position: relative; z-index: 1; min-width: 0; }
.columnist-card strong { display:block; font: 700 20px/1.05 var(--font-editorial); color: var(--ink); }
.columnist-card small { display:block; margin-top:7px; color: var(--muted); font: 700 11px/1.3 var(--font-ui); }
@media (hover:hover) and (pointer:fine) { .columnist-card:hover { transform: translateY(-3px); border-color: #8ec9df; box-shadow: 0 14px 30px rgba(6,39,67,.13); } }
.columnist-directory { gap: 22px; }
.columnist-directory-card { position: relative; min-height: 210px; padding: 24px; align-items: center; overflow: hidden; border-radius: 26px; background: linear-gradient(145deg,var(--surface) 48%,var(--blue-soft)); box-shadow: var(--shadow-soft); }
.columnist-directory-card::after { content:""; position:absolute; right:-45px; bottom:-65px; width:170px; height:170px; border-radius:50%; background:rgba(22,135,184,.11); }
.columnist-directory-card img,.columnist-directory-card .columnist-avatar { width: 92px!important; height: 92px!important; flex: 0 0 92px!important; border: 4px solid var(--surface); box-shadow: 0 8px 22px rgba(6,39,67,.18); position:relative; z-index:1; }
.columnist-directory-card > span { position:relative; z-index:1; min-width:0; }
.columnist-directory-card em { display:inline-flex; padding:5px 9px; border-radius:999px; background:var(--blue); color:#fff!important; font:800 9px/1 var(--font-ui)!important; letter-spacing:.06em; text-transform:uppercase; }
.columnist-directory-card h2 { margin:10px 0 7px; font-size:clamp(24px,2vw,31px); }
.columnist-directory-card .columnist-bio { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0 0 12px; font:500 13px/1.45 var(--font-ui); color:var(--muted); }
.columnist-directory-card .columnist-count { display:inline-flex; align-items:center; gap:5px; margin:0; color:var(--blue-2); font:800 11px/1 var(--font-ui); }
.columnist-directory-card .columnist-count::after { content:"arrow_forward"; font-family:"Material Symbols Rounded"; font-size:17px; }
.home-page > .ticker { width:100%; margin:18px 0 30px; }
.hero-content h1 { font-size:clamp(33px,4vw,54px); }
.sequence-preview-content h2 { font-size:clamp(22px,2.1vw,29px); line-height:1.1; }
.popular-news-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; align-items: stretch; }
.popular-news-grid .news-card { height: 100%; }
.popular-news-grid .news-card-image img { height: 190px; }
.home-popular-layout > aside { height: 100%; display: grid; grid-template-rows: minmax(0,1fr) auto; gap: 18px; }
.home-popular-layout .ad-side { position: relative; min-height: 0; margin: 0; overflow: hidden; border-radius: 24px; }
.home-popular-layout .ad-side > small { position: absolute; z-index: 2; top: 12px; left: 12px; margin: 0; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.9); color: var(--navy); }
.home-popular-layout .ad-side picture { width: 100%; height: 100%; min-height: 320px; display: block; }
.home-popular-layout .ad-side img { display: block; width: 100%; height: 100%; min-height: 320px; object-fit: contain; object-position: center; }
.home-popular-layout .newsroom-contact { min-width: 0; padding: 20px; align-items: center; }
.home-popular-layout .newsroom-contact h2 { font-size: 21px; white-space: nowrap; }
.home-popular-layout .newsroom-contact p { font-size: 12px; }
.home-popular-layout .newsroom-contact a { display: block; font-size: 11.5px; white-space: nowrap; overflow-wrap: normal; }
.ad-top {
  width: 100%;
  margin-inline: auto;
  overflow: hidden;
  border-radius: var(--radius-lg);
}
.ad-top picture {
  width: 100%;
  aspect-ratio: 4 / 1;
  display: block;
  overflow: hidden;
  border-radius: inherit;
  background: #eef3f5;
}
.ad-top img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

/* Matéria: cabeçalho amplo, lateral editorial e compartilhamento contextual. */
.article-page-body .article-layout { grid-template-columns: 1fr; }
.article-page-body .article-header-block {
  width: 100%;
  max-width: none;
  margin: 0 auto 30px;
  padding-inline: clamp(0px, 2vw, 24px);
  text-align: center;
}
.article-page-body .article-header-block h1 {
  max-width: 1160px;
  margin: 14px auto;
  font-size: clamp(36px, 4.65vw, 60px);
  line-height: 1.04;
  letter-spacing: -.028em;
}
.article-page-body .article-deck { max-width: 1080px; margin-inline: auto; font-size: clamp(17px, 1.8vw, 21px); }
.article-page-body .article-meta { justify-content: center; }
.article-content-grid { width: 100%; grid-template-columns: minmax(0,850px) minmax(280px,330px); }
.article-aside-sticky { top: 18px; }
.article-author-card-aside {
  grid-template-columns: 62px minmax(0,1fr);
  gap: 13px;
  margin: 0;
  padding: 16px;
  border-radius: 20px;
}
.article-author-card-aside img,
.article-author-card-aside .columnist-avatar { width: 62px; height: 62px; border-radius: 50%; object-fit: cover; }
.article-author-card-aside h2 { font-size: 21px; margin: 2px 0 5px; }
.article-author-card-aside p { margin: 0 0 8px; font-size: 12px; line-height: 1.45; }
.article-author-card-aside a { font-size: 12px; }
.article-share-dialog { width: min(720px, calc(100% - 28px)); }
.share-dialog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 18px; }
.share-option {
  min-height: 72px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--surface);
  color: var(--ink);
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  align-items: center;
  gap: 11px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: transform 140ms cubic-bezier(.23,1,.32,1), background-color 140ms ease-out, border-color 140ms ease-out;
}
.share-option > .material-symbols-rounded { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: var(--blue-soft); color: var(--blue-2); }
.share-option strong,.share-option small { display: block; }
.share-option small { margin-top: 2px; color: var(--muted); font-size: 11px; }
.share-option.whatsapp > .material-symbols-rounded { background: #dff8e8; color: #137a3d; }
.share-option.instagram > .material-symbols-rounded { background: #f8e7f3; color: #a22976; }
.share-option.facebook > .material-symbols-rounded { background: #e4efff; color: #1769aa; }
.share-option.telegram > .material-symbols-rounded { background: #e1f4fb; color: #1687b8; }
.share-option:active { transform: scale(.98); }
.share-dialog-status { min-height: 18px; margin: 12px 0 0; color: var(--success); font-size: 12px; font-weight: 800; }

/* Feed vertical: barra inferior localizada e sem contador/comentários. */
.reels-body .global-header { height: 0; min-height: 0; border: 0; border-radius: 0; background: none; box-shadow: none; position: static; }
.reels-body .global-header > :not(.mobile-nav) { display: none; }
.reels-body .mobile-nav { display: none !important; }
.reel-bottom-bar {
  position: absolute;
  z-index: 3;
  left: 22px;
  right: 88px;
  bottom: 24px;
  padding: 0;
  display: block;
  background: transparent;
  border: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.reel-bottom-bar .reel-copy {
  position: static;
  width: fit-content;
  max-width: min(860px,100%);
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 20px;
  background: rgba(4,24,39,.62);
  box-shadow: 0 14px 38px rgba(0,0,0,.2);
  backdrop-filter: blur(16px) saturate(1.12);
  -webkit-backdrop-filter: blur(16px) saturate(1.12);
}
.reel-bottom-bar .reel-copy h1 { max-width: 820px; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.05; }
.reel-bottom-bar .reel-actions { position: static; display: flex; align-items: end; gap: 9px; }
.reel-bottom-bar .reel-actions button,
.reel-bottom-bar .reel-actions a { width: 52px; }
.reel-actions a {
  border: 0;
  background: transparent;
  color: #fff;
  min-height: 55px;
  padding: 0;
  display: grid;
  place-items: center;
  gap: 2px;
  text-shadow: 0 2px 10px #000;
}
.reel-actions a .material-symbols-rounded {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  background: rgba(5,20,32,.62);
  display: grid;
  place-items: center;
  font-size: 25px;
}
.reel-actions a b { color: #fff; font: 800 10px var(--font-ui); }
.reel-card > .reel-actions { right: 20px; bottom: 28px; }
.reel-position { display: none; }
.reels-topbar { gap: 12px; }
.reels-categories {
  min-width: 0;
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}
.reels-categories::-webkit-scrollbar { display: none; }
.reels-categories a {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  background: rgba(5,25,40,.56);
  color: #fff;
  font: 800 11px/1 var(--font-ui);
  text-decoration: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

@media (hover:hover) and (pointer:fine) {
  .rail-controls button:not(:disabled):hover { border-color: var(--blue); background: var(--blue-soft); }
  .rail-controls-light button:not(:disabled):hover { border-color: rgba(255,255,255,.48); background: rgba(255,255,255,.18); }
  .content-rail-two .city-pill:hover { background: rgba(255,255,255,.18); }
  .share-option:hover { border-color: #9bcfe3; background: var(--blue-soft); }
}

@media (max-width: 900px) {
  .home-popular-layout { grid-template-columns: 1fr; }
  .home-popular-layout > aside { grid-template-columns: 1fr 1fr; }
  .article-page-body .share-rail { display: none; }
  .article-content-grid { grid-template-columns: minmax(0,1fr); }
  .article-aside-sticky { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .article-author-card-aside { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .global-header { position: sticky; top: 0; z-index: 100; padding-bottom: 0; border-radius: 0 0 27px 27px; }
  .masthead-row { grid-template-columns: 52px 1fr 52px; padding-inline: 12px; }
  .header-accessibility { visibility: visible; pointer-events: auto; }
  .header-accessibility > span:last-child { display: none; }
  .primary-nav { display: none; }
  .sequence-preview .button { display: none; }
  .mobile-nav {
    width: min(360px, calc(100% - 20px));
    padding: 6px;
    gap: 3px;
    border-radius: 999px;
    background: rgba(255,255,255,.82);
    color: var(--navy);
    border-color: rgba(6,39,67,.13);
    box-shadow: 0 14px 38px rgba(6,39,67,.18);
    backdrop-filter: blur(18px) saturate(1.25);
    -webkit-backdrop-filter: blur(18px) saturate(1.25);
  }
  .mobile-nav a,.mobile-nav button { border-radius: 999px; min-height: 50px; color: var(--navy); }
  .mobile-nav a[aria-current="page"] { background: var(--navy); color: #fff; box-shadow: 0 5px 14px rgba(6,39,67,.2); }
  .mobile-nav .mobile-menu .material-symbols-rounded { font-size: 25px; }
  .section-heading { align-items: flex-end; gap: 12px; }
  .section-heading-actions { gap: 8px; }
  .section-heading-actions > a { display: none; }
  .rail-controls button { width: 36px; height: 36px; }
  .content-rail-one { margin-right: calc((100vw - 100% - 24px) * -1); padding-right: 12px; }
  .content-rail-one .editoria-pill { min-height: 45px; padding: 7px 14px 7px 9px; }
  .city-home-panel { margin-inline: -2px; padding: 22px 18px; border-radius: 26px; }
  .content-rail-two { grid-auto-columns: minmax(205px, 225px); }
  .ad-top picture { aspect-ratio: 3 / 1; }
  .popular-news-grid { grid-template-columns: 1fr; gap: 18px; }
  .popular-news-grid .news-card { display: grid; grid-template-columns: 118px minmax(0,1fr); }
  .popular-news-grid .news-card-image img { height: 112px; }
  .popular-news-grid .news-card-body { padding-top: 2px; }
  .popular-news-grid .news-card-body p { display: none; }
  .home-popular-layout > aside { grid-template-columns: 1fr; }
  .article-page-body .article-layout { width: calc(100% - 24px); }
  .article-page-body .article-header-block { padding-inline: 0; text-align: left; }
  .article-page-body .article-header-block h1 { font-size: clamp(32px, 9.3vw, 44px); line-height: 1.06; margin: 12px 0; }
  .article-page-body .article-deck { font-size: 17px; margin: 0; }
  .article-page-body .article-meta { justify-content: flex-start; }
  .article-aside-sticky { grid-template-columns: 1fr; }
  .article-side-ad,.continue-reading,.article-author-card-aside { grid-column: 1; }
  .share-dialog-grid { grid-template-columns: 1fr; }
  .article-share-dialog .dialog-shell { padding: 20px 18px; }
  .share-option { min-height: 62px; }
  .reels-body { padding-bottom: 0; }
  .reels-body .mobile-nav { display: none !important; }
  .reel-bottom-bar { left: 12px; right: 72px; bottom: 16px; padding: 0; }
  .reel-bottom-bar .reel-copy { width: 100%; padding: 12px 14px; border-radius: 17px; }
  .reel-bottom-bar .reel-copy h1 { width: 100%; max-width: none; font-size: clamp(20px, 5.9vw, 26px); line-height: 1.08; margin: 8px 0 6px; }
  .reel-bottom-bar .reel-copy p { display: none; }
  .reel-bottom-bar .reel-byline { margin-bottom: 12px; }
  .reel-card > .reel-actions { right: 10px; bottom: 18px; }
  .global-footer { margin-top: 44px; padding: 34px 18px 96px; }
  .footer-grid { gap: 0; }
  .footer-grid section { width: 100%; padding: 22px 0; border-bottom: 1px solid rgba(255,255,255,.14); align-items: flex-start; text-align: left; }
  .footer-grid section:first-child { padding-top: 0; }
  .footer-grid img { height: 50px; margin-bottom: 12px; }
  .footer-grid p { width: 100%; max-width: none; margin: 6px 0; line-height: 1.55; }
  .footer-grid h2 { margin-bottom: 8px; }
  .footer-grid a { width: 100%; margin: 0; padding: 7px 0; line-height: 1.35; }
  .footer-bottom { margin-top: 22px; padding-top: 16px; gap: 6px; align-items: flex-start; text-align: left; }
}

.a11y-dark .mobile-nav {
  background: rgba(6,47,78,.88);
  color: #fff;
  border-color: rgba(255,255,255,.16);
}
.a11y-dark .mobile-nav a,
.a11y-dark .mobile-nav button { color: #fff; }
.a11y-dark .mobile-nav a[aria-current="page"] { background: #fff; color: var(--navy); }

@media (prefers-reduced-transparency: reduce) {
  .reel-bottom-bar .reel-copy,.reels-categories a { background: #061f34; backdrop-filter: none; -webkit-backdrop-filter: none; }
}

@media (prefers-reduced-motion: reduce) {
  .primary-nav a,.primary-nav .primary-share,.header-accessibility,.rail-controls button,.share-option { transition-duration: 0ms; }
}

/* Sistema de movimento editorial: feedback rápido, hierarquia e segurança. */
:root {
  --ease-out-premium: cubic-bezier(.16, 1, .3, 1);
  --ease-standard: cubic-bezier(.2, .8, .2, 1);
  --ease-exit: cubic-bezier(.4, 0, 1, 1);
  --ease-elastic: cubic-bezier(.22, 1, .36, 1);
  --motion-instant: 120ms;
  --motion-fast: 160ms;
  --motion-ui: 220ms;
  --motion-editorial: 260ms;
  --motion-hero: 420ms;
}

html { scroll-behavior: smooth; }

.route-progress {
  position: fixed;
  z-index: 10020;
  inset: 0 0 auto;
  height: 3px;
  pointer-events: none;
  overflow: hidden;
}
.route-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: #49b9df;
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  transition: transform var(--motion-ui) var(--ease-out-premium), opacity var(--motion-fast) var(--ease-standard);
}
.route-progress.is-running span { transform: scaleX(.78); opacity: 1; }

.gazeta-loader[hidden] { display: none; }
.gazeta-loader {
  position: fixed;
  z-index: 10010;
  inset: 0;
  display: grid;
  place-items: center;
  background: #062743;
  opacity: 1;
  transition: opacity 200ms var(--ease-exit);
  animation: gazeta-loader-safety 1ms linear 1200ms forwards;
}
.gazeta-loader.is-leaving { opacity: 0; pointer-events: none; }
.gazeta-loader-mark {
  position: relative;
  width: min(280px, 68vw);
  padding: 0 0 18px;
  opacity: 0;
  transform: translateY(10px) scale(.94);
  animation: gazeta-loader-enter var(--motion-editorial) var(--ease-out-premium) forwards;
}
.gazeta-loader-mark img { display: block; width: 100%; height: auto; filter: none; }
.gazeta-loader-mark span {
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg,rgba(73,185,223,.24),#49b9df,rgba(73,185,223,.24));
  transform: scaleX(.16);
  transform-origin: center;
  animation: gazeta-loader-line 620ms var(--ease-elastic) 60ms 1 both;
}
@keyframes gazeta-loader-enter { to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes gazeta-loader-line { to { transform: scaleX(1); } }
@keyframes gazeta-loader-safety { to { opacity: 0; visibility: hidden; pointer-events: none; } }

.primary-nav { isolation: isolate; }
.primary-nav a,
.primary-nav .primary-share { z-index: 1; background: transparent; }
.primary-nav a[aria-current="page"],
.primary-nav a[aria-current="page"]:hover { background: #fff; color: #062743 !important; box-shadow: none; }
.primary-nav-indicator {
  display: none;
}

.ticker { overflow: hidden; }
.ticker-viewport { position: relative; min-width: 0; height: 22px; flex: 1; overflow: hidden; }
.ticker-viewport a {
  position: absolute;
  inset: 0;
  display: block;
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity var(--motion-ui) var(--ease-standard), transform var(--motion-ui) var(--ease-out-premium);
}
.ticker-viewport a.is-active { opacity: 1; transform: translateY(0); pointer-events: auto; }

.media-pending { position: relative; background: #e7eef2; overflow: hidden; }
.media-pending::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg,#e7eef2 30%,#f5f8fa 48%,#e7eef2 66%);
  background-size: 220% 100%;
  animation: media-skeleton 1.1s linear infinite;
}
.media-pending img { opacity: 0; transform: none; }
img.media-decoded { opacity: 1; transform: scale(1); transition: opacity 380ms var(--ease-standard), transform 420ms var(--ease-out-premium); }
@keyframes media-skeleton { to { background-position-x: -220%; } }

.motion-ready [data-reveal] { opacity: 0; transform: translateY(12px); }
.motion-ready [data-reveal].is-revealed { opacity: 1; transform: translateY(0); transition: opacity var(--motion-editorial) var(--ease-standard), transform var(--motion-editorial) var(--ease-out-premium); }
.motion-ready [data-reveal="heading"].is-revealed { transition-duration: var(--motion-ui); }

.news-card,.directory-card,.columnist-card,.continue-card,.editoria-pill,.city-pill,
.button,.header-control,.mobile-nav a,.mobile-nav button,.reel-actions button,.reel-actions a {
  transition: transform var(--motion-instant) var(--ease-out-premium), color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);
}
.news-card:active,.directory-card:active,.columnist-card:active,.continue-card:active,.editoria-pill:active,.city-pill:active,.button:active,.header-control:active,.mobile-nav a:active,.mobile-nav button:active { transform: scale(.98); }

.motion-ready [data-cascade-item] { opacity: 0; transform: translateY(15px) scale(.95); }
.motion-ready [data-cascade-item].is-cascade-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: opacity 240ms var(--ease-standard) var(--cascade-delay,0ms), transform 260ms var(--ease-elastic) var(--cascade-delay,0ms), background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);
}

@media (hover:hover) and (pointer:fine) {
  .editoria-pill:hover,.city-pill:hover { transform: translateY(-2px) scale(1.018); transition-timing-function: var(--ease-elastic); }
}

.site-dialog {
  opacity: 0;
  transition: opacity 180ms var(--ease-out-premium), overlay 180ms allow-discrete, display 180ms allow-discrete;
}
.site-dialog .dialog-shell {
  opacity: 0;
  transform: translateY(12px) scale(.96);
  transition: opacity 180ms var(--ease-out-premium), transform 180ms var(--ease-out-premium);
}
.site-dialog::backdrop {
  opacity: 0;
  transition: opacity 180ms var(--ease-out-premium), overlay 180ms allow-discrete, display 180ms allow-discrete;
}
.site-dialog.is-open { opacity: 1; transition-duration: 260ms; transition-timing-function: var(--ease-out-premium); }
.site-dialog.is-open .dialog-shell { opacity: 1; transform: translateY(0) scale(1); transition-duration: 260ms; transition-timing-function: var(--ease-out-premium); }
.site-dialog.is-open::backdrop { opacity: 1; transition-duration: 260ms; }

.reel-card { transform: scale(1.015); }
.reel-card.is-active { transform: scale(1); transition: transform var(--motion-editorial) var(--ease-out-premium); }
.reel-card.is-leaving { transform: scale(.985); transition: transform 240ms var(--ease-exit); }
.reel-card .reel-copy,.reel-card .reel-actions { opacity: 0; transform: translateY(8px); }
.reel-card.is-active .reel-copy,.reel-card.is-active .reel-actions { opacity: 1; transform: translateY(0); transition: opacity var(--motion-ui) var(--ease-standard), transform var(--motion-ui) var(--ease-out-premium); }
.reel-card.is-active .reel-actions { transition-delay: 70ms; }
.reels-stage.show-swipe-hint::after {
  content: "Deslize para ver a próxima";
  position: fixed;
  z-index: 30;
  left: 50%;
  bottom: 20px;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(3,22,36,.86);
  color: #fff;
  font: 800 11px var(--font-ui);
  transform: translateX(-50%);
  animation: feed-hint 2.4s var(--ease-out-premium) both;
  pointer-events: none;
}
@keyframes feed-hint { 0%,100% { opacity: 0; transform: translate(-50%,8px); } 12%,75% { opacity: 1; transform: translate(-50%,0); } }

@media (min-width: 761px) {
  .home-page .ad-top { animation: home-enter 340ms var(--ease-out-premium) 70ms both; }
  .home-page .hero { animation: home-enter var(--motion-hero) var(--ease-out-premium) 140ms both; }
  .home-page .hero-main { animation: hero-image var(--motion-hero) var(--ease-out-premium) 140ms both; }
  .home-page .hero-content > * { animation: home-enter var(--motion-editorial) var(--ease-out-premium) both; }
  .home-page .hero-content > :nth-child(1) { animation-delay: 190ms; }
  .home-page .hero-content > :nth-child(2) { animation-delay: 235ms; }
  .home-page .hero-content > :nth-child(3) { animation-delay: 280ms; }
  .home-page .hero-content > :nth-child(4) { animation-delay: 325ms; }
}
@keyframes home-enter { from { opacity: 0; transform: translateY(14px); } }
@keyframes hero-image { from { opacity: .86; transform: scale(1.035); } }

@media (max-width: 760px) {
  .mobile-nav { bottom: max(10px, env(safe-area-inset-bottom)); padding-bottom: max(6px, env(safe-area-inset-bottom)); }
  .mobile-nav small { font-size: 11px; }
  .mobile-nav a[aria-current="page"] .material-symbols-rounded { transform: scale(1.06); font-variation-settings: "FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24; }
  .site-dialog { width: 100%; max-width: none; max-height: min(86dvh,760px); margin: auto 0 0; border-radius: 26px 26px 0 0; }
  .site-dialog .dialog-shell { max-height: min(86dvh,760px); overflow-y: auto; overscroll-behavior: contain; transform: translateY(100%); opacity: 1; border-radius: inherit; }
  .site-dialog.is-open .dialog-shell { transform: translateY(0); transition-duration: 280ms; }
  .site-dialog.is-closing .dialog-shell { transform: translateY(100%); transition-duration: 180ms; }
  .ticker-viewport { height: 20px; }
  .search-filter-panel .filter-grid > label:not(.query-field) { display: none; }
  .search-filter-panel .filter-grid { display: block; }
  .search-filter-panel .filter-actions { display: grid; grid-template-columns: auto 1fr; gap: 9px; }
  .search-filter-panel .filter-actions .button { width: auto; }
  .search-filter-panel .desktop-clear-filters { display: none; }
  .mobile-filter-trigger { display: inline-flex; }
  .search-filters-dialog .dialog-filters { grid-template-columns: 1fr; }
}

@media (min-width: 761px) {
  .mobile-filter-trigger,.search-filters-dialog { display: none; }
}

.search-filter-panel.is-searching,.search-filters-dialog form.is-searching { opacity: .74; }
.search-results .news-card { transition-delay: min(calc(var(--result-index, 0) * 35ms),210ms); }

.a11y-motion *,
.a11y-motion *::before,
.a11y-motion *::after { scroll-behavior: auto !important; animation-duration: 100ms !important; animation-delay: 0ms !important; transition-duration: 100ms !important; }
.a11y-motion { scroll-behavior: auto !important; }
.a11y-motion [data-reveal],.a11y-motion [data-cascade-item],.a11y-motion .reel-card,.a11y-motion .reel-copy,.a11y-motion .reel-actions { transform: none !important; opacity: 1 !important; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: 1ms !important; animation-delay: 0ms !important; transition-duration: 0ms !important; }
  .motion-ready [data-reveal],.motion-ready [data-cascade-item],.reel-card,.reel-copy,.reel-actions,.gazeta-loader-mark { transform: none !important; opacity: 1 !important; }
  .ticker-viewport a { transform: none; transition: opacity 100ms linear; }
  .media-pending::after,.reels-stage.show-swipe-hint::after { animation: none; }
}

/* Feed vertical: composição editorial inspirada no padrão familiar de vídeos curtos. */
html,body { max-width: 100%; }
.gazeta-loader-mark {
  width: min(300px,72vw);
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.gazeta-loader-mark img { background: transparent !important; }

.reels-topbar {
  top: max(14px,env(safe-area-inset-top));
  width: min(460px,calc(100% - 28px));
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
}
.reels-topbar .reels-title {
  pointer-events: auto;
  width: auto;
  height: auto;
  padding: 8px 4px;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  font: 800 19px/1 var(--font-ui);
  letter-spacing: -.02em;
  text-shadow: 0 2px 12px rgba(0,0,0,.75);
}
.reels-topbar .reels-title .material-symbols-rounded { font-size: 25px; }
.reels-topbar .reels-search {
  pointer-events: auto;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(8,18,26,.36);
  box-shadow: 0 4px 18px rgba(0,0,0,.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.reels-topbar .reels-search .material-symbols-rounded { font-size: 24px; }
.reels-stage,.reels-feed { inline-size: 100%; max-inline-size: 100%; min-inline-size: 0; }
.reels-feed { overscroll-behavior-x: none; touch-action: pan-y; }
.reel-card { width: min(460px,100%); max-width: 100%; min-width: 0; background: #06131d; transform: none; }
.reel-card::after { border-color: rgba(255,255,255,.08); }
.reel-shade {
  background: rgba(0,0,0,.07);
  box-shadow: inset 0 -300px 190px -130px rgba(0,0,0,.94), inset 0 100px 90px -68px rgba(0,0,0,.7);
}
.reel-topic {
  position: absolute;
  z-index: 4;
  top: max(62px,calc(env(safe-area-inset-top) + 50px));
  left: 14px;
  max-width: calc(100% - 76px);
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 999px;
  background: rgba(7,18,27,.42);
  color: #fff;
  font: 800 10px/1 var(--font-ui);
  letter-spacing: .045em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.reel-copy {
  left: 14px;
  right: 72px;
  bottom: max(18px,calc(env(safe-area-inset-bottom) + 12px));
  padding: 0;
}
.reel-account { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
.reel-account strong { font: 800 12px/1.2 var(--font-ui); text-shadow: 0 2px 9px rgba(0,0,0,.82); }
.reel-avatar {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1.5px solid rgba(255,255,255,.92);
  border-radius: 50%;
  background: #fff;
}
.reel-avatar img { width: 100%; height: 100%; object-fit: cover; }
.reel-account .reel-avatar img[src*="gazeta-popular-logo"] { object-fit: contain; padding: 4px; }
.reel-copy h1 {
  margin: 0 0 6px;
  font: 750 clamp(16px,4.6vw,20px)/1.16 var(--font-ui);
  letter-spacing: -.018em;
  text-wrap: pretty;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-shadow: 0 2px 12px rgba(0,0,0,.86);
}
.reel-copy p {
  margin: 0 0 7px;
  color: rgba(255,255,255,.88);
  font: 500 12px/1.35 var(--font-ui);
  -webkit-line-clamp: 1;
  text-shadow: 0 2px 10px rgba(0,0,0,.86);
}
.reel-byline { display: flex; align-items: center; gap: 4px; margin: 0; color: rgba(255,255,255,.74); font: 600 10px/1 var(--font-ui); }
.reel-byline .material-symbols-rounded { font-size: 14px; }
.reel-actions {
  right: 8px;
  bottom: max(18px,calc(env(safe-area-inset-bottom) + 12px));
  gap: 12px;
}
.reel-actions button,.reel-actions a {
  width: 54px;
  min-height: 48px;
  padding: 0;
  border: 0;
  border-radius: 0;
  display: grid;
  place-items: center;
  gap: 1px;
  color: #fff;
  background: transparent;
  text-align: center;
  text-shadow: 0 2px 9px rgba(0,0,0,.95);
}
.reel-actions button .material-symbols-rounded,.reel-actions a .material-symbols-rounded {
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  display: block;
  background: transparent;
  backdrop-filter: none;
  font-size: 31px;
  font-variation-settings: "FILL" 0,"wght" 450,"GRAD" 0,"opsz" 32;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.78));
}
.reel-actions button[aria-pressed="true"] .material-symbols-rounded { background: transparent; color: #ff3b5f; font-variation-settings: "FILL" 1,"wght" 500,"GRAD" 0,"opsz" 32; }
.reel-actions b { color: #fff; font: 750 10px/1.1 var(--font-ui); }

@media (min-width: 761px) {
  .reel-card { border-radius: 18px; }
}

@media (max-width: 760px) {
  body:not(.reels-body) { padding-bottom: 66px; }
  .global-header { clip-path: none; border-radius: 0 0 32px 32px; }
  body:not(.reels-body) .mobile-nav { display: grid !important; }
  body.reels-body .mobile-nav { display: none !important; }
  .home-page .sequence-preview { display: none !important; }
  .mobile-nav {
    bottom: max(5px,env(safe-area-inset-bottom));
    width: min(340px,calc(100% - 20px));
    min-height: 0;
    padding: 4px;
    gap: 2px;
    border-radius: 999px;
  }
  .mobile-nav a,.mobile-nav button { min-height: 42px; padding: 2px 4px; }
  .mobile-nav .material-symbols-rounded,.mobile-nav .mobile-menu .material-symbols-rounded { font-size: 21px; }
  .mobile-nav small { font-size: 9px; line-height: 1; }
  .reels-topbar { top: max(9px,env(safe-area-inset-top)); }
  .reel-card { border-radius: 0; }
  .reel-copy { left: 12px; right: 68px; }
  .reel-actions { right: 5px; }
}

.profile-tabs { display: flex; gap: 8px; margin: 0 0 22px; padding: 6px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); width: max-content; max-width: 100%; }
.profile-tabs button { min-height: 44px; padding: 8px 14px; border: 0; border-radius: 999px; display: inline-flex; align-items: center; gap: 7px; background: transparent; color: var(--muted); font: 800 13px var(--font-ui); cursor: pointer; }
.profile-tabs button[aria-pressed="true"] { background: var(--navy); color: #fff; }
.profile-tabs b { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; display: grid; place-items: center; background: rgba(22,135,184,.13); color: inherit; font-size: 10px; }
.profile-tabs button[aria-pressed="true"] b { background: rgba(255,255,255,.18); }

/* Ferramentas de leitura no desktop: uma única régua compacta e legível. */
@media (min-width: 901px) {
  .article-page-body .share-rail {
    left: 0;
    top: 50%;
    width: 56px;
    padding: 7px 6px;
    gap: 5px;
    overflow: visible;
    border: 1px solid rgba(255,255,255,.14);
    border-left: 0;
    border-radius: 0 20px 20px 0;
    background: rgba(5,34,56,.96);
    box-shadow: 0 16px 38px rgba(5,34,56,.22);
    transform: translateY(-50%);
  }
  .article-page-body .share-rail button,
  .article-page-body .share-rail a {
    width: 44px;
    height: 44px;
    border-radius: 13px;
    color: #fff;
    transition: transform 160ms var(--ease-out-premium),filter 160ms ease-out,background-color 160ms ease-out;
  }
  .article-page-body .share-rail button:nth-child(1) { background: #1fb85a; color: #fff; }
  .article-page-body .share-rail button:nth-child(2) { background: linear-gradient(135deg,#7b35b2,#db2878 52%,#f1a23d); color: #fff; }
  .article-page-body .share-rail a:nth-child(3) { background: #1687b8; color: #fff; }
  .article-page-body .share-rail button:nth-child(4) { background: #e8f2f6; color: #082b46; }
  .article-page-body .share-rail button:nth-child(n+5) { background: rgba(255,255,255,.09); color: #fff; }
  .article-page-body .share-rail button:nth-child(5) { margin-top: 3px; box-shadow: 0 -1px rgba(255,255,255,.15); }
  .article-page-body .share-rail [data-label]::after {
    left: 55px;
    padding: 7px 10px;
    border-radius: 9px;
    background: #061f34;
    box-shadow: 0 8px 20px rgba(0,0,0,.2);
    transform: translate(5px,-50%);
    transition: opacity 150ms ease-out,transform 170ms var(--ease-out-premium);
  }
  .article-page-body .share-rail [data-label]:hover::after,
  .article-page-body .share-rail [data-label]:focus-visible::after { opacity: 1; transform: translate(0,-50%); }
}

@media (hover:hover) and (pointer:fine) {
  .news-card:hover,.directory-card:hover,.continue-card:hover { transform: translateY(-3px); }
  .article-page-body .share-rail button:hover,.article-page-body .share-rail a:hover { filter: brightness(1.08); transform: translateX(2px); }
}

@media (max-width: 900px) {
  .home-popular-layout > aside { height: auto; grid-template-rows: auto; }
  .home-popular-layout .ad-side picture,.home-popular-layout .ad-side img { height: auto; min-height: 0; }
  .home-popular-layout .newsroom-contact h2,.home-popular-layout .newsroom-contact a { white-space: normal; }
}

@media (max-width: 760px) {
  .columnist-directory .columnist-directory-card { grid-template-columns:72px minmax(0,1fr); gap:14px; min-height:0; padding:16px; align-items:start; }
  .columnist-directory .columnist-directory-card img,.columnist-directory .columnist-directory-card .columnist-avatar { width:72px!important; height:72px!important; flex-basis:72px!important; }
  .columnist-directory .columnist-directory-card h2 { margin:7px 0 5px; font-size:22px; }
  .columnist-directory .columnist-directory-card .columnist-bio { margin-bottom:8px; font-size:11px; }
}
.profile-empty[hidden],.profile-clear[hidden] { display: none; }
.profile-clear { margin: 24px auto 0; }
.menu-links a,.menu-links button { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 11px 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink); font: 800 13px/1 var(--font-ui); text-align: left; cursor: pointer; }
.menu-links a:active,.menu-links button:active { transform: scale(.98); }
.menu-links a .material-symbols-rounded,.menu-links button .material-symbols-rounded { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:var(--blue-soft); color:var(--blue-2); }
.menu-links .material-symbols-rounded { font-size: 20px; }

@media (max-width: 760px) {
  .menu-dialog .dialog-shell { padding: 20px 16px max(22px,env(safe-area-inset-bottom)); }
  .menu-dialog .dialog-heading { margin-bottom: 16px; align-items:center; }
  .menu-dialog .dialog-heading h2 { margin:0; font-size:30px; }
  .menu-dialog .menu-links { gap:9px; }
  .profile-tabs { width: 100%; overflow-x: auto; scrollbar-width: none; }
  .profile-tabs::-webkit-scrollbar { display: none; }
  .profile-tabs button { flex: 1 0 auto; justify-content: center; padding-inline: 11px; }
  .site-dialog { transform: translateY(100%); opacity: 1; background: var(--surface); transition: transform 220ms var(--ease-exit),overlay 220ms allow-discrete,display 220ms allow-discrete; }
  .site-dialog .dialog-shell { transform: none; opacity: 1; background: inherit; transition: none; }
  .site-dialog.is-open { transform: translateY(0); transition-duration: 320ms; transition-timing-function: var(--ease-out-premium); }
  .site-dialog.is-open .dialog-shell,.site-dialog.is-closing .dialog-shell { transform: none; opacity: 1; transition: none; }
.site-dialog.is-closing { transform: translateY(100%); transition-duration: 220ms; transition-timing-function: var(--ease-exit); }
}

/* Material translúcido consistente: cabeçalho, navegação e diálogos compartilham a mesma profundidade. */
.global-header{background:linear-gradient(180deg,rgba(5,39,67,.9),rgba(3,29,51,.86));-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);}
.mobile-nav{background:rgba(218,238,247,.78)!important;border-color:rgba(6,39,67,.24)!important;box-shadow:0 14px 38px rgba(6,39,67,.22)!important;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);}
.mobile-nav a,.mobile-nav button{color:var(--navy)!important}.mobile-nav a[aria-current=page]{background:rgba(6,39,67,.92)!important;color:#fff!important}
.site-dialog{background:transparent!important}.site-dialog::backdrop{background:rgba(2,20,35,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.site-dialog .dialog-shell{background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.62);box-shadow:0 28px 90px rgba(1,18,33,.3);-webkit-backdrop-filter:blur(24px) saturate(155%);backdrop-filter:blur(24px) saturate(155%)}
.a11y-dark .global-header{background:linear-gradient(180deg,rgba(3,20,36,.94),rgba(2,15,27,.92))}.a11y-dark .mobile-nav{background:rgba(5,28,48,.82)!important;border-color:rgba(255,255,255,.2)!important}.a11y-dark .mobile-nav a,.a11y-dark .mobile-nav button{color:#fff!important}.a11y-dark .site-dialog .dialog-shell{background:rgba(5,28,48,.88);border-color:rgba(255,255,255,.18)}
@media(prefers-reduced-transparency:reduce){.global-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--navy)}.mobile-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff!important}.a11y-dark .mobile-nav{background:#062743!important}.site-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}.site-dialog .dialog-shell{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface)}}

@media (max-width:760px){
  /* Leitura confortável: capa e título ganham espaço, anúncios deixam de dominar a tela. */
  .article-page-body .article-layout{width:calc(100% - 28px);padding-top:20px}
  .article-page-body .article-header-block{text-align:center;margin:0 auto 20px;max-width:100%;}
  .article-page-body .article-header-block h1{font-size:clamp(30px,8.8vw,42px);line-height:1.08;letter-spacing:-.02em;margin:10px auto 12px;max-width:34ch}
  .article-page-body .article-deck{font-size:17px;line-height:1.42;max-width:38ch;margin-inline:auto}
  .article-page-body .article-meta{justify-content:center;font-size:11px;gap:7px}
  .article-page-body .article-top-ad{width:calc(100% - 28px);max-height:104px;margin:12px auto;overflow:hidden;border-radius:14px}
  .article-page-body .article-top-ad img,.article-page-body .article-top-ad picture{max-height:104px;object-fit:contain}
  .article-page-body .article-inline-ad{max-height:96px;overflow:hidden;border-radius:14px}
  .article-page-body .article-inline-ad img{max-height:96px;object-fit:contain}
  .article-page-body .article-side-ad{margin:20px 0 10px;max-height:184px;overflow:hidden;border-radius:14px}
  .article-page-body .article-side-ad img{max-height:184px;aspect-ratio:auto;object-fit:contain}
  .article-page-body .continue-reading{margin-top:18px;overflow:hidden}
  .article-page-body .continue-reading .continue-reading-title{margin-bottom:8px}
  .article-page-body .continue-reading{display:block}
  .article-page-body .continue-reading .continue-card{display:inline-flex;flex-direction:column;vertical-align:top;width:min(268px,76vw);min-width:min(268px,76vw);margin-right:10px;padding:0 0 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:0 7px 18px rgba(6,39,67,.08)}
  .article-page-body .continue-reading{white-space:nowrap}
  .article-page-body .continue-reading .continue-card{display:inline-flex;vertical-align:top;white-space:normal}
  .article-page-body .continue-reading .continue-card img{width:100%;height:142px;border-radius:0;object-fit:cover}
  .article-page-body .continue-reading .continue-card>span{display:block;padding:11px 12px 0}
  .article-page-body .continue-reading .continue-card strong{font-size:17px;line-height:1.16}
  .article-page-body .continue-reading{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:5px}
  .article-page-body .continue-reading::-webkit-scrollbar{display:none}
  .article-page-body .continue-reading .continue-card{scroll-snap-align:start}
  .article-page-body .article-author-card-aside{margin-top:18px}
  .columnists-grid,.author-grid.columnist-directory{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:minmax(270px,82vw);grid-template-columns:none;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px 2px 10px}
  .columnists-grid::-webkit-scrollbar,.author-grid.columnist-directory::-webkit-scrollbar{display:none}
  .columnists-grid .columnist-card,.author-grid.columnist-directory .columnist-directory-card{width:100%;min-width:0;scroll-snap-align:start}
  .author-grid.columnist-directory .columnist-directory-card{grid-template-columns:58px minmax(0,1fr);gap:11px;padding:13px;border-radius:20px}
  .author-grid.columnist-directory .columnist-directory-card img,.author-grid.columnist-directory .columnist-directory-card .columnist-avatar{width:58px!important;height:58px!important;flex-basis:58px!important}
  .author-grid.columnist-directory .columnist-directory-card h2{font-size:19px;margin:5px 0 4px}
  .author-grid.columnist-directory .columnist-directory-card .columnist-bio{font-size:10px;line-height:1.3;-webkit-line-clamp:2;margin-bottom:5px}
  /* Carrosséis da home: cartões inteiros, com largura estável e leitura sem compressão. */
  .home-page .news-grid,.home-page .popular-news-grid{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px 2px 12px;margin-right:-2px}
  .home-page .news-grid::-webkit-scrollbar,.home-page .popular-news-grid::-webkit-scrollbar{display:none}
  .home-page .news-grid .news-card,.home-page .popular-news-grid .news-card{display:flex;flex:0 0 min(286px,78vw);width:min(286px,78vw);min-height:0;flex-direction:column;scroll-snap-align:start}
  .home-page .news-grid .news-card-image img,.home-page .popular-news-grid .news-card-image img{height:156px;aspect-ratio:auto;object-fit:cover}
  .home-page .news-grid .news-card-body,.home-page .popular-news-grid .news-card-body{padding:13px 14px 15px}
  .home-page .news-grid .news-card h2,.home-page .popular-news-grid .news-card h2{font-size:20px;line-height:1.12;margin:8px 0}
  .home-page .news-grid .news-card p,.home-page .popular-news-grid .news-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.4}
  .home-page .popular-news-grid .news-card{flex-basis:min(292px,80vw);width:min(292px,80vw)}
}