/* Canal do Vannucci · tema A + C. Celular primeiro; computador a partir de 1080px. */

/* Títulos: Radio Canada Big, desenhada para a emissora pública do Canadá. Só o peso 700, que atende os pedidos de 700 e 800. */
@font-face {
	font-family: "Radio Canada Big";
	src: url("../fonts/radio-canada-big-700-latin.woff2") format("woff2");
	font-weight: 700 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Figtree";
	src: url("../fonts/figtree-latin.woff2") format("woff2");
	font-weight: 400 800;
	font-style: normal;
	font-display: swap;
}

:root {
	--tinta: #0C1526;
	--tinta-2: #16223A;
	--fio-escuro: #22304A;
	--apagado-escuro: #A9B6CC;
	--rotulo-escuro: #8796AF;
	--claro-escuro: #DCE3EE;
	--fundo: #FFFFFF;
	--superficie: #F3F5F8;
	--fio: #E3E7ED;
	--fio-forte: #D5DBE3;
	--texto: #1C2636;
	--texto-2: #3B4558;
	--apagado: #5B6577;
	--laranja: #FE6F25;
	--laranja-texto: #C2410C;
	--laranja-numero: #E2560F;
	--laranja-claro: #FFF1E8;
	--azul: #3A78B2;
	--azul-link: #2F6AA3;
	--sobe-escuro: #8CC2F2;
	--desce-escuro: #FF9A62;
	--titulo: "Radio Canada Big", "Figtree", system-ui, sans-serif;
	--corpo: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 24px; }
body { margin: 0; background: var(--fundo); color: var(--tinta); font: 400 16px/1.5 var(--corpo); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--azul-link); }
button { font: inherit; color: inherit; cursor: pointer; }
:focus-visible { outline: 3px solid var(--laranja); outline-offset: 2px; border-radius: 4px; }
[hidden] { display: none !important; }
.sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pular { position: absolute; left: 8px; top: -64px; z-index: 100; padding: 10px 14px; border-radius: 8px; background: var(--laranja); color: var(--tinta); font-weight: 800; }
.pular:focus { top: 8px; color: var(--tinta); }
.envelope { width: min(1200px, 100% - 32px); margin-inline: auto; }
.so-pc { display: none; }
/* Some da tela no celular, continua para leitor de tela. */
@media (max-width: 1079px) {
	.sr-celular { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}
/* Sobre superfície laranja, o foco de teclado laranja sumiria. */
.destaque:not(.destaque--minima):focus-visible, .canais a:focus-visible, .kpi--recorde a:focus-visible { outline-color: var(--tinta); }

/* Peças comuns */
.titulo-secao { margin: 0; font: 800 25px/1.04 var(--titulo); letter-spacing: -.005em; color: var(--tinta); }
.titulo-secao--menor { font-size: 23px; }
.chapeu { font-size: 13px; font-weight: 700; color: var(--laranja-texto); }
.quando { font-size: 13px; color: var(--apagado); }
.selo { align-self: flex-start; padding: 5px 10px; border-radius: 6px; background: var(--laranja); color: var(--tinta); font-size: 13px; font-weight: 800; }
.link-seta { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0; border: 0; background: none; font-size: 14px; font-weight: 700; color: var(--azul-link); white-space: nowrap; }
.botao { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; font-size: 14px; font-weight: 700; line-height: 1.1; white-space: nowrap; }
.botao--tinta { background: var(--tinta); color: #fff; }
.botao--tinta:hover { background: var(--tinta-2); color: #fff; }
.botao--claro { background: var(--fundo); color: var(--tinta); border: 1px solid var(--fio-forte); }
.botao--laranja { background: var(--laranja); color: var(--tinta); font-weight: 800; }
.botao--laranja:hover { color: var(--tinta); background: #FF8240; }
.botao--contorno { border: 2px solid var(--tinta); color: var(--tinta); }
.botao--contorno:hover { color: var(--tinta); background: rgba(12, 21, 38, .08); }
.botao--contorno-claro { border: 1.5px solid #3B4A66; color: #fff; }
.botao--contorno-claro:hover { color: #fff; border-color: #fff; }
.botao--whatsapp { background: #E3F6EA; color: #0F6B36; }
.botao--whatsapp:hover { color: #0F6B36; background: #D2F0DD; }
.botao--telegram { background: #E6F0FA; color: #1F5F99; }
.botao--telegram:hover { color: #1F5F99; background: #D6E6F6; }
.botao--icone { width: 44px; padding: 0; background: var(--superficie); color: var(--tinta); }
.botao--icone.copiado { background: #E3F6EA; color: #0F6B36; }
.img--vazia { display: block; background: var(--tinta-2); }
.redonda { width: 44px; height: 44px; border-radius: 999px; background: var(--tinta-2); color: #fff; display: inline-flex; align-items: center; justify-content: center; }
.redonda:hover { color: #fff; background: var(--fio-escuro); }
.num { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
.marca { display: inline-block; margin-left: 8px; padding: 2px 7px; border-radius: 6px; background: var(--fio-escuro); color: var(--claro-escuro); font-size: 11px; font-weight: 800; vertical-align: middle; white-space: nowrap; }
.marca--recorde { background: var(--laranja); color: var(--tinta); }

/* Cabeçalho */
.topo { background: var(--tinta); color: #fff; }
.topo__barra { display: grid; grid-template-columns: 44px 1fr 44px; grid-template-rows: 56px auto; align-items: center; }
.topo__botao { width: 44px; height: 44px; border: 0; background: none; color: #fff; display: inline-flex; align-items: center; justify-content: center; }
.topo__botao--menu { grid-column: 1; grid-row: 1; margin-left: -10px; }
.topo__botao--busca { grid-column: 3; grid-row: 1; margin-right: -10px; }
.topo__logo { grid-column: 2; grid-row: 1; justify-self: center; display: flex; }
.topo__logo .logo, .gaveta .logo { height: 28px; width: auto; }
.topo__editorias { grid-column: 1 / -1; grid-row: 2; margin-inline: -16px; border-top: 1px solid var(--fio-escuro); }
.topo__busca, .topo__redes { display: none; }
.editorias { list-style: none; margin: 0; padding: 0 16px; display: flex; gap: 22px; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.editorias::-webkit-scrollbar { display: none; }
.editorias > li > a { display: flex; align-items: center; min-height: 44px; font-size: 15px; font-weight: 600; color: var(--apagado-escuro); }
.editorias > li > a:hover { color: #fff; }
.editorias .current-menu-item > a, .editorias .current-post-ancestor > a, .editorias .current-menu-parent > a, .editorias .current-category-ancestor > a { color: #fff; font-weight: 700; box-shadow: inset 0 -3px 0 var(--laranja); }

.leitura { position: fixed; top: 0; left: 0; right: 0; z-index: 60; height: 3px; pointer-events: none; }
.admin-bar .leitura { top: 46px; }
.leitura__barra { display: block; width: 0; height: 3px; background: var(--laranja); }

.gaveta { margin: 0; padding: 0 0 32px; width: min(360px, 88vw); max-width: none; height: 100%; max-height: none; border: 0; background: var(--tinta); color: #fff; overflow-y: auto; }
.gaveta::backdrop { background: rgba(12, 21, 38, .6); }
.gaveta__topo { display: flex; justify-content: space-between; align-items: center; height: 56px; padding: 0 6px 0 16px; border-bottom: 1px solid var(--fio-escuro); }
.gaveta__busca { margin: 16px; display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 16px; border-radius: 999px; background: var(--tinta-2); color: var(--apagado-escuro); }
.gaveta__busca input, .topo__busca input { flex: 1; min-width: 0; border: 0; background: transparent; color: #fff; font: 400 16px var(--corpo); outline: none; }
.gaveta__busca input::placeholder, .topo__busca input::placeholder { color: var(--rotulo-escuro); }
.gaveta__lista { list-style: none; margin: 0; padding: 0 16px; }
.gaveta__lista > li > a { display: flex; align-items: center; min-height: 54px; border-bottom: 1px solid var(--fio-escuro); font: 800 22px/1.1 var(--titulo); color: #fff; }
.gaveta__lista--menor { margin-top: 18px; }
.gaveta__lista--menor > li > a { min-height: 44px; border: 0; font: 600 16px var(--corpo); color: var(--claro-escuro); }
.menu-seta, .submenu { display: none; }
.menu-seta { padding: 0; border: 0; background: none; color: var(--apagado-escuro); cursor: pointer; align-items: center; justify-content: center; }
.menu-seta svg { transition: transform .15s; }
.menu-seta[aria-expanded="true"] svg { transform: rotate(180deg); }
.submenu__titulo { display: block; margin: 0 8px 10px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--rotulo-escuro); }
.submenu__grupos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
.submenu__rotulo { display: block; margin: 0 8px 2px; font-size: 12px; font-weight: 700; color: var(--laranja); }
.submenu__lista { list-style: none; margin: 0; padding: 0; }
.submenu__lista a { min-height: 40px; padding: 6px 8px; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; font-size: 15px; font-weight: 600; line-height: 1.25; color: #fff; white-space: normal; }
.submenu__lista a:hover { background: var(--fio-escuro); color: #fff; }
.submenu__sub { margin-top: 2px; font-size: 12px; font-weight: 500; color: var(--apagado-escuro); }
.gaveta__lista > li.tem-submenu { display: grid; grid-template-columns: minmax(0, 1fr) 48px; }
.gaveta__lista > li.tem-submenu > a { min-width: 0; }
.gaveta .menu-seta { display: inline-flex; width: 48px; border-bottom: 1px solid var(--fio-escuro); color: #fff; }
.gaveta .submenu { grid-column: 1 / -1; padding: 10px 0 14px; border-bottom: 1px solid var(--fio-escuro); }
.gaveta .menu-seta[aria-expanded="true"] + .submenu { display: block; }
.gaveta__seguir { margin: 18px 16px 0; padding-top: 16px; border-top: 1px solid var(--fio-escuro); }
.gaveta__rotulo { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--rotulo-escuro); }
.gaveta__redes { list-style: none; margin: 6px 0 0; padding: 0; }
.gaveta__redes a { display: flex; align-items: center; gap: 12px; min-height: 44px; font: 600 16px var(--corpo); color: var(--claro-escuro); }
.gaveta__redes svg { color: var(--laranja); }

/* Novelas em stories */
.novelas { background: var(--tinta); color: #fff; }
.novelas__grade { padding: 18px 0 22px; }
.novelas__cabeca { display: none; }
.novelas__setas { display: flex; gap: 8px; margin-top: 10px; }
.novelas__setas .redonda { border: 0; }
.novelas__lista { scroll-behavior: smooth; }
.novelas__lista, .outras__lista { list-style: none; margin: 0 -16px; padding: 6px 16px; display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; scrollbar-width: none; }
.novelas__lista::-webkit-scrollbar, .outras__lista::-webkit-scrollbar { display: none; }
.novelas__lista > li, .outras__lista > li { flex: 0 0 100px; scroll-snap-align: start; }
.story { position: relative; display: block; height: 160px; border-radius: 16px; overflow: hidden; color: #fff; box-shadow: 0 0 0 2px var(--tinta), 0 0 0 4px var(--laranja); }
.story:hover { color: #fff; }
.story__img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; }
/* Foto de notícia: o rosto costuma estar no terço de cima; o recorte mira ali, e não no meio. */
.manchete__img, .cartao-grande__img, .linha__img, .cartao__img, .leia-tambem__img, .proxima__img, .portal__foto, .cartao-resumo__img { object-position: 50% 25%; }
.story::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12, 21, 38, 0) 38%, rgba(12, 21, 38, .92) 100%); }
.story__texto { position: absolute; z-index: 1; left: 9px; right: 9px; bottom: 9px; display: flex; flex-direction: column; gap: 3px; }
.story__emissora { font-size: 11px; font-weight: 600; color: var(--claro-escuro); }
.story__nome { font: 800 15px/1.02 var(--titulo); }

/* Abertura: manchete e últimas */
.manchete { margin-inline: -16px; background: var(--tinta); color: #fff; }
.manchete__link { position: relative; display: block; height: 460px; color: #fff; }
.manchete__link:hover { color: #fff; }
.manchete__img { width: 100%; height: 100%; object-fit: cover; }
.manchete__link::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12, 21, 38, 0) 34%, rgba(12, 21, 38, .9) 76%, var(--tinta) 100%); }
.manchete__texto { position: absolute; z-index: 1; left: 16px; right: 16px; bottom: 18px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.manchete__titulo { font: 800 32px/1.02 var(--titulo); letter-spacing: -.01em; }
.manchete__link:hover .manchete__titulo { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.manchete__autor { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--claro-escuro); }
.manchete__autor img { width: 26px; height: 26px; border-radius: 999px; object-fit: cover; }
.dado { padding: 6px 16px 24px; display: flex; flex-direction: column; gap: 12px; }
.dado__legenda { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 12px; color: var(--apagado-escuro); }
.dado__legenda b { color: #fff; }
.dado__barras { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.dado__topo { display: flex; justify-content: space-between; align-items: baseline; font-size: 12px; color: var(--apagado-escuro); }
.dado__topo b { font: 800 19px var(--titulo); color: #fff; }
.dado__trilho { display: block; height: 6px; margin-top: 7px; border-radius: 999px; background: var(--fio-escuro); }
.dado__trilho span { display: block; height: 6px; border-radius: 999px; background: var(--azul); }
.dado__item--ultimo .dado__trilho span { background: var(--laranja); }

.ultimas { padding: 28px 0 6px; }
.abertura__destaques { display: none; }
.cabeca-secao { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 8px; }
.cartao-grande { display: flex; flex-direction: column; gap: 8px; padding-bottom: 18px; border-bottom: 1px solid var(--fio); }
.cartao-grande__img { width: 100%; aspect-ratio: 16 / 9; height: auto; object-fit: cover; border-radius: 16px; margin-bottom: 4px; }
.cartao-grande__titulo { font: 800 23px/1.1 var(--titulo); color: var(--tinta); }
.cartao-grande:hover .cartao-grande__titulo, .linha:hover .linha__titulo, .cartao:hover .cartao__titulo, .lida:hover .lida__titulo, .nota:hover .nota__titulo { color: var(--azul-link); }
.linha { display: grid; grid-template-columns: minmax(0, 1fr) 104px; gap: 14px; align-items: start; padding: 16px 0; border-bottom: 1px solid var(--fio); }
.linha:last-child { border-bottom: 0; }
.linha__texto { display: flex; flex-direction: column; gap: 6px; }
.linha__titulo { font-size: 17px; line-height: 1.28; font-weight: 700; color: var(--tinta); }
.linha__img { width: 104px; height: 78px; object-fit: cover; border-radius: 12px; }

/* Placar de audiência */
.placar { margin-top: 14px; background: var(--tinta); color: #fff; }
.placar__grade { padding: 30px 0 8px; display: flex; flex-direction: column; gap: 28px; }
.placar__cabeca { display: flex; flex-direction: column; gap: 18px; }
.placar__titulo { margin: 0; font: 800 27px/1.04 var(--titulo); }
.placar__sub, .ranking__sub { display: block; margin-top: 6px; font-size: 13px; color: var(--apagado-escuro); }
.abas { padding: 4px; border-radius: 999px; background: var(--tinta-2); display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 4px; }
.abas__botao { min-height: 44px; border: 0; border-radius: 999px; background: transparent; color: #C9D3E3; font-size: 14px; font-weight: 700; }
.abas__botao[aria-selected="true"] { background: #fff; color: var(--tinta); }
.destaque { margin-top: 18px; padding: 16px; border-radius: 18px; background: var(--laranja); color: var(--tinta); display: grid; grid-template-columns: 40px minmax(0, 1fr) 20px; gap: 12px; align-items: center; }
.destaque:hover { color: var(--tinta); }
.destaque__icone { width: 40px; height: 40px; border-radius: 999px; background: var(--tinta); color: var(--laranja); display: flex; align-items: center; justify-content: center; }
.destaque__texto { display: flex; flex-direction: column; gap: 3px; }
.destaque__rotulo { font-size: 13px; font-weight: 800; }
.destaque__titulo { font: 800 20px/1.1 var(--titulo); }
.destaque--minima { background: var(--tinta-2); color: #fff; }
.destaque--minima:hover { color: #fff; }
.destaque--minima .destaque__rotulo { color: var(--desce-escuro); }
.destaque--minima .destaque__icone { background: var(--fio-escuro); color: var(--desce-escuro); }
.painel[hidden] { display: none; }
.tabela-placar, .tabela-ranking { width: 100%; border-collapse: collapse; }
.tabela-placar { margin-top: 6px; }
.tabela-placar thead th, .tabela-ranking thead th { padding: 16px 0 8px; border-bottom: 1px solid var(--fio-escuro); font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--rotulo-escuro); text-align: left; }
.tabela-placar tbody th, .tabela-placar td, .tabela-ranking tbody th, .tabela-ranking td { padding: 12px 0; border-bottom: 1px solid var(--fio-escuro); text-align: left; vertical-align: middle; font-weight: 400; }
.tabela-placar tbody tr:last-child > *, .tabela-ranking tbody tr:last-child > * { border-bottom: 0; }
.tabela-placar tbody th { font-size: 16px; line-height: 1.2; font-weight: 700; }
.placar a { color: #fff; }
.placar a:hover { color: var(--sobe-escuro); }
.placar .destaque:hover { color: var(--tinta); }
.placar .destaque--minima:hover { color: #fff; }
.tabela-placar__serie { width: 56px; padding-inline: 10px !important; }
.mini { display: flex; align-items: flex-end; gap: 3px; width: 46px; height: 28px; }
.mini__barra { flex: 1; min-height: 4px; border-radius: 2px; background: var(--azul); }
.mini__barra--ultima { background: #fff; }
.mini__barra--recorde { background: var(--laranja); }
.tabela-placar__pontos { padding-left: 10px !important; font: 800 28px var(--titulo); }
.tabela-placar td:last-child { width: 72px; padding-left: 10px; font-size: 14px; font-weight: 700; }
.placar .sobe { color: var(--sobe-escuro); }
.placar .desce { color: var(--desce-escuro); }
.placar .igual { color: var(--apagado-escuro); }
.placar__pe { display: flex; justify-content: space-between; align-items: center; gap: 12px; border-top: 1px solid var(--fio-escuro); font-size: 12px; color: var(--apagado-escuro); }
.ranking { margin-bottom: 26px; padding: 22px 18px 12px; border-radius: 20px; background: var(--tinta-2); }
.ranking__titulo { margin: 0; font: 800 23px/1.04 var(--titulo); }
.tabela-ranking { margin-top: 6px; }
.tabela-ranking tbody th { font-size: 15px; line-height: 1.2; font-weight: 700; }
.tabela-ranking__pos { width: 30px; font: 800 20px var(--titulo); color: var(--rotulo-escuro); }
.tabela-ranking tbody tr:first-child .tabela-ranking__pos { color: var(--laranja); }
.tabela-ranking__emissora { display: block; margin-top: 3px; font-size: 12px; font-weight: 400; color: var(--apagado-escuro); }
.tabela-ranking__emissora .marca { margin-left: 4px; }
.tabela-ranking__pontos { padding-left: 8px !important; font: 800 24px var(--titulo); }
.tabela-ranking td:last-child { width: 58px; padding-left: 8px; font-size: 13px; font-weight: 700; }

/* Anúncios */
.anuncio { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 28px 16px; }
.anuncio__rotulo { font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6B7686; }
.anuncio__espaco { width: 100%; min-height: 250px; display: flex; justify-content: center; }
.texto .anuncio { padding: 8px 0; }

/* Coluna do Vannucci */
.coluna { padding: 28px 0 30px; background: var(--superficie); }
.coluna__cabeca { display: flex; align-items: center; gap: 12px; }
.coluna__foto { width: 52px; height: 52px; flex: none; border-radius: 999px; object-fit: cover; box-shadow: 0 0 0 2px var(--superficie), 0 0 0 4px var(--laranja); }
.coluna__nome { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.coluna__nome span { font-size: 13px; color: var(--apagado); }
.coluna__todas { padding: 0 14px; }
.coluna__lista, .videos__lista { list-style: none; margin: 18px -16px 0; padding: 0 16px; display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.coluna__lista::-webkit-scrollbar, .videos__lista::-webkit-scrollbar { display: none; }
.coluna__lista > li { flex: 0 0 292px; scroll-snap-align: start; display: flex; }
.nota { width: 100%; padding: 18px; border-radius: 20px; background: #fff; display: flex; flex-direction: column; gap: 10px; }
.nota__titulo { font: 800 22px/1.08 var(--titulo); color: var(--tinta); }
.nota__resumo { font-size: 15px; line-height: 1.45; color: var(--texto-2); }
.nota__ler { margin-top: auto; display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 700; color: var(--laranja-texto); }

/* Vannucci Responde */
.videos { padding: 30px 0 28px; background: var(--tinta); color: #fff; }
.videos .titulo-secao { color: #fff; }
.videos__cabeca { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
.videos__sub { display: block; margin-top: 4px; font-size: 13px; color: var(--apagado-escuro); }
.videos__lista > li { flex: 0 0 156px; scroll-snap-align: start; }
/* Faixa "Hoje no canal": altura fixa, para o estado ao vivo entrar sem empurrar a página. */
.hoje-canal { margin-bottom: 26px; padding: 14px 16px; border: 1px solid var(--fio-escuro); border-radius: 18px; background: var(--tinta-2); color: #fff; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "estado ir" "grade grade"; gap: 12px; align-items: center; }
.hoje-canal:hover { color: #fff; border-color: #3B4A66; }
.hoje-canal--vivo { border-color: #D92D20; }
.hoje-canal__estado { grid-area: estado; min-width: 0; height: 28px; display: flex; align-items: center; gap: 10px; }
.hoje-canal__rotulo { flex: none; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--laranja); }
.hoje-canal__texto { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 17px/1.2 var(--titulo); }
.hoje-canal__estado .selo-vivo { flex: none; }
.hoje-canal__ir { grid-area: ir; display: flex; align-items: center; gap: 2px; font-size: 14px; font-weight: 700; color: var(--claro-escuro); }
.hoje-canal__grade { grid-area: grade; min-width: 0; display: flex; align-items: center; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.hoje-canal__grade::-webkit-scrollbar { display: none; }
.hoje-canal__dia { flex: none; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--rotulo-escuro); }
.hoje-canal__programa { flex: none; padding: 5px 11px; border-radius: 999px; background: var(--tinta); font-size: 13px; color: var(--claro-escuro); white-space: nowrap; }
.hoje-canal__programa b { margin-right: 6px; color: #fff; }
.hoje-canal__programa--agora { background: var(--laranja); color: var(--tinta); font-weight: 700; }
.hoje-canal__programa--agora b { color: var(--tinta); }
.video { display: flex; flex-direction: column; gap: 8px; color: #fff; }
.video:hover { color: #fff; }
.video__capa { position: relative; display: block; height: 208px; border-radius: 16px; overflow: hidden; background: var(--tinta-2); }
/* A capa do Vannucci Responde tem a vinheta à esquerda, a foto do assunto no alto à direita e a
   faixa azul do título embaixo. O card vertical enquadra só a foto do assunto. */
.video__capa img { width: 100%; height: 160%; object-fit: cover; object-position: 90% 0; }
.video__capa::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12, 21, 38, 0) 30%, rgba(12, 21, 38, .94) 100%); }
.video__titulo { position: absolute; z-index: 1; left: 10px; right: 10px; bottom: 10px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; font: 800 15px/1.1 var(--titulo); }
.video:hover .video__titulo { text-decoration: underline; }
.video__views { font-size: 12px; color: var(--apagado-escuro); }
.pergunta { flex: 0 0 240px !important; height: 208px; padding: 20px; border-radius: 16px; background: var(--tinta-2); display: flex; flex-direction: column; gap: 8px; }
.pergunta__icone { width: 40px; height: 40px; border-radius: 999px; background: var(--laranja); color: var(--tinta); display: flex; align-items: center; justify-content: center; }
.pergunta__titulo { font: 800 19px/1.08 var(--titulo); }
.pergunta__texto { font-size: 14px; line-height: 1.4; color: var(--apagado-escuro); }
.pergunta .botao { margin-top: auto; }

/* Mais lidas e canais */
.fechamento { padding: 30px 0; display: flex; flex-direction: column; gap: 24px; }
.lidas__lista { list-style: none; margin: 4px 0 0; padding: 0; }
.lida { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 10px; align-items: start; padding: 14px 0; border-bottom: 1px solid var(--fio); }
.lidas__lista > li:last-child .lida { border-bottom: 0; }
.lida__num { font: 800 40px/.9 var(--titulo); color: var(--laranja-numero); }
.lida__texto { display: flex; flex-direction: column; gap: 4px; }
.lida__titulo { font-size: 17px; line-height: 1.28; font-weight: 700; color: var(--tinta); }
.lidas__lista--sem-numero .lida { grid-template-columns: minmax(0, 1fr); }
.lidas--lado .lida { grid-template-columns: 38px minmax(0, 1fr); }
.lidas--lado .lidas__lista--sem-numero .lida { grid-template-columns: minmax(0, 1fr); }
.lidas--lado .lida__num { font-size: 36px; }
.lidas--lado .lida__titulo { font-size: 16px; }
.fechamento__lado { display: flex; flex-direction: column; gap: 28px; }
.canais { padding: 22px 20px; border-radius: 24px; background: var(--laranja); color: var(--tinta); display: flex; flex-direction: column; gap: 12px; }
.canais__titulo { margin: 0; font: 800 27px/1.02 var(--titulo); }
.canais__texto { margin: 0; font-size: 15px; line-height: 1.45; }
.canais__botoes { margin-top: 4px; display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; }
.canais .botao { min-height: 48px; font-size: 15px; }
.canais--compacto { padding: 20px; border-radius: 20px; }
.canais--compacto .canais__titulo { font-size: 23px; }

/* Matéria */
.materia { padding-top: 20px; }
.trilha { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 13px; color: var(--apagado); }
.trilha a { color: var(--apagado); }
.trilha .trilha__atual { font-weight: 700; color: var(--laranja-texto); }
.trilha--clara, .trilha--clara a { color: var(--claro-escuro); }
.materia__titulo { margin: 12px 0 0; font: 800 34px/1.02 var(--titulo); letter-spacing: -.01em; }
.materia__fina { margin: 14px 0 0; font-size: 18px; line-height: 1.45; color: var(--texto-2); }
.materia__autoria { margin-top: 18px; display: flex; flex-direction: column; gap: 14px; }
.autoria { display: flex; align-items: center; gap: 12px; }
.autoria img { width: 44px; height: 44px; border-radius: 999px; object-fit: cover; }
.autoria__nome { display: block; font-size: 15px; font-weight: 700; color: var(--tinta); }
.autoria__data { display: block; font-size: 13px; color: var(--apagado); }
.compartilhar { display: flex; gap: 8px; }
.compartilhar .botao--whatsapp, .compartilhar .botao--telegram { flex: 1; }
.fonte-google { margin-top: 14px; min-height: 56px; padding: 8px 12px; display: flex; align-items: center; gap: 12px; border-radius: 16px; background: var(--superficie); font-size: 14px; line-height: 1.3; font-weight: 600; color: var(--tinta); }
.fonte-google > span:nth-child(2) { flex: 1; }
.fonte-google > svg { color: var(--apagado); }
.fonte-google__icone { width: 36px; height: 36px; flex: none; border-radius: 999px; background: #fff; color: var(--azul-link); display: flex; align-items: center; justify-content: center; }
.materia__foto { margin: 22px -16px 0; }
.materia__img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.materia__foto figcaption { padding: 8px 16px 0; font-size: 13px; line-height: 1.4; color: var(--apagado); }
.materia__foto figcaption a { color: var(--azul-link); text-decoration: underline; text-underline-offset: 2px; }
.materia__video iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; background: var(--tinta); }

.texto { margin-top: 22px; font-size: 18px; line-height: 1.65; color: var(--texto); overflow-wrap: break-word; }
.texto > * { margin-top: 0; margin-bottom: 22px; }
.texto h2 { margin-top: 32px; font: 800 25px/1.1 var(--titulo); color: var(--tinta); }
.texto h3 { margin-top: 28px; font: 800 21px/1.15 var(--titulo); color: var(--tinta); }
.texto a:not(.leia-tambem) { color: var(--azul-link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.texto img { height: auto; border-radius: 12px; }
.texto figure { margin-inline: 0; }
.texto figcaption, .texto .wp-caption-text, .texto .wp-element-caption { margin-top: 8px; font-size: 13px; line-height: 1.4; color: var(--apagado); }
.texto .wp-caption { max-width: 100%; }
.texto blockquote { margin-inline: 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--laranja); font-size: 19px; color: var(--texto-2); }
.texto ul, .texto ol { padding-left: 22px; }
.texto iframe { max-width: 100%; }
.texto .wp-block-embed iframe, .texto iframe[src*="youtube"] { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.texto .has-text-align-center { text-align: center; }
.texto .aligncenter { margin-inline: auto; }
.tabela-rolagem { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.texto table { width: 100%; border-collapse: collapse; font-size: 15px; }
.texto th, .texto td { padding: 10px 12px; border-bottom: 1px solid var(--fio); text-align: left; }
.texto thead th { background: var(--superficie); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--apagado); }
.leia-tambem { display: grid; grid-template-columns: 96px minmax(0, 1fr) 20px; gap: 14px; align-items: center; padding: 12px; border: 1px solid var(--fio); border-radius: 18px; color: var(--tinta); text-decoration: none; }
.leia-tambem:hover .leia-tambem__titulo { color: var(--azul-link); }
.leia-tambem__img { width: 96px; height: 72px; margin: 0; object-fit: cover; border-radius: 12px; }
.leia-tambem__texto { display: flex; flex-direction: column; gap: 4px; }
.leia-tambem__rotulo { font-size: 13px; font-weight: 800; color: var(--laranja-texto); }
.leia-tambem__titulo { font-size: 16px; line-height: 1.28; font-weight: 700; }
.leia-tambem > svg { color: var(--apagado); }
.autor { margin-top: 26px; padding: 20px; border: 1px solid var(--fio); border-radius: 20px; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; }
.autor img { width: 64px; height: 64px; border-radius: 999px; object-fit: cover; }
.autor__nome { display: block; font: 800 21px/1.04 var(--titulo); }
.autor p { margin: 8px 0 14px; font-size: 15px; line-height: 1.55; color: var(--texto-2); }
.materia__lado { margin-top: 26px; display: flex; flex-direction: column; gap: 16px; }
.portal { padding: 16px; border-radius: 20px; background: var(--superficie); display: flex; flex-direction: column; gap: 12px; }
.portal__cabeca { display: flex; align-items: center; gap: 12px; color: var(--tinta); }
.portal__foto { width: 52px; height: 52px; flex: none; border-radius: 999px; object-fit: cover; box-shadow: 0 0 0 2px var(--superficie), 0 0 0 4px var(--laranja); }
.portal__nome { display: block; font: 800 21px/1.04 var(--titulo); }
.portal__emissora { display: block; font-size: 13px; color: var(--apagado); }
.portal__atalhos { display: flex; flex-wrap: wrap; gap: 8px; }
.continue { padding: 32px 0 30px; }
.continue__lista { list-style: none; margin: 6px 0 0; padding: 0; }
.cartao { display: grid; grid-template-columns: minmax(0, 1fr) 104px; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--fio); }
.continue__lista > li:last-child .cartao { border-bottom: 0; }
.cartao__img { order: 2; width: 104px; height: 78px; object-fit: cover; border-radius: 12px; }
.cartao__texto { display: flex; flex-direction: column; gap: 6px; }
.cartao__titulo { font-size: 17px; line-height: 1.28; font-weight: 700; color: var(--tinta); }
.proxima { margin-top: 14px; padding: 14px; border-radius: 20px; background: var(--tinta); color: #fff; display: grid; grid-template-columns: 72px minmax(0, 1fr) 20px; gap: 12px; align-items: center; }
.proxima:hover { color: #fff; }
.proxima__img { width: 72px; height: 72px; object-fit: cover; border-radius: 14px; }
.proxima__rotulo { display: block; font-size: 12px; font-weight: 700; color: var(--laranja); }
.proxima__titulo { display: block; font-size: 15px; line-height: 1.3; font-weight: 700; }

/* Página da novela */
.novela-topo { position: relative; height: 300px; overflow: hidden; background: var(--tinta); color: #fff; }
.novela-topo__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 22%; }
.novela-topo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12, 21, 38, 0) 30%, rgba(12, 21, 38, .92) 88%, var(--tinta) 100%); }
.novela-topo__texto { position: absolute; z-index: 1; left: 0; right: 0; bottom: 16px; display: flex; flex-direction: column; gap: 6px; }
.novela-topo__nome { font: 800 40px/.98 var(--titulo); letter-spacing: -.01em; }
.novela-topo__meta { font-size: 14px; color: var(--claro-escuro); }
.novela-abas { background: var(--tinta); border-bottom: 1px solid var(--fio-escuro); }
.novela-abas ul { list-style: none; margin-block: 0; padding: 0; display: flex; gap: 22px; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.novela-abas ul::-webkit-scrollbar { display: none; }
.novela-abas a { display: flex; align-items: center; min-height: 46px; font-size: 15px; font-weight: 600; color: var(--apagado-escuro); }
.novela-abas a:hover { color: #fff; }
.novela-abas a[aria-current] { color: #fff; font-weight: 700; box-shadow: inset 0 -3px 0 var(--laranja); }
.novela { padding-top: 24px; }
.novela__titulo { margin: 0; font: 800 28px/1.04 var(--titulo); }
.resposta { margin-top: 14px; padding: 16px; border-radius: 18px; background: var(--superficie); display: flex; flex-direction: column; gap: 8px; }
.resposta p { margin: 0; font-size: 17px; line-height: 1.5; color: var(--texto); }
.resposta span { font-size: 13px; color: var(--apagado); }
.kpis { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.kpi { padding: 14px; border-radius: 18px; background: var(--superficie); display: flex; flex-direction: column; gap: 3px; }
.kpi__rotulo { font-size: 12px; font-weight: 700; color: var(--apagado); }
.kpi__valor { font: 800 36px/1 var(--titulo); color: var(--tinta); }
.kpi__linha, .kpi__extra { font-size: 13px; color: var(--texto-2); }
.kpi__extra { font-weight: 700; }
.kpi--recorde { background: var(--laranja); }
.kpi--recorde .kpi__rotulo, .kpi--recorde .kpi__linha, .kpi--recorde .kpi__extra { color: var(--tinta); }
.grafico { margin: 22px 0 0; padding: 18px 14px 34px; border-radius: 20px; background: var(--tinta); color: #fff; }
.grafico figcaption { display: flex; flex-direction: column; gap: 3px; font-size: 13px; color: var(--apagado-escuro); }
.grafico__titulo { font: 800 21px/1.08 var(--titulo); color: #fff; }
.grafico__area { position: relative; height: 170px; margin-top: 16px; border-bottom: 1px solid var(--fio-escuro); }
.grafico__media { position: absolute; left: 0; right: 0; z-index: 1; border-top: 1px dashed rgba(255, 255, 255, .45); pointer-events: none; }
.grafico__barras { list-style: none; margin: 0; padding: 0; position: absolute; inset: 0; display: flex; align-items: flex-end; gap: 5px; }
.grafico__item { position: relative; flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 4px; }
.grafico__barra { width: 100%; border-radius: 3px 3px 0 0; background: var(--azul); }
.grafico__item--ultimo .grafico__barra { background: var(--laranja); }
.grafico__valor { font-size: 10px; font-weight: 700; color: #C9D3E3; }
.grafico__item--ultimo .grafico__valor { color: var(--laranja); }
.grafico__data { position: absolute; bottom: -22px; font-size: 10px; color: var(--apagado-escuro); }
.grafico__mes { display: none; }
.capitulos { margin-top: 28px; }
.capitulos__cabeca { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.capitulos__cabeca .botao { font-size: 13px; padding: 0 14px; }
.tabela-capitulos { width: 100%; margin-top: 12px; border: 1px solid var(--fio); border-radius: 16px; border-collapse: separate; border-spacing: 0; overflow: hidden; font-size: 14px; }
.tabela-capitulos thead th { padding: 10px 12px; background: var(--superficie); font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--apagado); text-align: left; }
.tabela-capitulos td { padding: 11px 12px; border-top: 1px solid var(--fio); color: var(--texto-2); }
.tabela-capitulos td b { color: var(--tinta); }
.tabela-capitulos .sobe { color: var(--azul-link); font-weight: 700; }
.tabela-capitulos .desce { color: var(--laranja-texto); font-weight: 700; }
.tabela-capitulos .marca { background: var(--laranja-claro); color: var(--laranja-texto); }
.tabela-capitulos tr.oculta { display: none; }
.tabela-capitulos.tudo tr.oculta { display: table-row; }
.perguntas { margin-top: 30px; }
.pergunta-frequente { border-bottom: 1px solid var(--fio); }
/* Formulário de perguntas do Vannucci Responde */
.pergunte { margin-top: 36px; padding: 24px 20px; border-radius: 22px; background: var(--superficie); }
.pergunte__titulo { margin: 0; font: 800 24px/1.1 var(--titulo); color: var(--tinta); }
.pergunte__texto { margin: 8px 0 0; font-size: 15px; line-height: 1.45; color: var(--texto-2); }
.pergunte__form { margin-top: 18px; display: grid; gap: 14px; }
.pergunte__campo { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.pergunte__campo label { font-size: 14px; font-weight: 700; color: var(--tinta); }
.pergunte__campo label span { font-weight: 500; color: var(--apagado); }
.pergunte__campo input, .pergunte__campo textarea { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid var(--fio-forte); border-radius: 12px; background: #fff; color: var(--texto); font: 400 16px/1.4 var(--corpo); }
.pergunte__campo textarea { resize: vertical; }
.pergunte__campo input:focus, .pergunte__campo textarea:focus { outline: 2px solid var(--azul-link); outline-offset: 1px; border-color: transparent; }
.pergunte__envio { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.pergunte__envio span { font-size: 13px; color: var(--apagado); }
.pergunte__envio a { color: var(--azul-link); text-decoration: underline; }
.pergunte__aviso { margin: 14px 0 0; padding: 12px 14px; border-radius: 12px; background: #FDECEA; color: #B42318; font-size: 15px; font-weight: 600; }
.pergunte__aviso--ok { background: #E3F6EA; color: #0F6B36; }
.pergunte__isca { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.texto .pergunte { margin-top: 8px; }
.pergunta-frequente summary { min-height: 56px; padding: 12px 0; display: flex; justify-content: space-between; align-items: center; gap: 12px; list-style: none; font-size: 16px; font-weight: 700; cursor: pointer; }
.pergunta-frequente summary::-webkit-details-marker { display: none; }
.pergunta-frequente summary svg { flex: none; color: var(--apagado); transition: transform .2s; }
.pergunta-frequente[open] summary svg { transform: rotate(45deg); }
.pergunta-frequente p { margin: 0 0 16px; font-size: 15px; line-height: 1.55; color: var(--texto-2); }
.sobre { margin-top: 30px; }
.sobre .titulo-secao { margin-bottom: 16px; }
.novela__lado { margin-top: 28px; display: flex; flex-direction: column; gap: 24px; }
.cartao-resumo { padding: 12px; border-radius: 20px; background: var(--tinta); color: #fff; display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 14px; align-items: center; }
.cartao-resumo:hover { color: #fff; }
.cartao-resumo__img { width: 84px; height: 124px; object-fit: cover; border-radius: 14px; box-shadow: 0 0 0 2px var(--tinta), 0 0 0 4px var(--laranja); }
.cartao-resumo > span { display: flex; flex-direction: column; gap: 6px; }
.cartao-resumo__rotulo { font-size: 13px; font-weight: 700; color: var(--laranja); }
.cartao-resumo__titulo { font: 800 18px/1.1 var(--titulo); }
.cartao-resumo .link-seta { min-height: 32px; color: #fff; }
.ficha dl { margin: 12px 0 0; border: 1px solid var(--fio); border-radius: 16px; overflow: hidden; font-size: 15px; }
.ficha dl > div { display: grid; grid-template-columns: 136px minmax(0, 1fr); }
.ficha dl > div + div { border-top: 1px solid var(--fio); }
.ficha dt { padding: 12px; background: var(--superficie); font-weight: 700; }
.ficha dd { margin: 0; padding: 12px; }
.outras { padding: 30px 0; }
.outras__lista { margin-top: 14px; }
.story--grande { height: 150px; box-shadow: none; }

/* Audiência: notícias (claro) x audiência detalhada (escuro, como o placar da home) */
.abas-secao { max-width: 560px; margin-top: 18px; padding: 5px; border-radius: 18px; background: var(--superficie); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.abas-secao a { padding: 10px 14px; border-radius: 14px; display: flex; flex-direction: column; gap: 2px; color: var(--texto-2); }
.abas-secao a:hover { color: var(--tinta); background: rgba(12, 21, 38, .05); }
.abas-secao a[aria-current] { background: var(--tinta); color: #fff; }
.abas-secao__nome { font: 700 16px/1.2 var(--titulo); }
.abas-secao__sub { font-size: 12px; color: var(--apagado); }
.abas-secao a[aria-current] .abas-secao__sub { color: var(--apagado-escuro); }
.central { margin-top: 28px; }
.central__emissora { margin: 22px 0 10px; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--apagado); }
.central__nota { margin: 6px 0 14px; font-size: 14px; color: var(--apagado); }
.central__grade { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.cartao-aud { height: 100%; padding: 16px 18px 14px; border-radius: 18px; background: var(--tinta); color: #fff; display: flex; flex-direction: column; gap: 6px; }
.cartao-aud:hover { color: #fff; background: var(--tinta-2); }
.central--encerradas .cartao-aud { background: var(--tinta-2); }
.central--encerradas .cartao-aud:hover { background: var(--fio-escuro); }
.cartao-aud__topo { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.cartao-aud__nome { font: 700 20px/1.1 var(--titulo); }
.cartao-aud__sub { font-size: 13px; color: var(--apagado-escuro); }
.cartao-aud__numeros { margin-top: 4px; display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
.cartao-aud__pontos { display: flex; align-items: baseline; gap: 6px; font: 700 40px/1 var(--titulo); }
.cartao-aud__pontos span { font: 600 13px var(--corpo); color: var(--apagado-escuro); }
.cartao-aud .mini { width: 84px; height: 34px; gap: 4px; }
.cartao-aud__rodape { margin-top: 4px; padding-top: 8px; border-top: 1px solid var(--fio-escuro); display: flex; justify-content: space-between; gap: 10px; font-size: 13px; color: var(--apagado-escuro); }
.cartao-aud .sobe { color: var(--sobe-escuro); font-weight: 700; }
.cartao-aud .desce { color: var(--desce-escuro); font-weight: 700; }
.selo-ficha { align-self: flex-start; padding: 3px 8px; border-radius: 6px; background: var(--tinta); color: #fff; display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; }
.selo-ficha svg { color: var(--laranja); }
.linha--ficha .quando b { color: var(--tinta); }
.portal__numeros { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.portal__numeros div { padding: 10px; border-radius: 12px; background: #fff; display: flex; flex-direction: column; gap: 2px; }
.portal__numeros dt { font-size: 12px; font-weight: 700; color: var(--apagado); }
.portal__numeros dd { margin: 0; display: flex; flex-direction: column; font: 700 24px/1.05 var(--titulo); color: var(--tinta); }
.portal__numeros dd span { font: 400 12px var(--corpo); color: var(--apagado); }
.portal__numeros .portal__recorde { background: var(--laranja); }
.portal__numeros .portal__recorde dt, .portal__numeros .portal__recorde dd span { color: var(--tinta); }
.portal__ver { align-self: flex-start; }
.noticias-programa { margin-top: 32px; }
.noticias-programa .lista__grade { margin-top: 8px; }
@media (min-width: 640px) {
	.central__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Listas, busca, páginas */
.lista { padding: 24px 0 40px; }
.lista__titulo, .pagina__titulo { margin: 0; font: 800 34px/1.02 var(--titulo); letter-spacing: -.01em; }
.lista__descricao { margin-top: 10px; font-size: 16px; color: var(--texto-2); }
.lista__descricao p { margin: 0; }
.lista__grade { margin-top: 16px; }
.lista__vazia { margin-top: 24px; font-size: 17px; color: var(--texto-2); }
.cartao-grande--lista { margin-bottom: 4px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.page-numbers { min-width: 44px; min-height: 44px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--fio); border-radius: 999px; font-weight: 700; }
.page-numbers.current { background: var(--tinta); border-color: var(--tinta); color: #fff; }
.page-numbers.dots { border: 0; }
.busca-grande { max-width: 640px; margin-top: 16px; padding: 6px 6px 6px 16px; display: flex; align-items: center; gap: 10px; border: 1px solid var(--fio-forte); border-radius: 999px; color: var(--apagado); }
.busca-grande:focus-within { border-color: var(--azul-link); }
.busca-grande input { flex: 1; min-width: 0; border: 0; background: transparent; color: var(--tinta); font: 400 16px var(--corpo); outline: none; }
.pagina { max-width: 728px; padding: 24px 0 48px; }
.pagina__fina { margin: 14px 0 0; font-size: 18px; line-height: 1.45; color: var(--texto-2); }
.pagina__autor { margin-top: 20px; }
.pagina__autor img { width: 64px; height: 64px; }
.texto .wp-block-table { overflow-x: auto; }
.texto .wp-block-table table { min-width: 520px; }
/* Tabela de cookies no celular: cada linha vira um bloco (nome e dono em cima, finalidade e duração embaixo). */
@media (max-width: 639px) {
	.texto .tabela-cookies table { min-width: 0; }
	.texto .tabela-cookies thead { display: none; }
	.texto .tabela-cookies tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 14px 0; border-bottom: 1px solid var(--fio); }
	.texto .tabela-cookies td { padding: 0; border: 0; }
	.texto .tabela-cookies td:nth-child(1) { font-weight: 700; color: var(--tinta); overflow-wrap: anywhere; }
	.texto .tabela-cookies td:nth-child(2) { font-size: 13px; color: var(--apagado); text-align: right; }
	.texto .tabela-cookies td:nth-child(3) { grid-column: 1 / -1; }
	.texto .tabela-cookies td:nth-child(4) { grid-column: 1 / -1; font-size: 13px; color: var(--apagado); }
	.texto .tabela-cookies td:nth-child(4)::before { content: "Duração: "; }
}
.texto mark { padding: 0 3px; border-radius: 3px; background: #FFF1A8; color: inherit; }
.seguir { margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--fio); }
.seguir__lista { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }

/* Anuncie (mídia kit) */
.kit-topo { background: var(--tinta); color: #fff; }
.kit-topo__grade { padding: 32px 0 40px; display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 22px; }
.kit-topo__texto { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.kit-topo__foto { margin: 0; display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 700; color: var(--claro-escuro); }
.kit-topo__foto img { width: 88px; height: 88px; border-radius: 999px; object-fit: cover; box-shadow: 0 0 0 3px var(--laranja); }
.kit-topo__titulo { margin: 0; max-width: 820px; font: 800 38px/1 var(--titulo); letter-spacing: -.01em; }
.kit-topo__fina { margin: 0; max-width: 640px; font-size: 18px; line-height: 1.5; color: var(--claro-escuro); }
.kit { padding: 4px 0 56px; }
.kit .texto { max-width: 1000px; }
.kit .texto > p, .kit .texto > h2, .kit .texto > h3 { max-width: 760px; }
.texto .kit-numeros, .texto .kit-lista { list-style: none; padding: 0; display: grid; gap: 10px; }
.texto .kit-numeros { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.texto .kit-numeros li { margin: 0; padding: 16px; border-radius: 18px; background: var(--superficie); font-size: 14px; line-height: 1.35; color: var(--texto-2); }
.texto .kit-numeros strong { display: block; margin-bottom: 6px; font: 700 30px/1 var(--titulo); color: var(--tinta); }
.texto .kit-lista li { margin: 0; padding: 18px; border: 1px solid var(--fio); border-radius: 18px; font-size: 16px; line-height: 1.5; }
.texto .kit-lista strong { display: block; margin-bottom: 4px; font: 700 19px/1.2 var(--titulo); color: var(--tinta); }
.texto .kit-nota { font-size: 13px; line-height: 1.45; color: var(--apagado); }
.texto .kit-contato { padding: 24px 22px; border-radius: 24px; background: var(--laranja); color: var(--tinta); }
.texto .kit-contato > * { margin: 0 0 14px; }
.texto .kit-contato > :last-child { margin-bottom: 0; }
.texto .kit-contato h2 { margin-top: 0; }
.texto .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.texto a.wp-block-button__link { min-height: 48px; padding: 0 20px; border-radius: 999px; display: inline-flex; align-items: center; background: var(--tinta); color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; }
.texto a.wp-block-button__link:hover { background: var(--tinta-2); color: #fff; }

/* Ao vivo: selo do topo e página com o player e a programação */
.selo-vivo { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border-radius: 999px; background: #D92D20; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
a.selo-vivo:hover { color: #fff; background: #B42318; }
.selo-vivo__ponto { width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: cvt-pulso 1.6s ease-in-out infinite; }
@keyframes cvt-pulso { 50% { opacity: .35; } }
.topo__barra { position: relative; }
.topo__vivo--celular { position: absolute; top: 15px; right: 36px; height: 26px; padding: 0 7px; gap: 5px; font-size: 11px; }
.topo__vivo--celular .selo-vivo__ponto { width: 7px; height: 7px; }
@media (max-width: 374px) {
	.topo__vivo--celular { width: 26px; padding: 0; justify-content: center; font-size: 0; }
}
.gaveta__lista a.esta-ao-vivo::before { content: ""; flex: none; width: 8px; height: 8px; margin-right: 10px; border-radius: 50%; background: #D92D20; animation: cvt-pulso 1.6s ease-in-out infinite; }
/* Com live no ar, o item "Ao vivo" do menu vira o selo vermelho. */
.editorias > li > a.esta-ao-vivo { align-self: center; min-height: 0; height: 30px; padding: 0 12px; gap: 6px; border-radius: 999px; background: #D92D20; color: #fff; font-weight: 800; box-shadow: none; }
.editorias > li > a.esta-ao-vivo::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #fff; animation: cvt-pulso 1.6s ease-in-out infinite; }
.editorias > li > a.esta-ao-vivo:hover { background: #B42318; color: #fff; }
.ao-vivo { padding: 24px 0 56px; }
.agora { margin-top: 22px; padding: 22px; border-radius: 24px; background: var(--tinta); color: #fff; display: grid; gap: 18px; }
.agora__player iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 14px; background: #000; }
.agora__texto { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.agora__rotulo { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--rotulo-escuro); }
.agora__titulo { margin: 0; font: 800 26px/1.08 var(--titulo); }
.agora__quando { margin: 0; font-size: 16px; color: var(--claro-escuro); }
.agora__botoes { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 8px; }
.grade { margin-top: 36px; }
.grade__dias { margin-top: 14px; padding: 4px; border-radius: 18px; background: var(--superficie); display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.grade__dia { min-height: 44px; padding: 0; border: 0; border-radius: 14px; background: transparent; color: var(--texto-2); font: 700 14px var(--corpo); cursor: pointer; }
.grade__dia[aria-selected="true"] { background: var(--tinta); color: #fff; }
.grade__dia-longo { display: none; }
.grade__lista { list-style: none; margin: 14px 0 0; padding: 0; }
.programa { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--fio); }
.programa__hora { font: 700 20px/1.1 var(--titulo); color: var(--tinta); }
.programa__hora span { display: block; margin-top: 3px; font: 500 12px var(--corpo); color: var(--apagado); }
.programa__nome { display: block; font: 700 18px/1.2 var(--titulo); color: var(--tinta); }
.programa__formato { margin-left: 8px; padding: 2px 7px; border-radius: 6px; background: var(--superficie); font: 700 11px/1.4 var(--corpo); letter-spacing: .03em; text-transform: uppercase; color: var(--apagado); vertical-align: 3px; }
.programa__formato--vivo { background: #FDECEA; color: #B42318; }
.programa__quem { display: block; margin-top: 3px; font-size: 14px; color: var(--apagado); }
.programa--agora { margin: 0 -12px; padding: 14px 12px; border-radius: 14px; border-bottom-color: transparent; background: var(--laranja-claro); }
.programa__agora { padding: 4px 10px; border-radius: 999px; background: var(--laranja); color: var(--tinta); font-size: 12px; font-weight: 800; white-space: nowrap; }
.grade__vazio { margin: 18px 0 0; color: var(--apagado); }
.grade__nota { margin: 18px 0 0; font-size: 13px; line-height: 1.45; color: var(--apagado); }
.ao-vivo__texto { max-width: 728px; }

/* Rodapé */
.rodape { padding-top: 32px; background: var(--tinta); color: var(--apagado-escuro); }
.rodape__grade { display: flex; flex-direction: column; gap: 28px; }
.rodape__marca { display: flex; flex-direction: column; gap: 16px; }
.rodape__marca .logo { height: 30px; width: auto; }
.rodape__marca p { margin: 0; font-size: 14px; line-height: 1.5; }
.rodape__redes { display: flex; gap: 10px; }
.rodape__coluna { display: flex; flex-direction: column; gap: 10px; }
.rodape__titulo { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--rotulo-escuro); }
.rodape__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
.rodape__lista a { display: flex; align-items: center; min-height: 44px; font-size: 15px; color: #fff; }
.rodape__lista a:hover { color: var(--sobe-escuro); }
.rodape__base { margin-top: 28px; padding: 18px 0 30px; border-top: 1px solid var(--fio-escuro); display: flex; flex-direction: column; gap: 14px; font-size: 13px; color: var(--rotulo-escuro); }
.rodape__credito { align-self: flex-start; min-height: 44px; display: inline-flex; align-items: center; gap: 8px; color: var(--rotulo-escuro); }
.rodape__credito:hover { color: #fff; }
.rodape__credito img { width: auto; height: 22px; opacity: .85; transition: opacity .2s; }
.rodape__credito:hover img { opacity: 1; }

/* Tablet */
@media (min-width: 760px) {
	.grafico__mes { display: inline; }
	.kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.compartilhar .botao--whatsapp, .compartilhar .botao--telegram { flex: none; }
}

@media (min-width: 783px) {
	.admin-bar .leitura { top: 32px; }
}

/* Até 600px a barra do WordPress (de quem está logado) rola junto com a página: a de leitura fica no topo. */
@media (max-width: 600px) {
	.admin-bar .leitura { top: 0; }
}

/* Computador */
@media (min-width: 1080px) {
	.so-pc { display: inline; }
	.so-celular { display: none; }
	.titulo-secao { font-size: 32px; }
	.titulo-secao--menor { font-size: 28px; }

	.topo { border-bottom: 1px solid var(--fio-escuro); }
	.topo__barra { position: relative; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: 76px; column-gap: 32px; }
	.topo__botao--menu, .topo__botao--busca { display: none; }
	.topo__logo { grid-column: 1; justify-self: start; }
	.topo__logo .logo { height: 34px; }
	.topo__editorias { grid-column: 2; grid-row: 1; margin: 0; border: 0; height: 76px; }
	.editorias { padding: 0; gap: 26px; height: 76px; overflow: visible; }
	.editorias > li > a { height: 76px; }
	/* Busca do computador: botão redondo que abre o campo embaixo do topo, como os submenus. */
	.topo__busca { position: absolute; top: 100%; right: 0; z-index: 50; width: 440px; display: none; align-items: center; gap: 10px; height: 56px; padding: 0 20px; border: 1px solid var(--fio-escuro); border-top: 0; border-radius: 0 0 18px 18px; background: var(--tinta-2); color: #C9D3E3; box-shadow: 0 18px 40px rgba(0, 0, 0, .35); }
	.topo.busca-aberta .topo__busca { display: flex; }
	.topo.busca-aberta [data-abre-busca] { background: var(--fio-escuro); }
	.topo__busca input { font-size: 16px; }
	.topo__redes { grid-column: 3; grid-row: 1; display: flex; gap: 8px; }
	.editorias > li { position: relative; display: flex; align-items: center; }
	.editorias .menu-seta { display: inline-flex; width: 18px; height: 32px; margin-left: 2px; }
	.editorias .menu-seta:hover { color: #fff; }
	.editorias .submenu { position: absolute; top: 100%; left: -18px; z-index: 50; min-width: 250px; padding: 14px 10px; border: 1px solid var(--fio-escuro); border-top: 0; border-radius: 0 0 18px 18px; background: var(--tinta-2); box-shadow: 0 18px 40px rgba(0, 0, 0, .35); white-space: normal; }
	.editorias .menu-seta[aria-expanded="true"] + .submenu { display: block; }
	.editorias .submenu--novelas, .editorias .submenu--resumos { width: 760px; }
	.editorias .submenu__grupos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.editorias .submenu__lista--larga a { min-height: 56px; }
	@media (hover: hover) {
		.editorias .tem-submenu:hover > .submenu { display: block; }
		.editorias .tem-submenu:hover > .menu-seta { color: #fff; }
		.editorias .tem-submenu:hover > .menu-seta svg { transform: rotate(180deg); }
	}
	.topo__redonda { display: inline-flex; padding: 0; border: 0; cursor: pointer; width: 42px; height: 42px; border-radius: 999px; background: var(--tinta-2); color: #fff; align-items: center; justify-content: center; }
	.topo__redonda:hover { color: #fff; background: var(--fio-escuro); }
	@media (max-width: 1279px) {
		.topo__barra { column-gap: 22px; }
		.editorias { gap: 18px; }
	}

	.novelas__grade { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 28px; align-items: center; padding: 28px 0 34px; }
	.novelas__cabeca { display: flex; flex-direction: column; gap: 8px; }
	.novelas__titulo { margin: 0; font: 800 28px/1.02 var(--titulo); }
	.novelas__sub { font-size: 14px; line-height: 1.4; color: var(--apagado-escuro); }
	.novelas__lista { margin: 0; padding: 6px; gap: 16px; scroll-padding-inline: 6px; }
	.novelas__lista > li { flex-basis: 150px; }
	.novelas .story { height: 210px; }
	.novelas .story__texto { left: 12px; right: 12px; bottom: 12px; }
	.novelas .story__emissora { font-size: 12px; }
	.novelas .story__nome { font-size: 18px; }

	.abertura { display: grid; grid-template-columns: minmax(0, 1fr) 384px; gap: 40px; align-items: stretch; padding: 40px 0 60px; }
	/* A foto da manchete cresce até a coluna da esquerda terminar junto com a das últimas. */
	.abertura__principal { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
	.manchete { flex: 1; margin: 0; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; }
	.manchete__link { flex: 1; height: auto; min-height: 440px; }
	.abertura__destaques { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
	.abertura__destaques .linha { border-bottom: 0; }
	.manchete__texto { left: 32px; right: 32px; bottom: 26px; gap: 14px; }
	.manchete__titulo { max-width: 660px; font-size: 46px; line-height: 1; }
	.manchete__autor { font-size: 14px; }
	.manchete__autor img { width: 28px; height: 28px; }
	.dado { padding: 6px 32px 28px; display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 32px; align-items: end; }
	.dado__legenda { flex-direction: column; justify-content: flex-start; gap: 4px; font-size: 13px; }
	.dado__legenda b { font-size: 15px; }
	.dado__barras { gap: 18px; }
	.dado__topo { font-size: 13px; }
	.dado__topo b { font-size: 22px; }
	.ultimas { padding: 0; }
	.ultimas .titulo-secao { font-size: 28px; }
	.ultimas .cartao-grande__img { aspect-ratio: auto; height: 204px; }
	.linha { grid-template-columns: minmax(0, 1fr) 96px; padding: 15px 0; }
	.linha__img { width: 96px; height: 72px; }

	.placar { margin-top: 0; }
	.placar__grade { display: grid; grid-template-columns: minmax(0, 1fr) 384px; gap: 40px; align-items: start; padding: 56px 0 52px; }
	.placar__cabeca { gap: 22px; }
	.placar__titulo { font-size: 40px; line-height: 1; }
	.placar__sub { margin-top: 8px; font-size: 14px; }
	.abas { width: 440px; flex: none; }
	.abas__botao { font-size: 15px; }
	.destaque { margin-top: 26px; padding: 18px 22px; grid-template-columns: 44px minmax(0, 1fr) 20px; gap: 16px; }
	.destaque__icone { width: 44px; height: 44px; }
	.destaque__rotulo { font-size: 14px; }
	.destaque__titulo { font-size: 23px; }
	.tabela-placar thead th { padding-top: 22px; font-size: 12px; }
	.tabela-placar tbody th { font-size: 18px; }
	.tabela-placar__serie { width: 140px; }
	.mini { width: 106px; height: 32px; gap: 6px; }
	.tabela-placar__pontos { font-size: 32px; }
	.tabela-placar td:last-child { width: 110px; font-size: 15px; }
	.placar__pe { font-size: 13px; padding-top: 4px; }
	.placar__pe .link-seta { font-size: 15px; }
	.ranking { margin: 0; padding: 26px 24px 18px; }
	.ranking__titulo { font-size: 25px; }

	.anuncio { padding: 44px 0; }
	.anuncio--home-largo .anuncio__espaco { max-width: 970px; }

	.coluna { padding: 56px 0 60px; }
	.coluna__cabeca { gap: 16px; }
	.coluna__foto { width: 64px; height: 64px; box-shadow: 0 0 0 3px var(--superficie), 0 0 0 5px var(--laranja); }
	.coluna__nome span { font-size: 15px; }
	.coluna__todas { padding: 0 20px; font-size: 15px; }
	.coluna__lista { margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; overflow: visible; }
	.nota { min-height: 290px; padding: 22px; gap: 12px; }
	.nota__titulo { font-size: 24px; }
	.nota__resumo { font-size: 16px; line-height: 1.5; }

	.videos { padding: 56px 0 60px; }
	.hoje-canal { margin-bottom: 40px; padding: 14px 22px; grid-template-columns: minmax(0, 360px) minmax(0, 1fr) auto; grid-template-areas: "estado grade ir"; gap: 24px; }
	.hoje-canal__grade { padding-left: 24px; border-left: 1px solid var(--fio-escuro); }
	.videos__sub { margin-top: 6px; font-size: 15px; }
	.videos__cabeca .botao { font-size: 15px; padding: 0 20px; }
	.videos__lista { margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; overflow: visible; }
	.videos__lista--com-pergunta { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.video { gap: 10px; }
	.video__capa { height: 293px; }
	.video__titulo { left: 14px; right: 14px; bottom: 14px; font-size: 18px; }
	.video__views { font-size: 13px; }
	.pergunta { height: 293px; padding: 24px 22px; gap: 12px; }
	.pergunta__icone { width: 44px; height: 44px; }
	.pergunta__titulo { font-size: 22px; }
	.pergunta__texto { font-size: 15px; }

	.fechamento { display: grid; grid-template-columns: minmax(0, 1fr) 384px; gap: 40px; align-items: start; padding: 56px 0 64px; }
	.fechamento:not(:has(.fechamento__lado > *)) { grid-template-columns: minmax(0, 1fr); }
	.fechamento:not(:has(.fechamento__lado > *)) .lidas__lista { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.fechamento:not(:has(.fechamento__lado > *)) .lidas__lista > li .lida { border-bottom: 0; }
	.fechamento .lidas__lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; }
	.fechamento .lida { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding: 20px 0; }
	.fechamento .lidas__lista--sem-numero .lida { grid-template-columns: minmax(0, 1fr); }
	.fechamento .lidas__lista > li:nth-last-child(-n+2) .lida { border-bottom: 0; }
	.fechamento .lida__num { font-size: 52px; line-height: .86; }
	.fechamento .lida__titulo { font-size: 19px; }
	.canais { padding: 26px 26px 28px; }
	.canais__titulo { font-size: 30px; line-height: 1; }
	.canais--compacto { padding: 20px; }
	.canais--compacto .canais__titulo { font-size: 23px; line-height: 1.04; }

	.materia { display: grid; grid-template-columns: 728px minmax(0, 1fr); gap: 72px; align-items: start; padding: 36px 0 56px; }
	.trilha { font-size: 14px; gap: 8px; }
	.materia__titulo { margin-top: 14px; font-size: 54px; line-height: 1; letter-spacing: -.012em; }
	.materia__fina { margin-top: 18px; font-size: 21px; }
	.materia__autoria { margin-top: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--fio); flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; }
	.autoria img { width: 48px; height: 48px; }
	.autoria__nome { font-size: 16px; }
	.autoria__data { font-size: 14px; }
	.fonte-google { margin-top: 18px; min-height: 58px; padding: 8px 14px; font-size: 15px; }
	.fonte-google__icone { width: 38px; height: 38px; }
	.materia__foto { margin: 28px 0 0; }
	.materia__img, .materia__video iframe { border-radius: 16px; }
	.materia__foto figcaption { padding: 10px 0 0; font-size: 14px; }
	.texto { margin-top: 28px; font-size: 19px; line-height: 1.7; }
	.texto > * { margin-bottom: 26px; }
	.texto h2 { font-size: 30px; line-height: 1.08; }
	.texto h3 { font-size: 24px; }
	.leia-tambem { grid-template-columns: 120px minmax(0, 1fr) 20px; gap: 18px; padding: 14px; }
	.leia-tambem__img { width: 120px; height: 80px; }
	.leia-tambem__titulo { font-size: 18px; }
	.autor { grid-template-columns: 80px minmax(0, 1fr); gap: 20px; padding: 24px; }
	.autor img { width: 80px; height: 80px; }
	.autor__nome { font-size: 23px; }
	.autor p { font-size: 16px; }
	.materia__lado { margin: 0; padding-top: 34px; gap: 24px; }
	.portal { padding: 20px; gap: 14px; }
	.portal__foto { width: 56px; height: 56px; }
	.portal__nome { font-size: 23px; }
	.portal__emissora { font-size: 14px; }
	.lado-fixo { position: sticky; top: 24px; }
	.admin-bar .lado-fixo { top: 56px; }
	.lidas--lado .titulo-secao { font-size: 25px; }
	.continue { padding: 0 0 64px; }
	.continue .titulo-secao { padding-top: 40px; border-top: 1px solid var(--fio); }
	.continue__lista { margin-top: 22px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
	.cartao { display: flex; flex-direction: column; gap: 8px; padding: 0; border: 0; }
	.cartao__img { order: 0; width: 100%; height: 216px; margin-bottom: 4px; border-radius: 16px; }
	.cartao__titulo { font: 800 23px/1.1 var(--titulo); }
	.proxima { margin-top: 32px; padding: 16px 22px 16px 16px; grid-template-columns: 88px minmax(0, 1fr) 24px; gap: 18px; }
	.proxima__img { width: 88px; height: 66px; border-radius: 12px; }
	.proxima__rotulo { font-size: 13px; }
	.proxima__titulo { margin-top: 4px; font: 800 22px/1.1 var(--titulo); }

	.novela-topo { height: 460px; }
	.novela-topo::after { background: linear-gradient(90deg, rgba(12, 21, 38, .94) 0%, rgba(12, 21, 38, .72) 30%, rgba(12, 21, 38, 0) 62%), linear-gradient(180deg, rgba(12, 21, 38, 0) 55%, rgba(12, 21, 38, .75) 100%); }
	.novela-topo__texto { bottom: 40px; gap: 12px; }
	.novela-topo__texto > * { max-width: 620px; }
	.novela-topo .trilha { font-size: 14px; }
	.novela-topo__nome { font-size: 76px; line-height: .94; letter-spacing: -.015em; }
	.novela-topo__meta { font-size: 16px; }
	.novela-abas ul { gap: 30px; }
	.novela-abas a { min-height: 56px; font-size: 16px; }
	.novela { display: grid; grid-template-columns: minmax(0, 1fr) 384px; gap: 48px; align-items: start; padding: 44px 0 60px; }
	.novela__titulo { font-size: 40px; line-height: 1.02; }
	.resposta { margin-top: 16px; padding: 20px 22px; }
	.resposta p { font-size: 19px; }
	.resposta span { font-size: 14px; }
	.kpis { margin-top: 16px; gap: 14px; }
	.kpi { padding: 18px; gap: 4px; }
	.kpi__rotulo { font-size: 13px; }
	.kpi__valor { font-size: 44px; }
	.kpi__linha, .kpi__extra { font-size: 14px; }
	.grafico { margin-top: 28px; padding: 24px 26px 44px; }
	.grafico figcaption { flex-direction: row; justify-content: space-between; align-items: baseline; gap: 16px; font-size: 14px; }
	.grafico__titulo { font-size: 24px; }
	.grafico__area { height: 210px; margin-top: 18px; }
	.grafico__barras { gap: 12px; }
	.grafico__valor { font-size: 13px; }
	.grafico__data { bottom: -26px; font-size: 13px; }
	.capitulos { margin-top: 40px; }
	.capitulos__cabeca .botao { font-size: 14px; padding: 0 16px; }
	.tabela-capitulos { margin-top: 14px; font-size: 16px; }
	.tabela-capitulos thead th { padding: 12px 18px; font-size: 12px; }
	.tabela-capitulos td { padding: 12px 18px; }
	.perguntas { margin-top: 32px; }
	.pergunta-frequente summary { min-height: 60px; padding: 14px 0; font-size: 18px; }
	.pergunta-frequente p { margin-bottom: 18px; font-size: 17px; }
	.novela__lado { margin: 0; }
	.cartao-resumo { padding: 16px; grid-template-columns: 104px minmax(0, 1fr); gap: 16px; }
	.cartao-resumo__img { width: 104px; height: 156px; }
	.cartao-resumo__titulo { font-size: 21px; }
	.outras { padding: 0 0 64px; }
	.outras .titulo-secao { padding-top: 40px; border-top: 1px solid var(--fio); }
	.outras__lista { margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; overflow: visible; }
	.story--grande { height: 300px; border-radius: 18px; }
	.story--grande .story__texto { left: 16px; right: 16px; bottom: 16px; }
	.story--grande .story__emissora { font-size: 13px; }
	.story--grande .story__nome { font-size: 22px; }

	.lista { padding: 44px 0 64px; }
	.lista__titulo, .pagina__titulo { font-size: 48px; line-height: 1; }
	.lista__grade { max-width: 776px; }
	.lista--central .central__grade { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
	.pagina { padding: 44px 0 64px; }
	.pagina__fina { font-size: 20px; }
	.pergunte { padding: 32px; }
	.pergunte__form { grid-template-columns: 1fr 1fr; align-items: end; }
	.pergunte__campo--pergunta, .pergunte__envio { grid-column: 1 / -1; }
	.kit-topo__grade { padding: 64px 0 68px; flex-direction: row; justify-content: space-between; align-items: center; gap: 48px; }
	.kit-topo__texto { gap: 20px; }
	.kit-topo__foto { flex: none; flex-direction: column; gap: 14px; }
	.kit-topo__foto img { width: 280px; height: 280px; box-shadow: 0 0 0 6px var(--laranja); }
	.kit-topo__titulo { font-size: 60px; }
	.kit-topo__fina { font-size: 20px; }
	.kit { padding-top: 12px; }
	.texto .kit-numeros { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
	.texto .kit-numeros strong { font-size: 36px; }
	.texto .kit-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.texto .kit-contato { padding: 36px; }

	.rodape { padding-top: 56px; }
	.rodape__grade { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.1fr; gap: 48px; }
	.rodape__marca .logo { height: 34px; }
	.rodape__marca p { font-size: 15px; line-height: 1.55; }
	.rodape__lista { display: flex; flex-direction: column; }
	.rodape__lista a { min-height: 34px; }
	.rodape__coluna .botao { min-height: 46px; font-size: 15px; }
	.rodape__base { margin-top: 44px; padding: 14px 0 22px; flex-direction: row; justify-content: space-between; align-items: center; gap: 24px; }
	.rodape__credito { align-self: auto; }
}

@media (min-width: 760px) {
	.ao-vivo { padding: 44px 0 72px; }
	.agora { padding: 28px; }
	.agora--no-ar { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: center; gap: 28px; }
	.agora__titulo { font-size: 32px; }
	.grade { max-width: 880px; }
	.grade__dia-curto { display: none; }
	.grade__dia-longo { display: inline; }
	.programa { grid-template-columns: 96px minmax(0, 1fr) auto; }
}
@media (min-width: 1080px) {
	.topo__vivo--celular { display: none; }
	.editorias > li > a.esta-ao-vivo { height: 32px; }
}

/* Aviso de cookies: cartão preso ao pé da tela, sem empurrar a página. */
.consentimento { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 90; max-width: 680px; margin: 0 auto; padding: 14px 14px 14px 18px; border-radius: 16px; background: var(--tinta); color: #fff; box-shadow: 0 12px 32px rgba(0, 0, 0, .35); display: flex; flex-direction: column; gap: 12px; }
.consentimento__texto { margin: 0; font-size: 14px; line-height: 1.45; color: var(--claro-escuro); }
.consentimento__texto a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.consentimento__botoes { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.consentimento .botao { min-height: 44px; }
.consentimento .botao--contorno-claro { background: transparent; }
.rodape__cookies { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.rodape__cookies:hover { color: #fff; }
@media (min-width: 760px) {
	.consentimento { flex-direction: row; align-items: center; gap: 18px; }
	.consentimento__botoes { flex: none; display: flex; }
}

@media (prefers-reduced-motion: reduce) {
	* { scroll-behavior: auto !important; transition: none !important; }
	.selo-vivo__ponto, .gaveta__lista a.esta-ao-vivo::before, .editorias > li > a.esta-ao-vivo::before { animation: none; }
}