/*
 * ATTI Jornal — jornal regional sério e moderno.
 *
 * O padrão é o dos cards do Instagram do jornal (kit de marca do ATTI):
 * Geist pesada nos títulos (a fonte dos cards oficiais), chapéu em caixa chapada na cor da editoria,
 * painel branco, sem cantos arredondados. Cor da marca, urgência e cores de
 * editoria chegam com a capa publicada pelo ATTI. Fios de 1px.
 */

:root {
	--atti-cor: var(--wp--preset--color--destaque, #c4161c);
	--atti-tinta: var(--wp--preset--color--tinta, #121212);
	--atti-texto: var(--wp--preset--color--texto, #262626);
	--atti-suave: var(--wp--preset--color--suave, #6b6b6b);
	--atti-linha: var(--wp--preset--color--linha, #e5e2dc);
	--atti-papel: var(--wp--preset--color--fundo-2, #f4f2ee);
	--atti-serif: var(--wp--preset--font-family--titulo, Georgia, serif);
	--atti-sans: var(--wp--preset--font-family--interface, -apple-system, sans-serif);
	--atti-urgente: #cc0000;
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-feature-settings: "kern", "liga"; }
img { max-width: 100%; height: auto; }
a { transition: color .15s ease; }
a:hover { text-decoration: none; }
:focus-visible { outline: 2px solid var(--atti-cor); outline-offset: 2px; }
.atti-icone { display: block; flex: none; }

/* ── Cabeçalho: uma linha fixa (logo, editorias, busca, comunidade) + ticker ── */

/* Editorias na mesma linha do logo */

/* Ticker */
@keyframes atti-ticker { to { transform: translateX(-100%); } }

@media (max-width: 1100px) {
}
@media (max-width: 781px) {
	.atti-principal { padding-top: 20px; }
	.atti-capa { gap: 40px; }
}

/* ── Peças comuns ─────────────────────────────────────────────────────── */
.atti-chapeu { display: inline-block; align-self: flex-start; font-family: var(--atti-sans); background: var(--ed, var(--atti-cor)); color: #fff !important; font-size: .6875rem; font-weight: 800; line-height: 1; letter-spacing: .05em; text-transform: uppercase; padding: 5px 7px 4px; margin-bottom: 8px; text-decoration: none; }
/* Título de seção: fio grosso de jornal + nome em serifa; "Ver tudo" à direita */
.atti-faixa__titulo { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-family: var(--atti-serif); font-size: 1.625rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; color: var(--atti-tinta); margin: 0 0 20px; padding-top: 10px; }
.atti-faixa__titulo a { color: inherit; }
.atti-faixa__titulo a:hover { color: var(--atti-cor); }
.atti-faixa__mais { font-family: var(--atti-sans); font-size: .72rem !important; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--atti-suave) !important; white-space: nowrap; }
.atti-faixa__mais::after { content: " →"; }

.atti-cartao { position: relative; display: flex; flex-direction: column; }
.atti-cartao__foto { display: block; position: relative; overflow: hidden; background: var(--atti-papel); aspect-ratio: 3 / 2; }
.atti-cartao__foto img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.atti-cartao:hover .atti-cartao__foto img, .atti-manchete:hover .atti-manchete__foto img { transform: scale(1.02); }
.atti-cartao__play { position: absolute; left: 10px; bottom: 10px; width: 36px; height: 36px; border-radius: 50%; background: rgba(0,0,0,.72); }
.atti-cartao__play::after { content: ""; position: absolute; left: 14px; top: 11px; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent #fff; }
.atti-cartao__texto { padding-top: 10px; }
.atti-cartao__titulo { margin: 0; font-family: var(--atti-serif); font-size: 1.3125rem; line-height: 1.15; font-weight: 700; letter-spacing: -0.012em; text-wrap: pretty; }
.atti-cartao__titulo a { color: var(--atti-tinta); }
.atti-cartao__titulo a:hover { color: var(--atti-cor); }
.atti-cartao__sub { margin: 6px 0 0; color: var(--atti-suave); font-size: .9375rem; line-height: 1.45; }
.atti-cartao__rodape { margin: 10px 0 0; color: var(--atti-suave); font-size: .75rem; font-weight: 600; }
.atti-cartao__hora, .atti-cartao__quando { display: block; color: var(--atti-suave); font-size: .72rem; font-weight: 700; margin-top: 6px; font-family: var(--atti-sans); }
.atti-cartao__hora { color: var(--atti-cor); margin: 0 0 3px; }

/* ── Capa ─────────────────────────────────────────────────────────────── */
.atti-principal { padding-top: 28px; padding-bottom: 56px; }
.atti-capa { display: flex; flex-direction: column; gap: 52px; }

/* Abertura: manchete larga + coluna de secundárias com fio vertical */
.atti-abre { display: grid; grid-template-columns: 1fr; gap: 28px; }
@media (min-width: 960px) {
	.atti-abre { grid-template-columns: minmax(0, 2.15fr) minmax(0, 1fr); gap: 0; }
	.atti-abre > .atti-manchete { padding-right: 28px; }
	.atti-abre__lateral { padding-left: 28px; }
}
.atti-manchete__foto { display: block; overflow: hidden; aspect-ratio: 16 / 9; background: var(--atti-papel); position: relative; }
.atti-manchete__foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.atti-manchete__texto { padding-top: 16px; }
.atti-manchete__titulo { margin: 0; font-family: var(--atti-serif); font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.25rem); line-height: 1.03; letter-spacing: -0.03em; text-wrap: balance; }
.atti-manchete__titulo a { color: var(--atti-tinta); }
.atti-manchete__titulo a:hover { color: var(--atti-cor); }
.atti-manchete__sub { margin: 12px 0 0; font-family: var(--atti-serif); font-size: 1.25rem; line-height: 1.4; color: var(--atti-suave); max-width: 46ch; }
.atti-abre__lateral { display: flex; flex-direction: column; }
.atti-abre__lateral > .atti-cartao { padding: 18px 0; }
.atti-abre__lateral > .atti-cartao:first-child { padding-top: 0; }
.atti-cartao--lateral .atti-cartao__foto { aspect-ratio: 16 / 9; }
.atti-cartao--lateral .atti-cartao__titulo { font-size: 1.4375rem; line-height: 1.12; }
.atti-cartao--titulo .atti-cartao__texto { padding-top: 0; }
.atti-cartao--titulo .atti-cartao__titulo { font-size: 1.1875rem; }

/* Destaques e grades: colunas separadas por fio vertical, como página de jornal */
.atti-grade { display: grid; grid-template-columns: 1fr; gap: 28px 0; margin: 0 -14px; clip-path: inset(0 0 0 1px); }
.atti-grade > .atti-cartao { padding: 0 14px; }
@media (min-width: 600px) { .atti-grade:not(.atti-grade--n1) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) {
	.atti-grade--n3, .atti-grade--n6 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
	.atti-grade--n4, .atti-grade--n7, .atti-grade--n8, .atti-grade--destaque { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
	.atti-grade--n5:not(.atti-grade--destaque) { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
.atti-grade--n1 > .atti-cartao, .atti-grade--n2 > .atti-cartao { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 18px; align-items: start; }
.atti-grade--n1 > .atti-cartao .atti-cartao__texto, .atti-grade--n2 > .atti-cartao .atti-cartao__texto { padding-top: 0; }
.atti-grade--n1 .atti-cartao__titulo, .atti-grade--n2 .atti-cartao__titulo { font-size: 1.5rem; }
.atti-grade--destaque > .atti-cartao--destaque { grid-column: span 2; grid-row: span 2; }
.atti-grade--destaque > .atti-cartao--destaque .atti-cartao__titulo { font-size: 1.75rem; line-height: 1.1; }
@media (max-width: 599px) { .atti-grade--destaque > .atti-cartao--destaque { grid-column: auto; grid-row: auto; } }

/* Editoria: principal grande + lista ao lado */
.atti-ed { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 900px) {
	.atti-ed:not(.atti-ed--so) { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 0; }
	.atti-ed:not(.atti-ed--so) > .atti-cartao--principal { padding-right: 28px; }
	.atti-ed__lista { padding-left: 28px; }
}
.atti-cartao--principal .atti-cartao__titulo { font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.08; letter-spacing: -0.02em; }
.atti-cartao--principal .atti-cartao__sub { font-size: 1.0625rem; }
.atti-ed__lista { display: flex; flex-direction: column; }
.atti-cartao--linha { display: grid; grid-template-columns: minmax(0, 1fr) 112px; gap: 14px; align-items: start; padding: 14px 0; }
.atti-cartao--linha:first-child { padding-top: 0; }
.atti-cartao--linha .atti-cartao__foto { order: 2; aspect-ratio: 1 / 1; }
.atti-cartao--linha .atti-cartao__texto { padding-top: 0; }
.atti-cartao--linha .atti-cartao__titulo { font-size: 1.0625rem; line-height: 1.22; }
.atti-cartao--linha:not(:has(.atti-cartao__foto)) { grid-template-columns: 1fr; }

/* Colunistas (faixa com rosto) */
.atti-colunistas__lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.atti-colunista { display: grid; grid-template-columns: 56px 1fr; gap: 14px; padding: 16px 16px 16px 0; color: var(--atti-tinta); }
.atti-colunista__foto { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.atti-colunista small { display: block; font-family: var(--atti-sans); font-size: .7rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--atti-cor); }
.atti-colunista b { display: block; font-size: .82rem; font-weight: 600; color: var(--atti-suave); }
.atti-colunista em { display: block; font-style: normal; font-family: var(--atti-serif); font-weight: 600; font-size: 1.0625rem; line-height: 1.25; margin-top: 2px; }
.atti-colunista:hover em { color: var(--atti-cor); }

/* Ao vivo e vídeos: as faixas escuras da capa */
.atti-aovivo, .atti-videos { background: #111; color: #fff; padding: 22px 24px 28px; }
.atti-aovivo .atti-faixa__titulo, .atti-videos .atti-faixa__titulo { color: #fff; }
.atti-aovivo__ponto { width: 10px; height: 10px; border-radius: 50%; background: var(--atti-cor); animation: atti-pulso 1.4s ease-in-out infinite; }
@keyframes atti-pulso { 50% { opacity: .25; } }
.atti-videos .atti-cartao__titulo a { color: #fff; }
.atti-videos .atti-cartao__foto { aspect-ratio: 16 / 9; }
.atti-videos .atti-chapeu { color: #ff8a80; }

/* Mais lidas: números grandes, colunas com fio */
.atti-maislidas__lista { margin: 0; padding: 0; list-style: none; counter-reset: lidas; display: grid; }
@media (min-width: 960px) { .atti-maislidas__lista { grid-template-columns: repeat(5, 1fr); margin: 0 -14px; clip-path: inset(0 0 0 1px); } }
.atti-maislidas__lista li { counter-increment: lidas; display: grid; grid-template-columns: 44px 1fr; gap: 8px; align-items: start; padding: 12px 0; }
@media (min-width: 960px) { .atti-maislidas__lista li { padding: 0 14px; } }
.atti-maislidas__lista li::before { content: counter(lidas); font-family: var(--atti-serif); font-size: 2.75rem; font-weight: 800; line-height: .85; color: var(--atti-tinta); }
.atti-maislidas__lista a { font-family: var(--atti-serif); color: var(--atti-tinta); font-weight: 700; font-size: 1.0625rem; line-height: 1.22; }
.atti-maislidas__lista a:hover { color: var(--atti-cor); }

/* Anúncio */
.atti-anuncio { text-align: center; padding: 14px 0 18px; }
.atti-anuncio__rotulo { display: block; font-size: .65rem; text-transform: uppercase; letter-spacing: .14em; color: var(--atti-suave); margin-bottom: 8px; }

/* Feed (Últimas) */
.atti-capa > .atti-feed { max-width: 880px; }
.atti-feed__lista { display: flex; flex-direction: column; }
.atti-cartao--feed { display: grid; grid-template-columns: 1fr; gap: 14px; padding: 24px 0; }
.atti-cartao--feed:first-child { padding-top: 0; }
.atti-cartao--feed .atti-cartao__texto { padding-top: 0; }
.atti-cartao--feed .atti-cartao__titulo { font-size: 1.5rem; line-height: 1.15; }
@media (min-width: 720px) {
	.atti-cartao--feed { grid-template-columns: minmax(0, 1fr) 260px; gap: 28px; align-items: start; }
	.atti-cartao--feed .atti-cartao__foto { order: 2; }
	.atti-cartao--feed:not(:has(.atti-cartao__foto)) { grid-template-columns: 1fr; }
}
.atti-feed .wp-block-post-featured-image { margin: 0; }
.atti-feed .wp-block-post-featured-image img { aspect-ratio: 3/2; object-fit: cover; width: 100%; }
.atti-feed .wp-block-post-title { margin: 0; font-family: var(--atti-serif); }
.atti-feed .wp-block-post-title a { color: var(--atti-tinta); }
.atti-feed .wp-block-post-excerpt__excerpt { margin: 8px 0 0; color: var(--atti-suave); font-size: .9375rem; }
.atti-arquivo__titulo { font-family: var(--atti-serif); font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; letter-spacing: -0.02em; padding-bottom: 14px; }

/* Comunidade no WhatsApp */
.atti-comunidade { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: center; padding: 32px 24px; background: var(--atti-papel); }
@media (min-width: 900px) { .atti-comunidade { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); padding: 40px; } }
.atti-comunidade__sobre { margin: 0 0 6px; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #128c4b; }
.atti-comunidade__titulo { margin: 0; font-family: var(--atti-serif); font-size: clamp(1.625rem, 3vw, 2.25rem); line-height: 1.08; font-weight: 700; letter-spacing: -0.02em; color: var(--atti-tinta); }
.atti-comunidade__sub { margin: 10px 0 0; color: var(--atti-texto); font-size: 1rem; }
.atti-comunidade__acoes { display: grid; gap: 16px; justify-items: start; }
.atti-comunidade__botao { display: inline-flex; align-items: center; gap: 10px; background: #25d366; color: #fff !important; font-weight: 800; font-size: 1.0625rem; padding: 14px 22px; }
.atti-comunidade__botao:hover { background: #1fb457; }
.atti-comunidade__redes { display: flex; align-items: center; gap: 14px; font-size: .82rem; font-weight: 700; color: var(--atti-suave); }
.atti-redes--grande .atti-icone { width: 22px; height: 22px; }
.atti-comunidade--materia { margin-top: 40px; }

/* ── Matéria ──────────────────────────────────────────────────────────── */
.atti-materia { max-width: 1240px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }
.atti-materia__grade { display: grid; grid-template-columns: 1fr; gap: 48px; }
@media (min-width: 1100px) { .atti-materia__grade { grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; } }
.atti-materia__texto { max-width: 720px; min-width: 0; }
@media (min-width: 1100px) { .atti-materia__texto { margin-left: max(0px, calc((100% - 720px) / 2 - 40px)); } }
.atti-materia .wp-block-post-content { font-size: 1.25rem; line-height: 1.62; }
@media (min-width: 1100px) { .atti-trilho { position: sticky; top: 64px; } }
.atti-anuncio--materia_lateral { border: 0; padding: 0; }
.atti-anuncio--materia_lateral img { width: 100%; }
.atti-materia > .atti-relacionadas, .atti-materia > .atti-feed { max-width: 1240px; }

.atti-abertura { margin-bottom: 24px; }
.atti-abertura__titulo { font-family: var(--atti-serif); font-size: clamp(2.125rem, 4.2vw, 3.25rem); line-height: 1.04; font-weight: 800; text-wrap: balance; letter-spacing: -0.025em; margin: 0 0 16px; color: var(--atti-tinta); }
.atti-abertura__sub { font-family: var(--atti-serif); font-size: clamp(1.1875rem, 2.2vw, 1.4375rem); line-height: 1.4; color: var(--atti-suave); margin: 0 0 22px; font-weight: 400; }
.atti-abertura__meta { display: flex; gap: 12px; align-items: center; font-size: .84rem; color: var(--atti-suave); padding: 14px 0; }
.atti-abertura__meta strong { color: var(--atti-tinta); font-weight: 800; }
.atti-abertura__autor-foto { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.atti-abertura__midia { margin: 8px 0 28px; max-width: none; }
.atti-abertura__midia img { display: block; width: 100%; height: auto; }
.atti-abertura__midia figcaption { font-size: .8125rem; color: var(--atti-suave); margin-top: 8px; }
.atti-player { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; background: #000; }

.atti-compartilhar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 10px 0; }
.atti-compartilhar a, .atti-compartilhar button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 38px; height: 38px; border-radius: 50%; background: var(--atti-papel); color: var(--atti-tinta); border: 0; cursor: pointer; font: inherit; }
.atti-compartilhar a:hover, .atti-compartilhar button:hover { background: var(--atti-tinta); color: #fff; }
.atti-compartilhar .atti-compartilhar__whatsapp { background: #25d366; color: #fff; width: auto; border-radius: 19px; padding: 0 14px; font-weight: 700; font-size: .84rem; }
.atti-compartilhar .atti-compartilhar__copiar { width: auto; border-radius: 19px; padding: 0 14px; font-size: .78rem; font-weight: 700; }

.atti-materia .wp-block-post-content { color: var(--atti-texto); }
.atti-materia .wp-block-post-content > p { margin: 0 0 1.3em; }
.atti-materia .wp-block-post-content h2, .atti-materia .wp-block-post-content h3 { font-family: var(--atti-serif); margin: 1.8em 0 .6em; }
.atti-materia .wp-block-post-content a { color: var(--atti-tinta); text-decoration: underline; text-decoration-color: var(--atti-cor); text-underline-offset: 3px; text-decoration-thickness: 1px; }
.atti-materia .wp-block-post-content a:hover { color: var(--atti-cor); }
.atti-materia .wp-block-post-content blockquote:not(.wp-block-pullquote blockquote) { margin: 1.6em 0; padding-left: 20px; font-size: 1.3125rem; font-style: italic; color: var(--atti-tinta); }
.atti-materia .wp-block-post-content figure { margin: 2em 0; }
.atti-materia .wp-block-post-content figcaption { font-family: var(--atti-sans); font-size: .8125rem; color: var(--atti-suave); margin-top: 8px; }
.atti-materia .wp-block-pullquote { padding: 24px 0 !important; text-align: left !important; }
.atti-materia .wp-block-pullquote p { font-family: var(--atti-serif); font-size: 1.75rem !important; line-height: 1.2 !important; font-weight: 700 !important; color: var(--atti-tinta); }
.atti-materia aside[style] { font-family: var(--atti-sans); font-size: .9375rem; }
.atti-relacionadas, .atti-materia .atti-feed { margin-top: 48px; }
.atti-materia .atti-relacionadas .atti-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* Resumo em tópicos (bloco do ATTI) — como UOL/g1/Axios: superfície leve,
   rótulo com ícone de lista, pontos redondos na cor da editoria, texto médio. */
.atti-materia .fv-resumo { background: #f5f5f5 !important; border: 0 !important; border-radius: 2px; padding: 18px 22px 18px !important; margin: 4px 0 32px !important; font-family: var(--atti-sans); }
.atti-materia .fv-resumo > p { display: flex !important; align-items: center; gap: 8px; margin: 0 0 12px !important; background: none; color: var(--atti-tinta) !important; font-size: .875rem !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1; padding: 0; }
.atti-materia .fv-resumo > p::before { content: ""; width: 16px; height: 16px; background: var(--ed, var(--atti-cor)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1' y='2.5' width='2' height='2' rx='1'/%3E%3Crect x='5' y='2.75' width='10' height='1.5' rx='.75'/%3E%3Crect x='1' y='7' width='2' height='2' rx='1'/%3E%3Crect x='5' y='7.25' width='10' height='1.5' rx='.75'/%3E%3Crect x='1' y='11.5' width='2' height='2' rx='1'/%3E%3Crect x='5' y='11.75' width='10' height='1.5' rx='.75'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1' y='2.5' width='2' height='2' rx='1'/%3E%3Crect x='5' y='2.75' width='10' height='1.5' rx='.75'/%3E%3Crect x='1' y='7' width='2' height='2' rx='1'/%3E%3Crect x='5' y='7.25' width='10' height='1.5' rx='.75'/%3E%3Crect x='1' y='11.5' width='2' height='2' rx='1'/%3E%3Crect x='5' y='11.75' width='10' height='1.5' rx='.75'/%3E%3C/svg%3E") center / contain no-repeat; }
.atti-materia .fv-resumo ul { list-style: none; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 10px; }
.atti-materia .fv-resumo li { position: relative; margin: 0 !important; padding: 0 0 0 18px; font-size: 1.0625rem; line-height: 1.45; font-weight: 500; letter-spacing: -0.006em; color: #1a1a1a; text-wrap: pretty; }
.atti-materia .fv-resumo li::before { content: ""; position: absolute; left: 2px; top: .58em; width: 6px; height: 6px; border-radius: 50%; background: var(--ed, var(--atti-cor)); }

/* Participe */
.atti-participe { margin: 24px 0 0; display: grid; gap: 14px; font-family: var(--atti-sans); }
.atti-participe__zap { margin: 0; font-size: .9375rem; color: var(--atti-texto); }
.atti-participe__zap a { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: #128c4b; margin-left: 4px; }
.atti-participe__google { font-size: .875rem; font-weight: 700; color: var(--atti-tinta); }
.atti-participe__google::before { content: "+ "; color: var(--atti-cor); font-weight: 800; }

/* ── Rodapé: escuro, com peso ────────────────────────────────────────── */

/* ── Selos de cobertura ───────────────────────────────────────────────── */
.atti-selo { display: inline-flex; align-items: center; gap: 6px; font-family: var(--atti-sans); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #fff; background: var(--atti-tinta); padding: 4px 8px; margin-bottom: 8px; align-self: flex-start; }
.atti-selo--aovivo { background: var(--atti-cor); }
.atti-selo--aovivo i, .atti-servico__aovivo i { width: 7px; height: 7px; border-radius: 50%; background: #fff; animation: atti-pulso 1.4s ease-in-out infinite; }
.atti-selo--encerrada { background: var(--atti-papel); color: var(--atti-suave); }
.atti-servico__aovivo { display: inline-flex; align-items: center; gap: 6px; color: #fff; background: var(--atti-cor); padding: 3px 10px 3px 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; font-size: .7rem; }
.atti-servico__aovivo span { text-transform: none; letter-spacing: 0; font-weight: 600; margin-left: 4px; max-width: 280px; overflow: hidden; text-overflow: ellipsis; }

/* Aviso no topo da matéria que faz parte de cobertura */
.atti-aviso-cobertura { display: flex; align-items: center; gap: 10px; padding: 10px 12px; margin-bottom: 18px; background: var(--atti-papel); color: var(--atti-tinta); font-weight: 700; font-size: .9375rem; }
.atti-aviso-cobertura .atti-selo { margin: 0; }
.atti-aviso-cobertura span { flex: 1; font-family: var(--atti-serif); font-size: 1.0625rem; }
.atti-aviso-cobertura b { color: var(--atti-cor); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; }
.atti-aviso-cobertura b::after { content: " →"; }

/* Faixa da cobertura na capa */
.atti-faixa-cobertura { background: var(--atti-papel); padding: 18px 20px 20px; }
.atti-faixa-cobertura__cabeca { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.atti-faixa-cobertura__cabeca .atti-selo { margin: 0; }
.atti-faixa-cobertura__cabeca h2 { margin: 0; font-family: var(--atti-serif); font-size: clamp(1.5rem, 2.6vw, 2rem); letter-spacing: -0.02em; }
.atti-faixa-cobertura__cabeca h2 a { color: var(--atti-tinta); }
.atti-faixa-cobertura__lista { list-style: none; margin: 14px 0 12px; padding: 0; display: grid; gap: 0; }
@media (min-width: 960px) { .atti-faixa-cobertura__lista { grid-template-columns: repeat(3, 1fr); gap: 24px; } }
.atti-faixa-cobertura__lista li { display: grid; grid-template-columns: 52px 1fr; gap: 8px; padding: 10px 0; }
@media (min-width: 960px) { .atti-faixa-cobertura__lista li { padding: 0 0 0 12px; } }
.atti-faixa-cobertura__lista time { color: var(--atti-cor); font-weight: 800; font-size: .8125rem; }
.atti-faixa-cobertura__lista a { color: var(--atti-tinta); font-weight: 600; font-size: .9375rem; line-height: 1.35; }
.atti-faixa-cobertura__mais { font-weight: 800; font-size: .8125rem; text-transform: uppercase; letter-spacing: .06em; color: var(--atti-cor); }
.atti-faixa-cobertura__mais::after { content: " →"; }

/* Página da cobertura */
.atti-cobertura__topo { max-width: 860px; margin-bottom: 28px; }
.atti-cobertura__titulo { font-family: var(--atti-serif); font-size: clamp(2.25rem, 5vw, 3.75rem); line-height: 1.02; letter-spacing: -0.03em; margin: 4px 0 12px; color: var(--atti-tinta); }
.atti-cobertura__sub { font-family: var(--atti-serif); font-size: 1.3125rem; color: var(--atti-suave); margin: 0; }
.atti-cobertura__quando { font-size: .84rem; font-weight: 700; color: var(--atti-cor); margin: 12px 0 0; }
.atti-sabemos { background: var(--atti-papel); padding: 20px 24px; margin-bottom: 36px; max-width: 860px; }
.atti-sabemos h2 { font-family: var(--atti-sans); font-size: .8rem; text-transform: uppercase; letter-spacing: .1em; color: var(--atti-cor); margin: 0 0 10px; }
.atti-sabemos ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.atti-sabemos li { position: relative; padding-left: 18px; font-size: 1.0625rem; font-weight: 600; line-height: 1.45; color: var(--atti-tinta); }
.atti-sabemos li::before { content: ""; position: absolute; left: 0; top: .55em; width: 7px; height: 7px; background: var(--atti-cor); }
.atti-cobertura__grade { display: grid; grid-template-columns: 1fr; gap: 40px; }
@media (min-width: 1024px) { .atti-cobertura__grade { grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; } }
.atti-linha-do-tempo { position: relative; max-width: 760px; }
.atti-linha-do-tempo__novas { position: sticky; top: 12px; z-index: 5; display: block; margin: 0 auto 16px; background: var(--atti-cor); color: #fff; border: 0; padding: 10px 18px; font-weight: 800; font-family: var(--atti-sans); cursor: pointer; }
.atti-atualizacao { display: grid; grid-template-columns: 64px 1fr; gap: 16px; padding: 22px 0; }
.atti-atualizacao__hora { font-weight: 800; color: var(--atti-cor); font-size: 1rem; line-height: 1.2; }
.atti-atualizacao__hora span { display: block; font-weight: 600; color: var(--atti-suave); font-size: .75rem; }
.atti-atualizacao__titulo { margin: 0 0 6px; font-family: var(--atti-serif); font-size: 1.375rem; line-height: 1.2; }
.atti-atualizacao__texto { font-family: var(--atti-serif); font-size: 1.125rem; line-height: 1.6; color: var(--atti-texto); }
.atti-atualizacao__texto p { margin: 0 0 .8em; }
.atti-atualizacao__foto { margin: 8px 0 12px; }
.atti-atualizacao__foto img { width: 100%; height: auto; display: block; }
.atti-atualizacao__link { background: none; border: 0; padding: 0; color: var(--atti-suave); font: inherit; font-size: .75rem; font-weight: 700; cursor: pointer; }
.atti-atualizacao__link:hover { color: var(--atti-cor); }
.atti-linha-do-tempo__vazia { color: var(--atti-suave); }
.atti-cobertura__materias { display: grid; gap: 18px; align-content: start; }
@media (min-width: 1024px) { .atti-cobertura__materias { position: sticky; top: 16px; } }
.atti-cartao--compacto { display: grid; grid-template-columns: 96px 1fr; gap: 12px; }
.atti-cartao--compacto .atti-cartao__texto { padding-top: 0; }
.atti-cartao--compacto .atti-cartao__titulo { font-size: 1rem; }

/* Saiba mais em cartões */
@media (min-width: 600px) { .atti-saiba__cartoes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ── Autores e colunistas ── */
.atti-retrato--iniciais { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--atti-cor); color: #fff; font-family: var(--atti-sans); font-weight: 800; font-size: .85rem; letter-spacing: .02em; flex: none; }
.atti-abertura__meta a { color: inherit; text-decoration: none; }
.atti-abertura__meta a:hover { color: var(--atti-cor); }
.atti-chapeu--coluna { text-decoration: none; }
.atti-autor { display: grid; grid-template-columns: 112px 1fr; gap: 28px; align-items: center; padding: 32px 0 28px; margin-bottom: 8px; }
.atti-autor__foto { width: 112px; height: 112px; border-radius: 50%; object-fit: cover; }
.atti-autor .atti-retrato--iniciais { font-size: 2rem; }
.atti-autor__nome { font-family: var(--atti-serif); font-size: clamp(2rem, 4vw, 2.75rem); line-height: 1.05; margin: 0; }
.atti-autor__bio { font-size: 1.05rem; line-height: 1.5; margin: 12px 0 0; max-width: 60ch; }
.atti-autor__conta { font-family: var(--atti-sans); font-size: .8rem; color: var(--atti-suave); margin: 10px 0 0; }
.atti-sobre-autor { display: grid; grid-template-columns: 64px 1fr; gap: 18px; margin: 40px 0 8px; padding: 22px 0; }
.atti-sobre-autor__foto { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.atti-sobre-autor b { display: block; font-family: var(--atti-serif); font-size: 1.25rem; }
.atti-sobre-autor p { margin: 6px 0 8px; line-height: 1.5; }
.atti-sobre-autor a { font-family: var(--atti-sans); font-weight: 700; font-size: .85rem; color: var(--atti-cor); }
@media (max-width: 640px) {
	.atti-autor { grid-template-columns: 72px 1fr; gap: 16px; }
	.atti-autor__foto, .atti-autor .atti-retrato--iniciais { width: 72px !important; height: 72px !important; font-size: 1.4rem; }
}
.atti-abertura__autor-foto, .atti-colunista__foto, .atti-autor__foto, .atti-sobre-autor__foto { object-position: 50% 18%; }

/* ── Anúncios ── */
.atti-anuncio img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.atti-anuncio--topo { border: 0; padding: 12px 16px; max-width: 1240px; margin: 0 auto; }
.atti-anuncio--topo img, .atti-anuncio--capa img, .atti-anuncio--materia_pe img { max-width: min(100%, 970px); }
.atti-anuncio--materia_meio, .atti-anuncio--materia_pe { margin: 28px 0; }
.atti-anuncio--materia_meio img { max-width: min(100%, 336px); }
.atti-envelope { position: fixed; inset: 0; z-index: 0; background: center top / cover no-repeat; display: none; }
@media (min-width: 1360px) {
	.atti-com-envelope .atti-envelope { display: block; }
	.atti-com-envelope .wp-site-blocks { position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; background: var(--wp--preset--color--fundo, #fff); }
}

/* ── Edição impressa ── */
.atti-folheador { padding: 24px 0 8px; }
.atti-folheador__topo { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.atti-folheador__topo h1 { font-family: var(--atti-serif); font-size: clamp(1.6rem, 3vw, 2.25rem); line-height: 1.1; margin: 0; }
.atti-folheador__comandos { display: flex; align-items: center; gap: 6px; font-family: var(--atti-sans); font-size: .85rem; }
.atti-folheador__comandos button, .atti-folheador__comandos a { height: 34px; min-width: 34px; padding: 0 12px; border: 1px solid var(--atti-linha); background: var(--wp--preset--color--fundo, #fff); color: var(--atti-tinta); border-radius: 4px; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; }
.atti-folheador__comandos button[data-ir] { font-size: 1.2rem; padding: 0; justify-content: center; }
.atti-folheador__comandos [data-pagina] { min-width: 72px; text-align: center; color: var(--atti-suave); }
.atti-folheador__palco { background: var(--atti-papel); padding: 24px 12px; min-height: 420px; display: flex; justify-content: center; align-items: center; }
.atti-folheador:fullscreen { background: #1b1a19; padding: 16px; overflow: auto; }
.atti-folheador:fullscreen .atti-folheador__palco { background: transparent; }
.atti-folheador:fullscreen h1, .atti-folheador:fullscreen .atti-chapeu { color: #f1efea; }
.atti-folheador__livro { margin: 0 auto; }
.atti-folheador__folha { background: #fff; position: relative; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); }
.atti-folheador__img { position: absolute; inset: 0; width: 100%; height: 100%; }
.atti-folheador__n { position: absolute; inset: 0; display: grid; place-items: center; color: #c9c5bd; font: 700 2rem var(--atti-sans); }
.atti-folheador__carregando { font-family: var(--atti-sans); color: var(--atti-suave); }
.atti-folheador__lupa { position: fixed; inset: 0; z-index: 9999; background: rgba(20,20,19,.94); overflow: auto; text-align: center; padding: 56px 16px 24px; }
.atti-folheador__lupa canvas { max-width: none; width: min(1800px, 160vw); height: auto; background: #fff; }
.atti-folheador__lupa button { position: fixed; top: 12px; right: 16px; height: 34px; padding: 0 14px; border: 0; border-radius: 4px; background: #fff; font: 700 .85rem var(--atti-sans); cursor: pointer; }
.atti-edicoes__lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px; }
.atti-edicoes__item { color: var(--atti-tinta); text-decoration: none; font-family: var(--atti-sans); font-size: .85rem; font-weight: 700; }
.atti-edicao__capa { display: block; width: 100%; aspect-ratio: 289 / 380; object-fit: cover; object-position: top; background: var(--atti-papel); box-shadow: 0 1px 0 var(--atti-linha); margin-bottom: 8px; }
.atti-edicoes__item:hover span { color: var(--atti-cor); }
.atti-faixa-edicao { display: grid; grid-template-columns: 200px 1fr; gap: 28px; align-items: center; padding: 24px 0; }
.atti-faixa-edicao h2 { font-family: var(--atti-serif); font-size: 1.75rem; margin: 4px 0 8px; }
.atti-faixa-edicao h2 a { color: inherit; text-decoration: none; }
.atti-faixa-edicao__ler { display: inline-flex; height: 36px; align-items: center; padding: 0 16px; background: var(--atti-cor); color: #fff; font: 700 .85rem var(--atti-sans); text-decoration: none; border-radius: 4px; margin-right: 12px; }
.atti-faixa-edicao__todas { font: 700 .85rem var(--atti-sans); color: var(--atti-cor); }
@media (max-width: 640px) { .atti-faixa-edicao { grid-template-columns: 120px 1fr; gap: 16px; } .atti-faixa-edicao h2 { font-size: 1.25rem; } }

/* Ajustes da capa em jornal */
.atti-cartao--principal .atti-cartao__foto { aspect-ratio: 16 / 9; }
.atti-editoria .atti-chapeu, .atti-editoria .atti-selo { display: none; }
/* Menu largo demais rola a partir da primeira editoria, sem cortar o começo */

/* ── Padrão dos cards: Geist pesada, entrelinha justa ── */
.atti-cartao__titulo { font-weight: 800; letter-spacing: -0.022em; line-height: 1.12; }
.atti-manchete__titulo, .atti-abertura__titulo, .atti-cobertura__titulo, .atti-autor__nome { font-weight: 800; letter-spacing: -0.035em; line-height: 1.04; }
.atti-faixa__titulo, .atti-trilho__titulo { font-weight: 800; letter-spacing: -0.025em; }
.atti-manchete__sub, .atti-abertura__sub { font-family: var(--atti-sans); font-weight: 400; color: #3a3a3a; letter-spacing: -0.005em; }
.atti-materia .wp-block-post-content { font-size: 1.1875rem; line-height: 1.7; letter-spacing: -0.003em; }
.atti-maislidas__lista a, .atti-trilho__lidas a, .atti-colunista em { font-weight: 700; letter-spacing: -0.015em; }
.atti-selo--aovivo, .atti-servico__aovivo, .atti-faixa-cobertura--aovivo { --atti-cor: var(--atti-urgente); }
.atti-selo--aovivo, .atti-servico__aovivo { background: var(--atti-urgente); }
.atti-aovivo__ponto { background: var(--atti-urgente); }

/* Seção de editoria na cor da categoria */
.atti-editoria .atti-faixa__titulo > a:first-child { color: var(--atti-cor); }

/* ── Pacote do destaque (suítes), seção no topo, subeditorias, mais lidas com foto ── */




/* Linha fina nos cartões, cortada para não pesar */
.atti-cartao__sub { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.atti-cartao--linha .atti-cartao__sub, .atti-trilho .atti-cartao__sub, .atti-grade--n4 .atti-cartao__sub { -webkit-line-clamp: 2; font-size: .875rem; }
.atti-cartao--principal .atti-cartao__sub, .atti-cartao--manchete .atti-cartao__sub { -webkit-line-clamp: 4; }
.atti-trilho .atti-cartao__sub, .atti-videos .atti-cartao__sub { display: none; }

/* ── Faixa "ao vivo" da capa: bloco escuro + linha do tempo ── */
.atti-vivo { display: grid; grid-template-columns: 1fr; gap: 24px; background: #111; color: #fff; padding: 28px 28px 30px; }
@media (min-width: 900px) { .atti-vivo { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 40px; } }
.atti-vivo .atti-selo { background: var(--atti-urgente); margin-bottom: 12px; }
.atti-vivo--desenvolvimento .atti-selo { background: #fff; color: #111; }
.atti-vivo__titulo { margin: 0; font-family: var(--atti-sans); font-weight: 800; font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.05; letter-spacing: -0.035em; }
.atti-vivo__titulo a { color: #fff; }
.atti-vivo__titulo a:hover { color: #ffb4ad; }
.atti-vivo__sub { margin: 10px 0 0; color: #c9c5bd; font-size: 1rem; line-height: 1.45; }
.atti-vivo__quando { margin: 12px 0 0; font-size: .8125rem; font-weight: 700; color: #ff8a80; }
.atti-vivo__botao { display: inline-flex; align-items: center; height: 40px; padding: 0 18px; margin-top: 18px; background: var(--atti-urgente); color: #fff !important; font-weight: 800; font-size: .875rem; }
.atti-vivo--desenvolvimento .atti-vivo__botao, .atti-vivo--encerrada .atti-vivo__botao { background: #fff; color: #111 !important; }
.atti-vivo__botao:hover { filter: brightness(1.1); }
.atti-vivo__linha { list-style: none; margin: 0; padding: 0 0 0 18px; }
.atti-vivo__linha li { position: relative; padding: 0 0 16px 14px; }
.atti-vivo__linha li:last-child { padding-bottom: 0; }
.atti-vivo__linha li::before { content: ""; position: absolute; left: -25px; top: 5px; width: 10px; height: 10px; border-radius: 50%; background: #111; border: 2px solid var(--atti-urgente); }
.atti-vivo__linha li:first-child::before { background: var(--atti-urgente); }
.atti-vivo__linha time { display: block; font-size: .75rem; font-weight: 800; color: #ff8a80; margin-bottom: 2px; }
.atti-vivo__linha a { color: #fff; font-weight: 600; font-size: 1rem; line-height: 1.35; }
.atti-vivo__linha a:hover { color: #ffb4ad; }

/* ── Sem contorno de um lado só (Eduardo, 09/10/2026): separa-se por espaço e
   superfície; seleção é cor, nunca traço. ── */
.atti-faixa__titulo { padding-top: 0; margin-bottom: 18px; }
.atti-editoria .atti-faixa__titulo > a:first-child { color: var(--atti-cor); }
.atti-capa { gap: 64px; }
.atti-grade { row-gap: 36px; }
.atti-abre__lateral { gap: 22px; }
.atti-abre__lateral > .atti-cartao { padding: 0; }
.atti-ed__lista { gap: 18px; }
.atti-cartao--linha { padding: 0; }
.atti-feed__lista { gap: 28px; }
.atti-cartao--feed { padding: 0; }
.atti-materia .fv-quadro, .atti-materia .fv-callout, .atti-materia aside[style] { border: 0 !important; }
.atti-anuncio { padding: 0; }
.atti-compartilhar { padding: 6px 0; }
.atti-abertura__meta { padding: 10px 0; }
.atti-vivo__linha { padding-left: 0; display: flex; flex-direction: column; gap: 14px; }
.atti-vivo__linha li { padding: 0 0 0 22px; }
.atti-vivo__linha li::before { left: 0; }
.atti-materia .wp-block-post-content blockquote:not(.wp-block-pullquote blockquote) { padding: 0; font-size: 1.375rem; font-weight: 600; }
.atti-materia .wp-block-pullquote { padding: 8px 0 !important; }
.atti-maislidas__lista li { padding: 0 14px; }
.atti-faixa-cobertura__lista li { padding: 0 12px 0 0; }
.atti-sobre-autor { background: #f4f4f4; padding: 20px; }

/* ══ Escala tipográfica e ritmo (referência: NYT, Guardian, g1) ══════════
   Quebra equilibrada em todo título, parágrafo sem palavra órfã, coluna de
   texto em ~68 caracteres, espaçamento em grade de 8 px. */
h1, h2, h3, .atti-cartao__titulo, .atti-manchete__titulo, .atti-abertura__titulo, .atti-vivo__titulo, .atti-faixa__titulo { text-wrap: balance; }
p, li, .atti-cartao__sub, .atti-manchete__sub, .atti-abertura__sub { text-wrap: pretty; }

/* Matéria */
.atti-abertura__titulo { font-size: clamp(1.875rem, 1.2rem + 2.4vw, 2.875rem); line-height: 1.08; letter-spacing: -0.032em; margin: 0 0 14px; max-width: 24ch; }
.atti-abertura__sub { font-size: clamp(1.125rem, 1rem + .45vw, 1.3125rem); line-height: 1.42; font-weight: 400; color: #444; margin: 0 0 20px; max-width: 58ch; }
.atti-abertura__meta { font-size: .8125rem; line-height: 1.35; }
.atti-materia__texto { max-width: 680px; }
.atti-materia .wp-block-post-content { font-size: 1.1875rem; line-height: 1.66; letter-spacing: -0.004em; color: #1d1d1d; }
.atti-materia .wp-block-post-content > p { margin: 0 0 1.15em; }
.atti-materia .wp-block-post-content h2 { font-size: 1.625rem; line-height: 1.2; letter-spacing: -0.022em; font-weight: 800; margin: 1.7em 0 .5em; }
.atti-materia .wp-block-post-content h3 { font-size: 1.3125rem; line-height: 1.25; letter-spacing: -0.015em; font-weight: 700; margin: 1.5em 0 .45em; }
.atti-materia .wp-block-post-content figcaption, .atti-abertura__midia figcaption { font-size: .8125rem; line-height: 1.4; color: #666; }
.atti-materia .wp-block-post-content ul, .atti-materia .wp-block-post-content ol { padding-left: 1.2em; margin: 0 0 1.15em; }
.atti-materia .wp-block-post-content li { margin: .3em 0; }

/* Cartões */
.atti-chapeu { font-size: .6875rem; padding: 5px 7px 4px; margin-bottom: 8px; }
.atti-cartao__titulo { font-size: 1.25rem; line-height: 1.18; letter-spacing: -0.02em; }
.atti-cartao__sub { font-size: .9375rem; line-height: 1.45; color: #555; margin-top: 6px; }
.atti-manchete__titulo { font-size: clamp(2rem, 1.1rem + 2.6vw, 3.125rem); line-height: 1.04; letter-spacing: -0.035em; }
.atti-manchete__sub { font-size: 1.125rem; line-height: 1.45; max-width: 52ch; }
.atti-cartao--lateral .atti-cartao__titulo { font-size: 1.375rem; line-height: 1.14; }
.atti-cartao--titulo .atti-cartao__titulo { font-size: 1.125rem; line-height: 1.2; }
.atti-cartao--principal .atti-cartao__titulo { font-size: clamp(1.5rem, 1.1rem + 1.2vw, 1.875rem); line-height: 1.1; }
.atti-cartao--linha .atti-cartao__titulo { font-size: 1.0625rem; line-height: 1.24; }
.atti-faixa__titulo { font-size: 1.5rem; line-height: 1.15; letter-spacing: -0.025em; margin-bottom: 16px; }

/* ══ Celular ════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {
	.atti-principal { padding-top: 16px; padding-bottom: 40px; }
	.atti-capa { gap: 40px; }
	.atti-materia { padding-left: 16px; padding-right: 16px; }
	.atti-materia .wp-block-post-content { font-size: 1.125rem; line-height: 1.62; }
	.atti-abertura__titulo { font-size: 1.875rem; line-height: 1.1; }
	.atti-manchete__titulo { font-size: 1.875rem; }
	.atti-faixa__titulo { font-size: 1.3125rem; }
	/* Destaques e grades: no celular, lista com miniatura à direita (como g1/UOL) */
	.atti-grade { margin: 0; gap: 18px; clip-path: none; }
	.atti-grade > .atti-cartao { padding: 0; display: grid !important; grid-template-columns: minmax(0, 1fr) 104px; gap: 12px; align-items: start; }
	.atti-grade > .atti-cartao .atti-cartao__foto { order: 2; aspect-ratio: 1 / 1; }
	.atti-grade > .atti-cartao .atti-cartao__texto { padding-top: 0; }
	.atti-grade > .atti-cartao .atti-cartao__titulo { font-size: 1.0625rem !important; line-height: 1.24; }
	.atti-grade > .atti-cartao .atti-cartao__sub { display: none; }
	.atti-grade > .atti-cartao:first-child { grid-template-columns: 1fr; }
	.atti-grade > .atti-cartao:first-child .atti-cartao__foto { order: 0; aspect-ratio: 16 / 9; }
	.atti-grade > .atti-cartao:first-child .atti-cartao__titulo { font-size: 1.25rem !important; }
	.atti-cartao--linha { grid-template-columns: minmax(0, 1fr) 96px; }
	.atti-maislidas__lista { gap: 14px; }
	.atti-maislidas__lista li { padding: 0; }
	.atti-vivo { padding: 22px 18px; margin: 0 -16px; }
	.atti-materia .fv-resumo { padding: 16px 16px !important; }
	.atti-materia .fv-resumo li { font-size: 1rem; }
}

/* ══ Densidade (09/10: "tá tudo enorme") — escala ~15% menor, medida g1/Folha ══ */
.atti-abertura__titulo { font-size: clamp(1.625rem, 1.15rem + 1.5vw, 2.375rem); line-height: 1.1; max-width: 26ch; }
.atti-abertura__sub { font-size: clamp(1.0625rem, 1rem + .25vw, 1.1875rem); line-height: 1.45; }
.atti-materia .wp-block-post-content { font-size: 1.0625rem; line-height: 1.68; }
.atti-materia .wp-block-post-content h2 { font-size: 1.375rem; }
.atti-materia .wp-block-post-content h3 { font-size: 1.1875rem; }
.atti-manchete__titulo { font-size: clamp(1.75rem, 1.1rem + 1.8vw, 2.5rem); line-height: 1.06; }
.atti-manchete__sub { font-size: 1.0625rem; }
.atti-cartao__titulo { font-size: 1.0625rem; line-height: 1.22; letter-spacing: -0.016em; }
.atti-cartao__sub { font-size: .875rem; line-height: 1.42; }
.atti-cartao--lateral .atti-cartao__titulo { font-size: 1.1875rem; line-height: 1.18; }
.atti-cartao--titulo .atti-cartao__titulo { font-size: 1rem; }
.atti-cartao--principal .atti-cartao__titulo { font-size: clamp(1.3125rem, 1rem + .9vw, 1.625rem); line-height: 1.12; }
.atti-cartao--linha .atti-cartao__titulo { font-size: .9375rem; line-height: 1.26; }
.atti-faixa__titulo { font-size: 1.25rem; margin-bottom: 14px; }
.atti-maislidas__lista li::before { font-size: 2.125rem; }
.atti-maislidas__lista a { font-size: .9375rem; }
.atti-vivo__titulo { font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2rem); }
.atti-vivo__linha a { font-size: .9375rem; }
.atti-materia .fv-resumo li { font-size: 1rem; }
.atti-chapeu { font-size: .625rem; padding: 4px 6px 3px; }
.atti-capa { gap: 48px; }
.atti-grade { row-gap: 28px; }
@media (max-width: 600px) {
	.atti-abertura__titulo, .atti-manchete__titulo { font-size: 1.625rem; }
	.atti-materia .wp-block-post-content { font-size: 1.0625rem; }
	.atti-grade > .atti-cartao .atti-cartao__titulo { font-size: .9375rem !important; }
	.atti-grade > .atti-cartao:first-child .atti-cartao__titulo { font-size: 1.125rem !important; }
	.atti-faixa__titulo { font-size: 1.125rem; }
	.atti-vivo__titulo { font-size: 1.375rem; }
}
.atti-manchete__foto { aspect-ratio: 2 / 1; }
@media (max-width: 600px) { .atti-manchete__foto { aspect-ratio: 16 / 10; } }

/* ── TV ── */
.atti-tv__topo { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.atti-tv__topo h1 { margin: 0; font-size: 1.75rem; font-weight: 800; letter-spacing: -0.03em; }
.atti-tv__canal { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; background: #c4302b; color: #fff !important; font-weight: 800; font-size: .8125rem; }
.atti-tv__palco { display: grid; grid-template-columns: 1fr; gap: 20px; background: #111; color: #fff; padding: 20px; margin-bottom: 40px; }
@media (min-width: 960px) { .atti-tv__palco { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px; } }
.atti-tv__player { aspect-ratio: 16 / 9; background: #000; }
.atti-tv__player iframe { width: 100%; height: 100%; border: 0; display: block; }
.atti-tv__info h2 { margin: 0 0 6px; font-size: 1.1875rem; line-height: 1.25; font-weight: 800; letter-spacing: -0.015em; color: #fff; }
.atti-tv__info > time { font-size: .8125rem; color: #bdb9b1; }
.atti-tv__seguintes { display: flex; flex-direction: column; gap: 12px; margin-top: 18px; }
.atti-tv__seguintes .atti-tv__video { display: grid; grid-template-columns: 128px 1fr; gap: 10px; color: #fff; }
.atti-tv__seguintes .atti-tv__video b { font-size: .875rem; line-height: 1.3; color: #fff; }
.atti-tv__seguintes .atti-tv__video time { grid-column: 2; font-size: .75rem; color: #8a867f; }
.atti-tv__prateleira { margin-bottom: 40px; }
.atti-tv__fileira { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 1fr); gap: 16px; overflow-x: auto; scrollbar-width: thin; padding-bottom: 6px; }
@media (min-width: 1100px) { .atti-tv__fileira { grid-auto-columns: calc((100% - 48px) / 4); } }
.atti-tv__video { display: flex; flex-direction: column; gap: 8px; color: var(--atti-tinta); }
.atti-tv__video b { font-size: .9375rem; line-height: 1.28; font-weight: 700; letter-spacing: -0.01em; }
.atti-tv__video time { font-size: .75rem; color: #777; }
.atti-tv__video:hover b { color: var(--atti-cor); }
.atti-tv__video--atual b { color: var(--atti-cor); }
.atti-tv__thumb { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #222; }
.atti-tv__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.atti-tv__thumb i { position: absolute; left: 8px; bottom: 8px; width: 30px; height: 30px; border-radius: 50%; background: rgba(0,0,0,.72); }
.atti-tv__thumb i::after { content: ""; position: absolute; left: 11px; top: 9px; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #fff; }
.atti-tv__vazio { padding: 40px 0; color: #666; }
@media (max-width: 600px) { .atti-tv__palco { margin: 0 -16px 32px; padding: 0 0 16px; } .atti-tv__info { padding: 0 16px; } .atti-tv__fileira { grid-auto-columns: 72%; } }

/* ══ Fios e guias (09/10): fio de página, 1px, ponta a ponta — nunca borda
   grudada num lado de caixa. Desenhados como linha (pseudo-elemento). ══ */
:root { --atti-fio: #e3e3e3; }
.atti-capa > section, .atti-capa > aside { position: relative; }
.atti-capa > section + section::before, .atti-capa > aside + section::before, .atti-capa > section + aside::before {
	content: ""; position: absolute; left: 0; right: 0; top: -24px; height: 1px; background: var(--atti-fio);
}
.atti-faixa__titulo { position: relative; padding-top: 12px; }
.atti-faixa__titulo::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--atti-tinta); }
.atti-editoria .atti-faixa__titulo::before { background: var(--atti-cor); }
.atti-videos .atti-faixa__titulo::before, .atti-vivo .atti-faixa__titulo::before { background: #fff; }
/* Listas: fio entre os itens */
.atti-abre__lateral > .atti-cartao + .atti-cartao, .atti-ed__lista > .atti-cartao + .atti-cartao,
.atti-trilho__lidas li + li, .atti-trilho .atti-cartao--lista + .atti-cartao--lista, .atti-feed__lista > .atti-cartao + .atti-cartao { position: relative; padding-top: 14px; }
.atti-abre__lateral > .atti-cartao + .atti-cartao::before, .atti-ed__lista > .atti-cartao + .atti-cartao::before,
.atti-trilho__lidas li + li::before, .atti-trilho .atti-cartao--lista + .atti-cartao--lista::before, .atti-feed__lista > .atti-cartao + .atti-cartao::before {
	content: ""; position: absolute; left: 0; right: 0; top: -2px; height: 1px; background: var(--atti-fio);
}
.atti-materia .fv-resumo li + li { position: relative; padding-top: 10px; }
.atti-materia .fv-resumo li + li::after { content: ""; position: absolute; left: 18px; right: 0; top: -1px; height: 1px; background: #e2e2e2; }
.atti-materia .fv-resumo li + li::before { top: calc(10px + .58em); }
.atti-abertura__meta { position: relative; }
.atti-abertura__meta::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--atti-fio); }

/* Principal da editoria como o globo.com e os cards da FV: título branco numa
   faixa na cor da editoria, colada embaixo da foto. */
.atti-editoria .atti-cartao--principal .atti-cartao__texto { background: var(--atti-cor); color: #fff; padding: 14px 16px 16px; }
.atti-editoria .atti-cartao--principal .atti-cartao__titulo a { color: #fff; }
.atti-editoria .atti-cartao--principal .atti-cartao__titulo a:hover { color: #fff; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.atti-editoria .atti-cartao--principal .atti-cartao__sub { color: rgba(255,255,255,.88); }
.atti-editoria .atti-cartao--linha .atti-cartao__titulo a:hover { color: var(--atti-cor); }

/* ── Jogos ── */
.atti-jogos { max-width: 760px; margin: 0 auto; }
.atti-jogos__topo { margin-bottom: 20px; }
.atti-jogos__topo h1 { margin: 0; font-size: 1.75rem; font-weight: 800; letter-spacing: -0.03em; }
.atti-jogos__topo p { margin: 6px 0 0; color: #555; }
.atti-jogos__voltar a { font-size: .8125rem; font-weight: 700; color: var(--atti-suave); }
.atti-jogos__voltar a::before { content: "← "; }
.atti-jogos__lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.atti-jogos__cartao { display: flex; flex-direction: column; gap: 6px; padding: 18px; background: #f4f4f4; color: var(--atti-tinta); border-radius: 4px; }
.atti-jogos__cartao:hover { background: #ececec; }
.atti-jogos__cartao b { font-size: 1.125rem; font-weight: 800; letter-spacing: -0.02em; }
.atti-jogos__cartao span:last-child { font-size: .875rem; color: #555; line-height: 1.4; }
.atti-jogos__icone { width: 36px; height: 36px; border-radius: 4px; background: var(--atti-cor); margin-bottom: 6px; }
.atti-jogos__cartao--caca .atti-jogos__icone { background: #0e7a5f; } .atti-jogos__cartao--sudoku .atti-jogos__icone { background: #7b4bab; } .atti-jogos__cartao--memoria .atti-jogos__icone { background: #b45309; }
.atti-jogo { display: flex; flex-direction: column; align-items: center; gap: 16px; user-select: none; }
.atti-jogo__msg { min-height: 1.5em; text-align: center; font-weight: 600; }
.atti-jogo__dica { margin: 0; color: #666; font-size: .875rem; text-align: center; }
.atti-jogo__aviso { background: #f4f4f4; padding: 14px 16px; border-radius: 4px; text-align: center; }
.atti-jogo__aviso p { margin: 0 0 6px; font-weight: 700; }
.atti-jogo__aviso a { font-weight: 600; color: var(--atti-cor); }
.atti-jogo__abas { display: flex; gap: 6px; }
.atti-jogo__abas button { height: 32px; padding: 0 14px; border: 0; border-radius: 4px; background: #f0f0f0; font: 700 .8125rem var(--atti-sans); cursor: pointer; }
.atti-jogo__abas .atti-jogo__aba--atual { background: var(--atti-tinta); color: #fff; }
.atti-jogo button { font-family: var(--atti-sans); }
/* Palavra */
.atti-palavra { display: grid; gap: 6px; }
.atti-palavra__linha { display: grid; grid-template-columns: repeat(5, 56px); gap: 6px; }
.atti-palavra__letra { height: 56px; display: grid; place-items: center; background: #f0f0f0; border-radius: 4px; font-size: 1.5rem; font-weight: 800; text-transform: uppercase; }
.atti-palavra__letra--certa { background: #2e7d32; color: #fff; } .atti-palavra__letra--tem { background: #c99a06; color: #fff; } .atti-palavra__letra--nao { background: #8a8a8a; color: #fff; }
.atti-teclado { display: grid; gap: 6px; width: 100%; max-width: 520px; }
.atti-teclado__fila { display: flex; gap: 5px; justify-content: center; }
.atti-teclado button { flex: 1; max-width: 44px; height: 50px; border: 0; border-radius: 4px; background: #e6e6e6; font-weight: 800; font-size: .9375rem; cursor: pointer; }
.atti-teclado .atti-teclado__largo { max-width: 76px; flex: 1.6; font-size: .75rem; }
.atti-teclado .atti-teclado--certa { background: #2e7d32; color: #fff; } .atti-teclado .atti-teclado--tem { background: #c99a06; color: #fff; } .atti-teclado .atti-teclado--nao { background: #8a8a8a; color: #fff; }
/* Caça-palavras */
.atti-caca { display: grid; gap: 3px; width: 100%; max-width: 520px; }
.atti-caca__l { aspect-ratio: 1; border: 0; border-radius: 3px; background: #f4f4f4; font-weight: 800; font-size: clamp(.8rem, 3.2vw, 1.0625rem); cursor: pointer; padding: 0; }
.atti-caca__l--inicio { background: var(--atti-tinta); color: #fff; }
.atti-caca__l--achada { background: #0e7a5f; color: #fff; }
.atti-caca__lista { display: flex; flex-wrap: wrap; gap: 6px 14px; justify-content: center; list-style: none; margin: 0; padding: 0; font-weight: 700; font-size: .875rem; }
.atti-caca__feita { text-decoration: line-through; color: #999; }
/* Sudoku */
.atti-sudoku-area { display: flex; flex-direction: column; align-items: center; gap: 14px; width: 100%; }
.atti-sudoku { display: grid; grid-template-columns: repeat(9, 1fr); gap: 2px; width: 100%; max-width: 450px; background: #111; padding: 2px; }
.atti-sudoku__c { aspect-ratio: 1; border: 0; background: #fff; font-size: clamp(1rem, 4vw, 1.375rem); font-weight: 600; color: #1565c0; cursor: pointer; padding: 0; }
.atti-sudoku { gap: 1px; padding: 2px; }
.atti-sudoku__c:nth-child(9n+3), .atti-sudoku__c:nth-child(9n+6) { box-shadow: 2px 0 0 #111; }
.atti-sudoku__c:nth-child(n+19):nth-child(-n+27), .atti-sudoku__c:nth-child(n+46):nth-child(-n+54) { box-shadow: 0 2px 0 #111; }
.atti-sudoku__c:nth-child(21), .atti-sudoku__c:nth-child(24), .atti-sudoku__c:nth-child(48), .atti-sudoku__c:nth-child(51) { box-shadow: 2px 0 0 #111, 0 2px 0 #111, 2px 2px 0 #111; }
.atti-sudoku__c { position: relative; z-index: 0; }
.atti-sudoku__c--fixa { color: #111; font-weight: 800; background: #f4f4f4; cursor: default; }
.atti-sudoku__c--sel { background: #dbeafe; }
.atti-sudoku__c--erro { color: #c62828; }
.atti-sudoku__pad { display: grid; grid-template-columns: repeat(10, 1fr); gap: 5px; width: 100%; max-width: 450px; }
.atti-sudoku__pad button { height: 44px; border: 0; border-radius: 4px; background: #e6e6e6; font-weight: 800; cursor: pointer; font-size: .9375rem; padding: 0; }
.atti-sudoku__pad button:last-child { font-size: .6875rem; }
/* Memória */
.atti-memoria { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; width: 100%; max-width: 560px; }
.atti-memoria__carta { aspect-ratio: 1; border: 0; border-radius: 4px; background: var(--atti-tinta); padding: 0; overflow: hidden; cursor: pointer; position: relative; }
.atti-memoria__carta::after { content: "FV"; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 1.25rem; letter-spacing: -0.04em; }
.atti-memoria__carta img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; }
.atti-memoria__carta--aberta img { opacity: 1; } .atti-memoria__carta--aberta::after { display: none; }
.atti-memoria__carta--par { outline: 3px solid #2e7d32; outline-offset: -3px; }
@media (max-width: 420px) { .atti-palavra__linha { grid-template-columns: repeat(5, 50px); } .atti-palavra__letra { height: 50px; } .atti-teclado button { height: 46px; } }

/* ── Serviços ── */
.atti-srv { max-width: 1240px; }
.atti-srv__topo h1 { margin: 0; font-size: 1.75rem; font-weight: 800; letter-spacing: -0.03em; }
.atti-srv__topo p { margin: 6px 0 28px; color: #555; }
.atti-srv__bloco { margin-bottom: 44px; }
.atti-srv__fonte { margin: 10px 0 0; font-size: .75rem; color: #777; }
.atti-rio { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.atti-rio__estacao { background: #f4f4f4; padding: 14px 16px; border-radius: 4px; }
.atti-rio__estacao header b { display: block; font-size: .6875rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #0f5e8c; }
.atti-rio__estacao header span { font-size: .875rem; font-weight: 700; }
.atti-rio__nivel { margin: 6px 0 0; font-size: 1.75rem; font-weight: 800; letter-spacing: -0.03em; }
.atti-rio__var { margin: 0; font-size: .8125rem; font-weight: 700; color: #555; }
.atti-rio__estacao--sobe .atti-rio__var { color: #b45309; }
.atti-rio__estacao--desce .atti-rio__var { color: #2e7d32; }
.atti-rio__curva { display: block; width: 100%; height: 56px; margin: 8px 0 4px; }
.atti-rio__curva polyline { fill: none; stroke: #0f5e8c; stroke-width: 2; vector-effect: non-scaling-stroke; }
.atti-rio__rodape { margin: 0; font-size: .75rem; color: #666; }
.atti-tempo__agora { margin: 0 0 14px; font-size: .9375rem; } .atti-tempo__agora b { font-size: 2rem; font-weight: 800; letter-spacing: -0.03em; margin-right: 6px; }
.atti-tempo__dias { display: grid; grid-template-columns: repeat(7, minmax(110px, 1fr)); gap: 8px; overflow-x: auto; }
.atti-tempo__dia { background: #f4f4f4; padding: 12px; border-radius: 4px; display: flex; flex-direction: column; gap: 3px; }
.atti-tempo__dia b { font-size: .75rem; letter-spacing: .05em; } .atti-tempo__dia span { font-size: .75rem; color: #555; min-height: 2.4em; }
.atti-tempo__dia strong { font-size: 1.375rem; font-weight: 800; } .atti-tempo__dia em { font-style: normal; color: #666; } .atti-tempo__dia small { color: #0f5e8c; font-weight: 700; }
.atti-lot { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.atti-lot__jogo { background: #f4f4f4; padding: 14px 16px; border-radius: 4px; }
.atti-lot__jogo header b { display: block; font-weight: 800; } .atti-lot__jogo header span { font-size: .75rem; color: #666; }
.atti-lot__jogo p { margin: 8px 0 0; font-size: .8125rem; }
.atti-lot__bolas { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.atti-bola { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #209869; color: #fff; font-size: .8125rem; font-weight: 800; }
.atti-lot__jogo--lotofacil .atti-bola { background: #930089; } .atti-lot__jogo--quina .atti-bola { background: #260085; } .atti-lot__jogo--duplasena .atti-bola { background: #a61324; } .atti-lot__jogo--lotomania .atti-bola { background: #f78100; } .atti-lot__jogo--timemania .atti-bola { background: #00ff48; color: #111; }
.atti-cot { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.atti-cot__item { background: #f4f4f4; padding: 12px 14px; border-radius: 4px; display: flex; flex-direction: column; gap: 2px; }
.atti-cot__item span { font-size: .75rem; color: #555; font-weight: 700; } .atti-cot__item b { font-size: 1.125rem; font-weight: 800; }
.atti-cot--sobe { color: #2e7d32; font-style: normal; font-weight: 700; font-size: .8125rem; } .atti-cot--desce { color: #c62828; font-style: normal; font-weight: 700; font-size: .8125rem; }
.atti-tab { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 28px; }
.atti-tab__liga h3 { margin: 0 0 8px; font-size: 1rem; font-weight: 800; }
.atti-tab table { width: 100%; border-collapse: collapse; font-size: .8125rem; font-variant-numeric: tabular-nums; }
.atti-tab th { text-align: left; font-size: .6875rem; color: #777; font-weight: 700; padding: 4px 6px; }
.atti-tab td { padding: 5px 6px; } .atti-tab tbody tr:nth-child(odd) { background: #f6f6f6; }
.atti-tab td:nth-child(2) { display: flex; align-items: center; gap: 6px; font-weight: 600; }
.atti-tab td:first-child { width: 24px; font-weight: 800; color: #555; }
.atti-tab--topo td:first-child { color: #1565c0; } .atti-tab--fundo td:first-child { color: #c62828; }
.atti-tab--rs td:nth-child(2) { font-weight: 800; color: #111; } .atti-tab--rs { background: #e8f1fb !important; }
.atti-hist { display: grid; grid-template-columns: 160px 1fr; gap: 18px; align-items: start; }
.atti-hist img { width: 160px; height: 120px; object-fit: cover; border-radius: 2px; }
.atti-hist__ano { margin: 0; font-weight: 800; color: var(--atti-cor); } .atti-hist__fato { margin: 6px 0; font-size: 1.0625rem; line-height: 1.45; } .atti-hist__dia { margin: 0; font-size: .8125rem; color: #555; }
@media (max-width: 600px) { .atti-hist { grid-template-columns: 1fr; } .atti-hist img { width: 100%; height: auto; } }
/* Faixa de serviços da capa */
.atti-srvf { display: flex; flex-direction: column; gap: 8px; }
.atti-srvf__lista { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(170px, 1fr); gap: 8px; overflow-x: auto; scrollbar-width: none; }
.atti-srvf__item { display: flex; flex-direction: column; gap: 2px; background: #f4f4f4; padding: 10px 12px; border-radius: 4px; color: var(--atti-tinta); }
.atti-srvf__item:hover { background: #ececec; }
.atti-srvf__item span { font-size: .6875rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: #555; }
.atti-srvf__item b { font-size: 1rem; font-weight: 800; letter-spacing: -0.01em; white-space: nowrap; }
.atti-srvf__item em { font-style: normal; font-size: .75rem; color: #666; }
.atti-srvf__todos { align-self: flex-end; }

/* ══ App ══ */
/* Barra de abas: só no celular, presa embaixo, com área segura do iPhone */
.atti-abas { display: none; }
@media (max-width: 781px) {
	.atti-abas { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: rgba(255,255,255,.96); backdrop-filter: saturate(1.4) blur(10px); -webkit-backdrop-filter: saturate(1.4) blur(10px); box-shadow: 0 -1px 0 #e3e3e3; padding-bottom: env(safe-area-inset-bottom); }
	.atti-abas a { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 8px 0 7px; color: #6b6b6b; font-family: var(--atti-sans); font-size: .625rem; font-weight: 700; letter-spacing: .01em; }
	.atti-abas svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; }
	.atti-abas a[aria-current] { color: var(--atti-cor); }
	.atti-abas a[aria-current] svg { stroke-width: 2.3; }
	body { padding-bottom: calc(60px + env(safe-area-inset-bottom)); }
}
/* Minha cidade */
.atti-minha__escolha { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 28px; }
.atti-minha__escolha button { height: 34px; padding: 0 12px; border: 0; border-radius: 4px; background: #f0f0f0; font: 700 .8125rem var(--atti-sans); color: #333; cursor: pointer; }
.atti-minha__escolha button:hover { background: #e6e6e6; }
.atti-minha__escolha button[aria-pressed] { background: var(--atti-tinta); color: #fff; }
.atti-cidade__topo .atti-faixa__titulo button { border: 0; background: none; cursor: pointer; padding: 0; }
.atti-cidade__info { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: -6px 0 16px; font-size: .875rem; color: #444; }
.atti-cidade__info b { color: #111; }
.atti-cidade__vazio, .atti-cidade__carregando { color: #666; }
/* Capa viva: aviso de notícias novas */
.atti-novas { position: fixed; top: 116px; left: 50%; transform: translateX(-50%); z-index: 55; height: 36px; padding: 0 16px; border: 0; border-radius: 18px; background: var(--atti-cor); color: #fff; font: 800 .8125rem var(--atti-sans); box-shadow: 0 6px 20px rgba(0,0,0,.18); cursor: pointer; animation: atti-entra .3s ease-out; }
@keyframes atti-entra { from { opacity: 0; transform: translate(-50%, -8px); } }
@media (max-width: 781px) { .atti-novas { top: 100px; } }

/* ══ Suave, em feed (09/10: "agressivo… g1/globo não cansam; vibe de feed") ══
   Página cinza muito clara; notícia em cartão branco (superfície, sem borda);
   títulos 700; quase sem caixa-alta; nada de faixa preta. */
:root { --atti-fundo: #f3f4f6; --atti-cartao: #ffffff; --atti-fio: #e6e7ea; }
body { background: var(--atti-fundo); }
/* Tipo: firme, sem gritar */
.atti-cartao__titulo, .atti-manchete__titulo, .atti-abertura__titulo, .atti-vivo__titulo, .atti-faixa__titulo, .atti-trilho__titulo, .atti-cobertura__titulo, .atti-autor__nome, .atti-tv__topo h1, .atti-srv__topo h1, .atti-jogos__topo h1 { font-weight: 700 !important; letter-spacing: -0.018em !important; }
.atti-manchete__titulo, .atti-abertura__titulo { letter-spacing: -0.025em !important; }
/* Chapéu: fundo leve da cor da editoria, texto na cor */
.atti-chapeu { background: color-mix(in srgb, var(--ed, var(--atti-cor)) 12%, transparent) !important; color: var(--ed, var(--atti-cor)) !important; text-transform: none !important; letter-spacing: 0 !important; font-size: .75rem !important; font-weight: 700 !important; padding: 3px 7px !important; border-radius: 4px; }
.atti-selo { border-radius: 4px; text-transform: none; letter-spacing: 0; font-size: .75rem; }
/* Cartões do feed */
.atti-grade > .atti-cartao, .atti-abre__lateral > .atti-cartao, .atti-cartao--principal, .atti-ed__lista > .atti-cartao, .atti-cartao--feed { background: var(--atti-cartao); border-radius: 4px; overflow: hidden; padding: 0 !important; }
.atti-grade > .atti-cartao .atti-cartao__texto, .atti-abre__lateral > .atti-cartao .atti-cartao__texto, .atti-cartao--principal .atti-cartao__texto, .atti-cartao--feed .atti-cartao__texto { padding: 12px 14px 14px !important; }
.atti-ed__lista > .atti-cartao { padding: 12px !important; }
.atti-grade { margin: 0 !important; clip-path: none !important; gap: 14px !important; }
.atti-grade > .atti-cartao { border-left: 0 !important; }
.atti-abre__lateral, .atti-ed__lista, .atti-feed__lista { gap: 12px !important; }
.atti-abre__lateral > .atti-cartao + .atti-cartao::before, .atti-ed__lista > .atti-cartao + .atti-cartao::before, .atti-feed__lista > .atti-cartao + .atti-cartao::before { display: none; }
.atti-abre__lateral > .atti-cartao + .atti-cartao, .atti-ed__lista > .atti-cartao + .atti-cartao, .atti-feed__lista > .atti-cartao + .atti-cartao { padding-top: 0; }
@media (min-width: 960px) { .atti-abre__lateral { padding-left: 16px !important; } .atti-abre > .atti-manchete { padding-right: 0 !important; } .atti-ed__lista { padding-left: 16px !important; } .atti-ed:not(.atti-ed--so) > .atti-cartao--principal { padding-right: 0 !important; } }
.atti-manchete { background: var(--atti-cartao); border-radius: 4px; overflow: hidden; }
.atti-manchete__texto { padding: 16px 20px 20px; }
.atti-cartao__foto, .atti-manchete__foto { border-radius: 0; }
/* Principal da editoria: sem faixa colorida, título escuro */
.atti-editoria .atti-cartao--principal .atti-cartao__texto { background: none !important; color: inherit !important; }
.atti-editoria .atti-cartao--principal .atti-cartao__titulo a { color: var(--atti-tinta) !important; }
.atti-editoria .atti-cartao--principal .atti-cartao__sub { color: #555 !important; }
/* Rodapé do cartão: "há 2 h" discreto */
.atti-cartao__quando, .atti-cartao__hora { color: #777 !important; font-weight: 600 !important; }
/* Títulos de seção sem fio grosso: o nome basta */
.atti-faixa__titulo { padding-top: 0 !important; font-size: 1.1875rem !important; }
.atti-faixa__titulo::before, .atti-trilho__titulo::before { display: none !important; }
.atti-capa > section + section::before, .atti-capa > aside + section::before, .atti-capa > section + aside::before { display: none !important; }
.atti-faixa__mais { text-transform: none !important; letter-spacing: 0 !important; font-size: .8125rem !important; color: var(--atti-cor) !important; font-weight: 600 !important; }
/* Ticker claro */
/* Ao vivo: cartão branco, o vermelho só no selo */
.atti-vivo { background: var(--atti-cartao) !important; color: var(--atti-tinta) !important; border-radius: 4px; }
.atti-vivo__titulo a { color: var(--atti-tinta) !important; }
.atti-vivo__sub { color: #555 !important; }
.atti-vivo__linha a { color: #222 !important; }
.atti-vivo__linha li::before { background: #fff !important; }
.atti-vivo__linha li:first-child::before { background: var(--atti-urgente) !important; }
.atti-vivo__quando, .atti-vivo__linha time { color: var(--atti-urgente) !important; }
.atti-vivo__botao { border-radius: 4px; }
/* Vídeos e TV em superfície clara */
.atti-videos { background: var(--atti-cartao) !important; color: var(--atti-tinta) !important; border-radius: 4px; }
.atti-videos .atti-faixa__titulo, .atti-videos .atti-cartao__titulo a { color: var(--atti-tinta) !important; }
.atti-tv__palco { background: var(--atti-cartao) !important; color: var(--atti-tinta) !important; border-radius: 4px; }
.atti-tv__info h2, .atti-tv__seguintes .atti-tv__video, .atti-tv__seguintes .atti-tv__video b { color: var(--atti-tinta) !important; }
/* Rodapé claro */
/* Serviços e mais lidas em cartões */
.atti-srvf__item, .atti-rio__estacao, .atti-tempo__dia, .atti-lot__jogo, .atti-cot__item, .atti-jogos__cartao { background: var(--atti-cartao) !important; }
.atti-srvf__item span { text-transform: none !important; letter-spacing: 0 !important; font-size: .75rem !important; font-weight: 600 !important; }
.atti-maislidas, .atti-colunistas, .atti-tab__liga, .atti-hist { background: var(--atti-cartao); border-radius: 4px; padding: 16px; }
.atti-maislidas__lista li::before { color: var(--atti-cor); font-weight: 700; font-size: 1.75rem !important; }
/* Matéria: o texto continua em papel branco */
.atti-materia__texto, .atti-trilho { background: var(--atti-cartao); border-radius: 4px; padding: 24px; }
@media (max-width: 600px) { .atti-materia__texto { padding: 16px; margin: 0 -16px; border-radius: 0; } .atti-trilho { margin: 0 -16px; border-radius: 0; } }
.atti-materia .fv-resumo { background: var(--atti-fundo) !important; }
.atti-abas { background: rgba(255,255,255,.97); }
/* Sua cidade: destaque leve — tempo e rio; notícias só se houver */
.atti-sua-cidade { padding: 0 !important; }
.atti-cidade { background: linear-gradient(135deg, #eef6fb, #f7fbf8); border-radius: 4px; padding: 18px 20px; display: grid; gap: 14px; }
.atti-cidade__topo { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.atti-cidade__rotulo { font-size: .75rem; font-weight: 600; color: #0f5e8c; }
.atti-cidade__topo h2 { margin: 0; font-size: 1.375rem; font-weight: 700; letter-spacing: -0.02em; }
.atti-cidade__trocar { margin-left: auto; border: 0; background: none; color: #0f5e8c; font: 600 .8125rem var(--atti-sans); cursor: pointer; padding: 0; }
.atti-cidade__tempo { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.atti-cidade__agora { display: flex; align-items: baseline; gap: 8px; }
.atti-cidade__agora b { font-size: 2.25rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1; }
.atti-cidade__agora span { color: #444; font-size: .9375rem; }
.atti-cidade__tempo ol { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.atti-cidade__tempo li { background: rgba(255,255,255,.75); border-radius: 4px; padding: 6px 10px; display: flex; flex-direction: column; align-items: center; min-width: 54px; font-size: .75rem; color: #555; }
.atti-cidade__tempo li b { font-size: .9375rem; color: #111; } .atti-cidade__tempo li em { font-style: normal; } .atti-cidade__tempo li small { color: #0f5e8c; font-weight: 600; }
.atti-cidade__rio { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-size: .875rem; color: #444; }
.atti-cidade__rio b { font-size: 1.125rem; color: #111; } .atti-cidade__rio em { font-style: normal; color: #666; }
.atti-cidade__noticias { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.atti-cidade__noticias li { background: rgba(255,255,255,.8); border-radius: 4px; padding: 10px 12px; display: flex; justify-content: space-between; gap: 12px; }
.atti-cidade__noticias a { color: #111; font-weight: 600; font-size: .9375rem; line-height: 1.3; }
.atti-cidade__noticias time { flex: none; font-size: .75rem; color: #777; }

/* ══ Padrão g1 (09/10, versão final do tom): BRANCO, sem cartões, fio fino
   entre itens, chapéu como texto, título 700, rodapé "há 2 h — Em X" cinza. ══ */
:root { --atti-fundo: #ffffff; --atti-fio: #e5e5e5; }
body { background: #fff !important; }
.atti-grade > .atti-cartao, .atti-abre__lateral > .atti-cartao, .atti-cartao--principal, .atti-ed__lista > .atti-cartao, .atti-cartao--feed, .atti-manchete,
.atti-maislidas, .atti-colunistas, .atti-tab__liga, .atti-hist, .atti-vivo, .atti-videos, .atti-tv__palco, .atti-materia__texto, .atti-trilho { background: transparent !important; border-radius: 0 !important; }
.atti-grade > .atti-cartao .atti-cartao__texto, .atti-abre__lateral > .atti-cartao .atti-cartao__texto, .atti-cartao--principal .atti-cartao__texto, .atti-cartao--feed .atti-cartao__texto { padding: 10px 0 0 !important; }
.atti-ed__lista > .atti-cartao { padding: 0 !important; }
.atti-manchete__texto { padding: 14px 0 0 !important; }
.atti-maislidas, .atti-colunistas, .atti-tab__liga, .atti-hist, .atti-materia__texto, .atti-trilho { padding: 0 !important; }
.atti-vivo { padding: 22px 0 !important; }
/* Chapéu = texto: pequeno, sem caixa, na cor da editoria */
.atti-chapeu { background: none !important; padding: 0 !important; color: var(--ed, #555) !important; font-size: .8125rem !important; font-weight: 600 !important; margin-bottom: 4px !important; border-radius: 0; }
/* Fio fino entre itens, como no g1 */
.atti-abre__lateral > .atti-cartao + .atti-cartao, .atti-ed__lista > .atti-cartao + .atti-cartao, .atti-feed__lista > .atti-cartao + .atti-cartao { padding-top: 16px !important; }
.atti-abre__lateral > .atti-cartao + .atti-cartao::before, .atti-ed__lista > .atti-cartao + .atti-cartao::before, .atti-feed__lista > .atti-cartao + .atti-cartao::before { display: block !important; top: 0; background: var(--atti-fio); }
.atti-abre__lateral, .atti-ed__lista, .atti-feed__lista { gap: 16px !important; }
.atti-capa > section + section::before, .atti-capa > aside + section::before, .atti-capa > section + aside::before { display: block !important; background: var(--atti-fio); }
.atti-grade { gap: 24px 20px !important; }
/* Rodapé do item */
.atti-cartao__quando, .atti-cartao__hora, .atti-cartao__rodape { color: #777 !important; font-weight: 400 !important; font-size: .8125rem !important; }
/* Títulos */
.atti-cartao__titulo { font-size: 1.125rem !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -0.012em !important; }
.atti-cartao__titulo a, .atti-manchete__titulo a { color: #1a1a1a !important; }
.atti-cartao__sub { color: #555 !important; }
.atti-faixa__titulo { font-size: 1.25rem !important; font-weight: 700 !important; }
/* Ao vivo e vídeos sem caixa: o selo vermelho basta */
.atti-vivo__botao { background: var(--atti-urgente) !important; }
/* Rodapé do site: branco com fio */
/* Serviços: blocos de dado leves, sem caixa cinza pesada */
.atti-srvf__item, .atti-rio__estacao, .atti-tempo__dia, .atti-lot__jogo, .atti-cot__item, .atti-jogos__cartao { background: #f7f7f7 !important; }
.atti-materia .fv-resumo { background: #f7f7f7 !important; }
@media (max-width: 600px) { .atti-materia__texto, .atti-trilho { margin: 0 !important; padding: 0 !important; } }
/* Cabeçalho no celular: logo à esquerda, ações à direita (sem buraco à esquerda) */
/* Minha cidade, calma */
.atti-minha { max-width: 720px; margin: 0 auto; }
.atti-minha__topo { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.atti-minha__topo h1 { margin: 0; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.02em; }
.atti-minha__seletor { display: flex; flex-direction: column; gap: 4px; font-size: .8125rem; color: #666; }
.atti-minha__seletor select { height: 40px; min-width: 220px; padding: 0 36px 0 12px; border: 1px solid #d6d6d6; border-radius: 4px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23555' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center; font: 600 1rem var(--atti-sans); color: #111; appearance: none; -webkit-appearance: none; }
.atti-minha__seletor select:focus-visible { outline: 2px solid var(--atti-cor); outline-offset: 1px; }
.atti-minha__dica { color: #666; }
/* O pedaço da cidade (capa e página): branco, dados em destaque, lista g1 */
.atti-cidade { background: #fff !important; padding: 0 !important; gap: 16px; }
.atti-cidade__rotulo { color: #666; font-weight: 500; }
.atti-cidade__trocar { color: var(--atti-cor); }
.atti-cidade--pagina .atti-cidade__topo { display: none; }
.atti-cidade__tempo { background: #f4f8fb; border-radius: 4px; padding: 14px 16px; }
.atti-cidade__tempo li { background: #fff; }
.atti-cidade__rio { background: #f4f8fb; border-radius: 4px; padding: 12px 16px; }
.atti-cidade__noticias { gap: 0; }
.atti-cidade__noticias li { background: none; border-radius: 0; padding: 14px 0; flex-direction: column; gap: 4px; position: relative; }
.atti-cidade__noticias li + li::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--atti-fio); }
.atti-cidade__noticias a { font-size: 1.0625rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; }
.atti-cidade__noticias time { font-size: .8125rem; color: #777; }
/* Cabeçalho sem o espaçamento automático do WordPress entre barra, subeditorias e ticker */
/* Tempo da cidade: os dias numa linha só, rolável */
.atti-cidade__tempo { flex-wrap: nowrap; flex-direction: column; align-items: stretch; }
.atti-cidade__tempo ol { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 6px; padding-bottom: 2px; }
.atti-cidade__tempo li { flex: 1 0 58px; padding: 8px 6px; }
/* A linha dos dias rola dentro do bloco; nunca alarga a página */
.atti-cidade { grid-template-columns: minmax(0, 1fr); min-width: 0; max-width: 100%; }
.atti-cidade > *, .atti-cidade__tempo, .atti-cidade__tempo ol, .atti-minha, .atti-minha__conteudo { min-width: 0; max-width: 100%; }
.atti-cidade__rio { flex-wrap: wrap; }
@media (min-width: 900px) {
	.atti-cidade:not(.atti-cidade--pagina) { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 32px; align-items: start; }
	.atti-cidade:not(.atti-cidade--pagina) > .atti-cidade__topo { grid-column: 1 / -1; }
	.atti-cidade:not(.atti-cidade--pagina) > .atti-cidade__tempo, .atti-cidade:not(.atti-cidade--pagina) > .atti-cidade__rio { grid-column: 1; }
	.atti-cidade:not(.atti-cidade--pagina) > .atti-cidade__noticias { grid-column: 2; grid-row: 2 / span 2; }
}

/* ══ Escala final (09/10: "a Geist já é maior, tá tudo gigante"). Geist tem
   olho grande: tamanhos ~15–20% abaixo da referência do g1. ══ */
html { font-size: 100%; }
.atti-manchete__titulo { font-size: clamp(1.375rem, 1rem + 1.1vw, 2rem) !important; line-height: 1.12 !important; }
.atti-manchete__sub { font-size: .9375rem !important; }
.atti-abertura__titulo { font-size: clamp(1.375rem, 1rem + 1vw, 1.875rem) !important; line-height: 1.15 !important; }
.atti-abertura__sub { font-size: 1rem !important; }
.atti-materia .wp-block-post-content { font-size: 1rem !important; line-height: 1.7 !important; }
.atti-materia .wp-block-post-content h2 { font-size: 1.1875rem !important; }
.atti-materia .wp-block-post-content h3 { font-size: 1.0625rem !important; }
.atti-cartao__titulo { font-size: 1rem !important; line-height: 1.28 !important; }
.atti-cartao--lateral .atti-cartao__titulo { font-size: 1.0625rem !important; }
.atti-cartao--principal .atti-cartao__titulo { font-size: clamp(1.125rem, .95rem + .6vw, 1.375rem) !important; }
.atti-cartao--linha .atti-cartao__titulo, .atti-cartao--titulo .atti-cartao__titulo { font-size: .9375rem !important; }
.atti-cartao__sub { font-size: .8125rem !important; }
.atti-chapeu { font-size: .75rem !important; }
.atti-cartao__quando, .atti-cartao__hora, .atti-cartao__rodape { font-size: .75rem !important; }
.atti-faixa__titulo { font-size: 1.0625rem !important; }
.atti-vivo__titulo { font-size: clamp(1.125rem, .95rem + .7vw, 1.5rem) !important; }
.atti-vivo__linha a { font-size: .875rem !important; }
.atti-maislidas__lista a, .atti-trilho__lidas a, .atti-trilho .atti-cartao--lista .atti-cartao__titulo { font-size: .875rem !important; }
.atti-maislidas__lista li::before { font-size: 1.375rem !important; }
.atti-materia .fv-resumo li { font-size: .9375rem !important; }
.atti-srvf__item b { font-size: .875rem !important; }
.atti-cidade__topo h2 { font-size: 1.0625rem !important; }
.atti-cidade__agora b { font-size: 1.625rem !important; }
.atti-cidade__noticias a { font-size: .9375rem !important; }
.atti-minha__topo h1, .atti-srv__topo h1, .atti-tv__topo h1, .atti-jogos__topo h1 { font-size: 1.25rem !important; }
.atti-rio__nivel { font-size: 1.375rem !important; }
.atti-tempo__agora b { font-size: 1.5rem !important; }
.atti-tempo__dia strong { font-size: 1.0625rem !important; }
.atti-lot__jogo header b { font-size: .9375rem; }
.atti-bola { width: 26px !important; height: 26px !important; font-size: .75rem !important; }
.atti-tv__info h2 { font-size: 1rem !important; } .atti-tv__video b { font-size: .8125rem !important; }
@media (max-width: 600px) {
	.atti-manchete__titulo, .atti-abertura__titulo { font-size: 1.3125rem !important; }
	.atti-materia .wp-block-post-content { font-size: 1rem !important; }
	.atti-grade > .atti-cartao .atti-cartao__titulo { font-size: .875rem !important; }
	.atti-grade > .atti-cartao:first-child .atti-cartao__titulo { font-size: 1rem !important; }
	.atti-faixa__titulo { font-size: 1rem !important; }
}

/* ══ Vida (09/10: "cadê as imagens, cores, vida") ══════════════════════
   Foto em todo item, cor da editoria nos títulos de seção, faixa do dia
   com ícones Phosphor e fundo tingido por assunto, trilho de fotos. Base
   continua branca; cor entra pela foto e pelo assunto, não por faixa. */

/* Foto em toda lista: texto à esquerda, foto quadrada à direita (g1). */
.atti-abre__lateral > .atti-cartao--titulo, .atti-abre__lateral > .atti-cartao--lateral,
.atti-ed__lista > .atti-cartao--linha, .atti-cartao--feed {
	display: grid !important; grid-template-columns: minmax(0, 1fr) 104px; gap: 0 14px; align-items: start;
}
.atti-abre__lateral > .atti-cartao .atti-cartao__foto, .atti-ed__lista > .atti-cartao .atti-cartao__foto, .atti-cartao--feed .atti-cartao__foto {
	grid-column: 2; grid-row: 1; aspect-ratio: 1; border-radius: 4px; overflow: hidden; margin: 0 !important;
}
.atti-abre__lateral > .atti-cartao .atti-cartao__texto, .atti-ed__lista > .atti-cartao .atti-cartao__texto, .atti-cartao--feed .atti-cartao__texto { grid-column: 1; grid-row: 1; padding: 0 !important; }
.atti-abre__lateral > .atti-cartao .atti-cartao__foto img, .atti-ed__lista > .atti-cartao .atti-cartao__foto img, .atti-cartao--feed .atti-cartao__foto img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; }
.atti-cartao--feed { grid-template-columns: minmax(0, 1fr) 132px; }
@media (min-width: 960px) { .atti-cartao--feed { grid-template-columns: minmax(0, 1fr) 220px; } .atti-cartao--feed .atti-cartao__foto, .atti-cartao--feed .atti-cartao__foto img { aspect-ratio: 3 / 2; } }

/* Foto viva: aproxima de leve no toque/hover. */
.atti-cartao__foto, .atti-manchete__foto, .atti-hist__item, .atti-maislidas__lista a { overflow: hidden; }
.atti-cartao__foto img, .atti-manchete__foto img, .atti-hist__item img, .atti-maislidas__lista img { transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.atti-cartao:hover .atti-cartao__foto img, .atti-manchete:hover .atti-manchete__foto img, .atti-hist__item:hover img, .atti-maislidas__lista a:hover img { transform: scale(1.04); }
.atti-cartao__titulo a, .atti-manchete__titulo a { transition: color .15s; }
.atti-cartao:hover .atti-cartao__titulo a, .atti-manchete:hover .atti-manchete__titulo a { color: var(--ed, var(--atti-cor)) !important; }

/* Entrada suave ao rolar (só navegador que sabe; ninguém fica sem conteúdo). */
@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		.atti-capa > .atti-faixa { animation: atti-sobe linear both; animation-timeline: view(); animation-range: entry 0% entry 30%; }
		@keyframes atti-sobe { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
	}
}

/* Título de seção com a cor do assunto: marcador quadrado + nome colorido. */
.atti-faixa__titulo { display: flex; align-items: center; gap: 8px; }
.atti-faixa__titulo::before { content: "" !important; display: block !important; position: static !important; width: 8px !important; height: 8px !important; flex: none; background: var(--atti-cor) !important; }
.atti-editoria .atti-faixa__titulo, .atti-editoria .atti-faixa__titulo > a:first-child { color: var(--ed, var(--atti-cor)) !important; }
.atti-editoria .atti-faixa__titulo::before { background: var(--ed, var(--atti-cor)) !important; }
.atti-faixa__titulo .atti-faixa__mais { margin-left: auto; }

/* Agora no Vale: trilho de fotos verticais, uma por editoria. */
.atti-hist__trilho { display: grid; grid-auto-flow: column; grid-auto-columns: 148px; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: -16px; padding-inline: 16px; scroll-padding-inline: 16px; }
.atti-hist__trilho::-webkit-scrollbar { display: none; }
.atti-hist__item { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; aspect-ratio: 3 / 4.4; padding: 10px; border-radius: 4px; color: #fff !important; text-decoration: none; scroll-snap-align: start; background: var(--ed, #333); isolation: isolate; }
.atti-hist__item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.atti-hist__item::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.82) 100%); }
.atti-hist__ed { align-self: flex-start; background: var(--ed, var(--atti-cor)); color: #fff; font-size: .6875rem; font-weight: 700; padding: 3px 6px; border-radius: 2px; }
.atti-hist__item b { font-size: .875rem; line-height: 1.25; font-weight: 700; letter-spacing: -0.01em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.atti-hist__item time { font-size: .6875rem; opacity: .8; }
@media (min-width: 960px) { .atti-hist__trilho { grid-auto-columns: 184px; margin-inline: 0; padding-inline: 0; } }

/* Faixa do dia: cada serviço com seu ícone e seu tom. */
.atti-srvf__item { display: grid !important; grid-template-columns: 28px minmax(0, 1fr); gap: 1px 10px; align-items: center; padding: 12px 14px !important; }
.atti-srvf__item > .atti-icone { grid-row: 1 / span 3; width: 28px; height: 28px; object-fit: contain; }
.atti-srvf__item > span, .atti-srvf__item > b, .atti-srvf__item > em { grid-column: 2; }
.atti-srvf__item--rio { background: #e8f1fc !important; } .atti-srvf__item--rio .atti-icone { color: #1f6fd1; }
.atti-srvf__item--tempo { background: linear-gradient(135deg, #fff3d1, #e4f0ff) !important; } .atti-srvf__item--tempo .atti-icone { color: #f0a000; }
.atti-srvf__item--dolar { background: #e7f6ee !important; } .atti-srvf__item--dolar .atti-icone { color: #138a4c; }
.atti-srvf__item--mega { background: #e6f4ec !important; } .atti-srvf__item--mega .atti-icone { color: #209869; }
.atti-srvf__item--time { background: #f3f3f5 !important; }
.atti-srvf__item:hover { filter: brightness(.97); }
.atti-bolas { display: flex; gap: 3px; }
.atti-bolas i { font-style: normal; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #209869; color: #fff; font-size: .6875rem; font-weight: 700; }
.atti-srvf__lista { grid-auto-columns: minmax(184px, 1fr) !important; }
.atti-srvf__item--mega { min-width: 232px; }
.atti-cot--sobe { color: #138a4c !important; } .atti-cot--desce { color: #c62828 !important; }

/* Mais lidas: número grande na cor da casa, título e foto pequena. */
.atti-maislidas__lista li a { display: grid !important; grid-template-columns: minmax(0, 1fr) 64px; gap: 12px; align-items: center; }
.atti-maislidas__lista li img { width: 64px; height: 64px; object-fit: cover; border-radius: 4px; }

/* Tempo com ícone e céu: o dia da cidade tem cor. */
.atti-icone { width: 20px; height: 20px; flex: none; }
.atti-tempo__agora > .atti-icone, .atti-cidade__agora > .atti-icone { width: 40px; height: 40px; color: #f0a000; }
.atti-tempo__dia .atti-icone, .atti-cidade__tempo li .atti-icone { width: 24px; height: 24px; color: #f0a000; margin-inline: auto; display: block; }
.atti-tempo__dia .atti-icone, .atti-cidade__tempo li .atti-icone { color: #f0a000; }
.atti-cidade__tempo { background: linear-gradient(160deg, #e3f0ff 0%, #f6fbff 70%) !important; border-radius: 4px; }
.atti-cidade__tempo.atti-ceu--sun, .atti-cidade__tempo.atti-ceu--cloud-sun { background: linear-gradient(160deg, #fff1c9 0%, #e7f2ff 75%) !important; }
.atti-cidade__tempo.atti-ceu--cloud-rain, .atti-cidade__tempo.atti-ceu--cloud-lightning { background: linear-gradient(160deg, #d9e3f0 0%, #f2f5f9 75%) !important; }
.atti-cidade__agora { display: flex; align-items: center; gap: 10px; }
.atti-cidade__tempo li, .atti-tempo__dia { background: rgba(255, 255, 255, .7) !important; }
.atti-cidade__rio { display: grid !important; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 2px 10px; background: #e8f1fc !important; border-radius: 4px; }
.atti-cidade__rio .atti-icone { color: #1f6fd1; width: 24px; height: 24px; grid-row: 1 / span 2; }
.atti-tempo__agora { display: flex; align-items: center; gap: 10px; }
.atti-faixa__titulo { justify-content: flex-start !important; }
.atti-cidade__noticias li { display: grid !important; grid-template-columns: minmax(0, 1fr) 72px; grid-template-rows: auto 1fr; gap: 4px 12px; }
.atti-cidade__noticias li > a { grid-column: 1; }
.atti-cidade__noticias li > time { grid-column: 1; }
.atti-cidade__noticias li > img { grid-column: 2; grid-row: 1 / span 2; width: 72px; height: 72px; object-fit: cover; border-radius: 4px; }
.atti-videos { padding: 0 !important; }
.atti-rio__estacao { background: linear-gradient(180deg, #f3f8fe 0%, #e6f0fc 100%) !important; }
.atti-rio__curva polyline { stroke: #1f6fd1 !important; }
.atti-rio__curva { height: 72px !important; }
.atti-maislidas__lista li a { -webkit-line-clamp: unset !important; max-height: none !important; overflow: visible !important; }
.atti-maislidas__lista li a > span { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.atti-maislidas__lista li a > img { aspect-ratio: 1; }

/* ══ 2027 (10/10: "ícones bonitos, Apple, vidro, moderno") ═════════════
   Cartão de tempo com céu vivo e painéis de vidro; matéria sem foto com a
   capa da editoria; histórias em tela cheia; topo e abas de vidro. Raio
   segue a lei (4px): o vidro é superfície, nunca borda + sombra. */

/* Vidro no topo e nas abas: o conteúdo passa por baixo, desfocado. */
.atti-abas { background: rgba(255, 255, 255, .72) !important; -webkit-backdrop-filter: saturate(180%) blur(24px); backdrop-filter: saturate(180%) blur(24px); }

/* Cartão de tempo. */
.atti-clima { --ceu: linear-gradient(180deg, #2f7fe0 0%, #5aa6f2 55%, #93c9f8 100%); background: var(--ceu); color: #fff; border-radius: 4px; padding: 20px 16px 16px; display: flex; flex-direction: column; gap: 10px; position: relative; overflow: hidden; isolation: isolate; }
.atti-clima::before { content: ""; position: absolute; inset: -40% -20% auto auto; width: 70%; aspect-ratio: 1; background: radial-gradient(circle, rgba(255,255,255,.35), rgba(255,255,255,0) 65%); z-index: -1; pointer-events: none; }
.atti-clima--nuvem { --ceu: linear-gradient(180deg, #5f7f9f 0%, #86a0ba 60%, #aebfd0 100%); }
.atti-clima--chuva { --ceu: linear-gradient(180deg, #3f5368 0%, #5d7389 60%, #7e93a8 100%); }
.atti-clima--tempestade { --ceu: linear-gradient(180deg, #232c3b 0%, #3b4659 60%, #566277 100%); }
.atti-clima--noite { --ceu: linear-gradient(180deg, #0b1630 0%, #1b2d55 60%, #2e4677 100%); }
.atti-clima--chuva::before, .atti-clima--tempestade::before, .atti-clima--noite::before { opacity: .35; }
.atti-clima__agora { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.atti-clima__agora > div { display: flex; flex-direction: column; }
.atti-clima__agora > .atti-meteo { width: 112px; height: 112px; margin: -14px -8px -14px 0; filter: drop-shadow(0 6px 14px rgba(0,0,0,.18)); }
.atti-clima__lugar { font-size: .9375rem; font-weight: 600; opacity: .95; }
.atti-clima__temp { font-size: 4rem; line-height: 1; font-weight: 300; letter-spacing: -0.04em; margin: 2px 0 4px; }
.atti-clima__cond { font-size: .9375rem; font-weight: 600; }
.atti-clima__maxmin { font-size: .8125rem; opacity: .9; }
.atti-clima__vidro { background: rgba(255, 255, 255, .16); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); border-radius: 4px; padding: 10px 12px; }
.atti-clima--noite .atti-clima__vidro, .atti-clima--tempestade .atti-clima__vidro { background: rgba(255, 255, 255, .1); }
.atti-clima__rotulo { margin: 0 0 8px; font-size: .75rem; font-weight: 600; opacity: .85; padding-bottom: 8px; position: relative; }
.atti-clima__rotulo::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(255, 255, 255, .22); }
.atti-clima__horas { list-style: none; margin: 0; padding: 0; display: grid; grid-auto-flow: column; grid-auto-columns: 52px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
.atti-clima__horas::-webkit-scrollbar { display: none; }
.atti-clima__horas li { display: flex; flex-direction: column; align-items: center; gap: 2px; scroll-snap-align: start; }
.atti-clima__horas span { font-size: .75rem; font-weight: 600; }
.atti-clima__horas .atti-meteo { width: 36px; height: 36px; }
.atti-clima__horas small, .atti-clima__dias small { font-size: .6875rem; font-weight: 700; color: #a8dcff; min-height: 1em; }
.atti-clima__horas b { font-size: .9375rem; font-weight: 600; }
.atti-clima__dias { list-style: none; margin: 0; padding: 0; }
.atti-clima__dias li { display: grid; grid-template-columns: 52px 32px 36px 30px minmax(40px, 1fr) 30px; align-items: center; gap: 6px; padding: 5px 0; position: relative; }
.atti-clima__dias li + li::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: rgba(255, 255, 255, .15); }
.atti-clima__dias span { font-size: .9375rem; font-weight: 600; }
.atti-clima__dias .atti-meteo { width: 32px; height: 32px; }
.atti-clima__dias em { font-style: normal; font-size: .9375rem; opacity: .7; text-align: right; }
.atti-clima__dias b { font-size: .9375rem; font-weight: 600; text-align: right; }
.atti-clima__faixa { display: block; position: relative; height: 4px; border-radius: 2px; background: rgba(0, 0, 0, .18); }
.atti-clima__faixa > i { position: absolute; top: 0; bottom: 0; border-radius: 2px; background: linear-gradient(90deg, #7fd3ff, #9be15d 45%, #ffd23f 75%, #ff8a3d); }
.atti-clima__sol { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.atti-clima__sol .atti-clima__vidro { display: flex; align-items: center; gap: 8px; }
.atti-clima__sol .atti-meteo { width: 40px; height: 40px; margin: -6px 0; }
.atti-clima__sol span { display: flex; flex-direction: column; font-size: .75rem; font-weight: 600; opacity: .9; }
.atti-clima__sol b { font-size: 1.125rem; font-weight: 600; opacity: 1; }
@media (min-width: 960px) {
	.atti-cidade--pagina .atti-clima, .atti-srv__bloco .atti-clima { display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
	.atti-cidade--pagina .atti-clima > *, .atti-srv__bloco .atti-clima > * { grid-column: span 1; }
	.atti-cidade--pagina .atti-clima__agora, .atti-srv__bloco .atti-clima__agora { grid-column: 1 / -1; }
}
.atti-srvf__item--tempo .atti-meteo { width: 36px; height: 36px; grid-row: 1 / span 3; margin: -4px; }
.atti-srvf__item { grid-template-columns: 32px minmax(0, 1fr) !important; }

/* Matéria sem foto: a capa da editoria. */
.atti-semfoto { display: flex; align-items: flex-end; justify-content: flex-start; width: 100%; height: 100%; min-height: 64px; aspect-ratio: 3 / 2; padding: 10px; position: relative; overflow: hidden;
	background: radial-gradient(120% 90% at 85% 10%, color-mix(in srgb, var(--ed, var(--atti-cor)) 55%, #fff) 0%, var(--ed, var(--atti-cor)) 55%, color-mix(in srgb, var(--ed, var(--atti-cor)) 70%, #000) 100%); }
.atti-semfoto img { position: absolute; left: 50%; top: 46%; width: 58%; max-height: 40%; object-fit: contain; transform: translate(-50%, -50%); filter: brightness(0) invert(1); opacity: .92; }
.atti-semfoto > span { color: #fff; font-size: .6875rem; font-weight: 700; position: relative; }
.atti-abre__lateral .atti-semfoto, .atti-ed__lista .atti-semfoto, .atti-cartao--feed .atti-semfoto, .atti-maislidas__lista .atti-semfoto, .atti-cidade__noticias .atti-semfoto { aspect-ratio: 1; }
.atti-abre__lateral .atti-semfoto > span, .atti-ed__lista .atti-semfoto > span, .atti-maislidas__lista .atti-semfoto > span, .atti-cidade__noticias .atti-semfoto > span { display: none; }
.atti-maislidas__lista .atti-semfoto, .atti-cidade__noticias .atti-semfoto { width: 64px; height: 64px; min-height: 0; border-radius: 4px; padding: 0; }
.atti-cidade__noticias .atti-semfoto { width: 72px; height: 72px; grid-column: 2; grid-row: 1 / span 2; }

/* Histórias em tela cheia. */
.atti-story { position: fixed; inset: 0; z-index: 1000; display: none; background: #000; }
.atti-story--aberto { display: block; animation: atti-story-entra .22s ease-out; }
@keyframes atti-story-entra { from { opacity: 0; transform: scale(.98); } to { opacity: 1; transform: none; } }
.atti-story__fundo { position: absolute; inset: 0; background: center / cover no-repeat; filter: blur(40px) brightness(.55); transform: scale(1.2); }
.atti-story__palco { position: relative; height: 100%; max-width: 480px; margin: 0 auto; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; overflow: hidden; touch-action: none; user-select: none; }
.atti-story__foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.atti-story__palco::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 18%, rgba(0,0,0,0) 45%, rgba(0,0,0,.88) 100%); pointer-events: none; }
.atti-story__barras { position: absolute; top: 10px; left: 10px; right: 10px; z-index: 3; display: flex; gap: 4px; }
.atti-story__barras > i { flex: 1; height: 3px; border-radius: 2px; background: rgba(255,255,255,.35); overflow: hidden; }
.atti-story__barras > i > i { display: block; height: 100%; width: 0; background: #fff; }
.atti-story__fechar { position: absolute; top: 22px; right: 10px; z-index: 4; width: 40px; height: 40px; border: 0; background: none; cursor: pointer; }
.atti-story__fechar::before, .atti-story__fechar::after { content: ""; position: absolute; left: 11px; top: 19px; width: 18px; height: 2px; background: #fff; transform: rotate(45deg); }
.atti-story__fechar::after { transform: rotate(-45deg); }
.atti-story__texto { position: relative; z-index: 3; padding: 0 18px 28px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.atti-story__ed { background: var(--ed, var(--atti-cor)); font-size: .75rem; font-weight: 700; padding: 4px 8px; border-radius: 2px; }
.atti-story__texto h2 { margin: 0; font-size: 1.5rem; line-height: 1.18; font-weight: 700; letter-spacing: -0.02em; }
.atti-story__texto p { margin: 0; font-size: .9375rem; line-height: 1.45; opacity: .9; }
.atti-story__ler { margin-top: 6px; background: rgba(255,255,255,.18); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); color: #fff !important; font-weight: 700; font-size: .9375rem; padding: 12px 18px; border-radius: 4px; text-decoration: none; }
.atti-story__ant, .atti-story__prox { position: absolute; top: 60px; bottom: 200px; z-index: 2; border: 0; background: none; cursor: pointer; }
.atti-story__ant { left: 0; width: 33%; } .atti-story__prox { right: 0; width: 67%; }
.atti-story__ant:focus-visible, .atti-story__prox:focus-visible, .atti-story__fechar:focus-visible { outline: 2px solid #fff; }
.atti-clima, .atti-clima > *, .atti-clima__horas { min-width: 0; max-width: 100%; }
@media (min-width: 900px) { .atti-cidade:not(.atti-cidade--pagina) > .atti-clima { grid-column: 1; } }
.atti-semfoto img, .atti-maislidas__lista li .atti-semfoto img, .atti-cidade__noticias li .atti-semfoto img { position: absolute !important; left: 50% !important; top: 50% !important; width: 72% !important; height: auto !important; max-height: 34% !important; object-fit: contain !important; transform: translate(-50%, -50%) !important; border-radius: 0 !important; aspect-ratio: auto !important; }
.atti-srvf__item--tempo { background: linear-gradient(160deg, #3d79c8 0%, #6fa8e6 100%) !important; color: #fff !important; }
.atti-srvf__item--tempo span, .atti-srvf__item--tempo em, .atti-srvf__item--tempo b { color: #fff !important; }
.atti-srvf__item--tempo .atti-meteo { width: 44px !important; height: 44px !important; margin: -8px !important; }
.atti-story__texto h2, .atti-story__texto p, .atti-story__ed { color: #fff !important; text-shadow: 0 1px 12px rgba(0,0,0,.35); }

/* ══ Cantos do iOS (10/10, exceção aberta pelo Eduardo só para o site do
   jornal; o painel do ATTI segue a lei de 4px). Escala contínua como no
   iOS: quanto maior a peça, mais redondo o canto. */
:root { --r-g: 22px; --r-m: 16px; --r-p: 12px; --r-xp: 8px; }
.atti-clima { border-radius: var(--r-g) !important; }
.atti-clima__vidro, .atti-hist__item, .atti-srvf__item, .atti-cidade__rio, .atti-rio__estacao, .atti-lot__jogo, .atti-cot__item, .atti-tab__liga, .atti-jogos__cartao, .atti-tv__player, .atti-tv__palco, .atti-edicao__capa { border-radius: var(--r-m) !important; overflow: hidden; }
.atti-manchete__foto, .atti-manchete__foto img, .atti-cartao__foto, .atti-cartao__foto img, .atti-semfoto, .atti-anuncio img, .atti-anuncio iframe, .atti-tv__thumb, .atti-tv__thumb img, .atti-abertura__midia img, .atti-abertura__midia iframe, .wp-block-post-featured-image img { border-radius: var(--r-m) !important; }
.atti-abre__lateral .atti-cartao__foto, .atti-abre__lateral .atti-cartao__foto img, .atti-ed__lista .atti-cartao__foto, .atti-ed__lista .atti-cartao__foto img, .atti-cartao--feed .atti-cartao__foto, .atti-cartao--feed .atti-cartao__foto img, .atti-abre__lateral .atti-semfoto, .atti-ed__lista .atti-semfoto { border-radius: var(--r-p) !important; }
.atti-maislidas__lista li img, .atti-cidade__noticias li > img, .atti-maislidas__lista .atti-semfoto, .atti-cidade__noticias .atti-semfoto { border-radius: var(--r-p) !important; }
.atti-story__ler, .atti-topo__comunidade, .atti-comunidade__botao, .atti-faixa-edicao__ler, .atti-hist__ed, .atti-story__ed, .atti-selo, .atti-linha-do-tempo__novas { border-radius: 999px !important; }
.atti-hist__ed, .atti-story__ed { padding-inline: 9px !important; }
.atti-clima__faixa, .atti-clima__faixa > i, .atti-story__barras > i { border-radius: 999px !important; }
.atti-tempo__dia, .atti-bolas i { border-radius: 999px; }
.atti-srvf__item .atti-icone, .atti-srvf__item img.atti-icone { border-radius: 0; }
.atti-minha__seletor select { border-radius: var(--r-p) !important; }
.atti-anuncio--topo img, .atti-anuncio--topo iframe { border-radius: 0 !important; }
.atti-anuncio, .atti-anuncio *, .atti-anuncio img, .atti-anuncio iframe, [class*="atti-anuncio"] img { border-radius: 0 !important; }

/* ══ Cabeçalho (10/10 — dono único; as camadas antigas foram apagadas) ══
   1) barra na cor da marca: menu · logo branco ao centro · busca e comunidade
   2) editorias numa faixa branca que rola de lado; ativo = cor da editoria
      e traço de 2px embaixo
   3) Agora: últimas correndo, data em português e o tempo da cidade
   Ao rolar, a barra encolhe e o "Agora" some (classe .atti-topo--rolou). */
.atti-topo { position: sticky; top: 0; z-index: 50; background: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; font-family: var(--atti-sans); }
.atti-topo > * { margin-block: 0 !important; }
.atti-topo__barra { background: #fff; color: var(--atti-tinta); padding: 0 16px !important; box-shadow: 0 1px 0 var(--atti-fio, #ececec); transition: box-shadow .2s; }
.atti-topo__linha { display: grid !important; grid-template-columns: 1fr auto 1fr; grid-template-areas: "menu logo acoes"; align-items: center; column-gap: 12px; max-width: 1240px; margin: 0 auto; }
.atti-topo__logo { grid-area: logo; display: flex; align-items: center; gap: 10px; height: 60px; transition: height .2s; }
.atti-topo__acoes { grid-area: acoes; justify-self: end; display: flex; align-items: center; gap: 4px; }
.atti-topo .wp-block-site-logo img { display: block; width: auto; max-height: 30px !important; transition: max-height .2s; }
.atti-topo .wp-block-site-logo + .wp-block-site-title { display: none; }
.atti-topo .wp-block-site-title { margin: 0; font-size: 1.5rem; font-weight: 800; letter-spacing: -0.03em; }
.atti-topo .wp-block-site-title a { color: var(--atti-tinta); }
.atti-topo__secao { color: var(--atti-cor) !important; font-size: .9375rem; font-weight: 600; padding-left: 10px; position: relative; opacity: .95; }
.atti-topo__secao::before { content: ""; position: absolute; left: 0; top: 15%; bottom: 15%; width: 1px; background: var(--atti-fio, #e5e5e5); }
.atti-topo__busca .wp-block-search__button { background: none !important; border: 0; padding: 8px; color: var(--atti-tinta) !important; border-radius: 999px; }
.atti-topo__busca .wp-block-search__button:hover { background: #f2f2f4 !important; }
.atti-topo__busca .wp-block-search__button svg svg { width: 24px; height: 24px; fill: currentColor; }
.atti-topo__busca .wp-block-search__input { border: 0; background: #f2f2f4; border-radius: 999px; height: 36px; min-width: 220px; padding: 0 14px; font: inherit; font-size: .875rem; }
.atti-topo__comunidade { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; background: rgba(255,255,255,.18); color: #fff !important; font-size: .8125rem; font-weight: 600; white-space: nowrap; }
.atti-topo__comunidade:hover { background: rgba(255,255,255,.28); }

/* Agora. */
.atti-ticker { background: #fff; color: #222; box-shadow: inset 0 1px 0 var(--atti-fio), 0 1px 0 var(--atti-fio); transition: max-height .2s, opacity .2s; max-height: 44px; overflow: hidden; }
.atti-ticker__dentro { max-width: 1240px; margin: 0 auto; padding: 0 16px; display: flex; align-items: center; gap: 14px; height: 36px; }
.atti-ticker__rotulo { flex: none; display: inline-flex; align-items: center; gap: 6px; background: var(--atti-cor); color: #fff; font-size: .75rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; }
.atti-ticker--vivo .atti-ticker__rotulo { background: var(--atti-urgente); }
.atti-ticker__rotulo i { width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: atti-pulso 1.4s ease-in-out infinite; }
.atti-ticker__trilho { flex: 1; min-width: 0; overflow: hidden; display: flex; mask-image: linear-gradient(90deg, transparent, #000 20px, #000 calc(100% - 20px), transparent); }
.atti-ticker__lista { flex: none; display: flex; gap: 28px; margin: 0; padding: 0 28px 0 0; list-style: none; white-space: nowrap; animation: atti-ticker 90s linear infinite; }
.atti-ticker__trilho:hover .atti-ticker__lista { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .atti-ticker__lista { animation: none; } .atti-ticker__trilho { overflow-x: auto; } .atti-ticker__lista[aria-hidden] { display: none; } }
.atti-ticker__lista li { display: inline-flex; align-items: baseline; gap: 8px; font-size: .8125rem; }
.atti-ticker__lista time { font-weight: 700; color: var(--atti-cor); font-size: .75rem; font-variant-numeric: tabular-nums; }
.atti-ticker__lista a { color: #222; font-weight: 500; }
.atti-ticker__lista a:hover { color: var(--atti-cor); }
.atti-ticker__vivo b { display: inline-flex; align-items: center; gap: 5px; background: var(--atti-urgente); color: #fff; font-size: .6875rem; padding: 2px 8px; border-radius: 999px; margin-right: 4px; }
.atti-ticker__vivo b i { width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: atti-pulso 1.4s ease-in-out infinite; }
.atti-ticker__info { flex: none; display: flex; align-items: center; gap: 14px; font-size: .8125rem; color: #555; }
.atti-ticker__tempo { display: inline-flex; align-items: center; gap: 4px; color: #333 !important; }
.atti-ticker__tempo .atti-meteo { width: 28px; height: 28px; margin: -6px 0; }
.atti-ticker__tempo strong { color: #111; font-weight: 700; }

/* Encolhe ao rolar. */
.atti-topo--rolou .atti-topo__logo { height: 48px; }
.atti-topo--rolou .wp-block-site-logo img { max-height: 24px !important; }
.atti-topo--rolou .atti-ticker { max-height: 0; opacity: 0; box-shadow: none; }
.atti-topo--rolou .atti-topo__barra { box-shadow: 0 1px 0 var(--atti-fio, #ececec), 0 6px 16px rgba(0,0,0,.06); }

@media (max-width: 781px) {
	.atti-topo__logo { height: 52px; }
	.atti-topo .wp-block-site-logo img { max-height: 24px !important; }
	.atti-topo--rolou .atti-topo__logo { height: 44px; }
	.atti-topo--rolou .wp-block-site-logo img { max-height: 20px !important; }
	.atti-topo__comunidade { width: 36px; padding: 0; justify-content: center; }
	.atti-topo__comunidade span, .atti-ticker__info { display: none; }
}
.atti-ticker__tempo .atti-meteo, .atti-srvf__item:not(.atti-srvf__item--tempo) .atti-meteo { filter: drop-shadow(0 1px 1.5px rgba(0,0,0,.35)); }
.atti-topo__linha { row-gap: 0 !important; gap: 0 12px !important; }
/* O WordPress embrulha o cabeçalho numa parte de modelo da mesma altura; quem gruda é o embrulho. */
.wp-block-template-part:has(> .atti-topo) { position: sticky; top: 0; z-index: 50; }
.admin-bar .wp-block-template-part:has(> .atti-topo) { top: var(--wp-admin--admin-bar--height, 32px); }

/* ══ Tipografia e ritmo (10/10) — base: tokens do NewsKit (News UK, Apache-2.0)
   Escala de 2px, título com entrelinha 1.125–1.25 e peso médio (a força vem
   do tamanho e do espaço, não do negrito), texto 1.5, grade de 4/8, movimento
   100–500ms com saída suave. Este bloco é o dono da escala; os de antes perdem. */
:root {
	--fs-12: .75rem; --fs-14: .875rem; --fs-16: 1rem; --fs-18: 1.125rem; --fs-20: 1.25rem; --fs-22: 1.375rem; --fs-24: 1.5rem; --fs-28: 1.75rem; --fs-32: 2rem; --fs-36: 2.25rem;
	--lh-titulo: 1.2; --lh-texto: 1.5;
	--sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px; --sp-8: 32px; --sp-12: 48px; --sp-16: 64px;
	--saida: cubic-bezier(0, 0, .5, 1);
	--meta: #6f6f6f;
}
/* Manchete e abertura. */
.atti-manchete__titulo { font-size: var(--fs-24) !important; line-height: var(--lh-titulo) !important; font-weight: 600 !important; letter-spacing: -0.015em !important; margin: var(--sp-2) 0 0 !important; }
.atti-abertura__titulo { font-size: var(--fs-28) !important; line-height: 1.15 !important; font-weight: 600 !important; letter-spacing: -0.02em !important; }
@media (min-width: 768px) { .atti-manchete__titulo { font-size: var(--fs-32) !important; } .atti-abertura__titulo { font-size: var(--fs-36) !important; } }
.atti-manchete__sub, .atti-abertura__sub { font-size: var(--fs-16) !important; line-height: var(--lh-texto) !important; font-weight: 400 !important; color: #555 !important; margin-top: var(--sp-2) !important; }
@media (min-width: 768px) { .atti-abertura__sub { font-size: var(--fs-20) !important; } }
/* Cartões. */
.atti-cartao__titulo { font-size: var(--fs-18) !important; line-height: 1.25 !important; font-weight: 600 !important; letter-spacing: -0.01em !important; margin: var(--sp-1) 0 0 !important; }
.atti-cartao--titulo .atti-cartao__titulo, .atti-cartao--linha .atti-cartao__titulo, .atti-cartao--lateral .atti-cartao__titulo, .atti-cartao--feed .atti-cartao__titulo { font-size: var(--fs-16) !important; }
@media (min-width: 768px) { .atti-cartao--feed .atti-cartao__titulo { font-size: var(--fs-20) !important; } .atti-cartao--principal .atti-cartao__titulo, .atti-cartao--destaque .atti-cartao__titulo { font-size: var(--fs-22) !important; } }
.atti-cartao__sub { font-size: var(--fs-14) !important; line-height: var(--lh-texto) !important; color: #5c5c5c !important; font-weight: 400 !important; margin-top: var(--sp-1) !important; }
.atti-chapeu { font-size: var(--fs-12) !important; font-weight: 600 !important; letter-spacing: .015em !important; text-transform: none !important; }
.atti-cartao__quando, .atti-cartao__hora, .atti-cartao__rodape, .atti-hist__item time { font-size: var(--fs-12) !important; font-weight: 400 !important; color: var(--meta) !important; margin-top: var(--sp-2) !important; font-variant-numeric: tabular-nums; }
.atti-hist__item time { color: rgba(255,255,255,.8) !important; margin-top: 0 !important; }
/* Seções. */
.atti-faixa__titulo { font-size: var(--fs-20) !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: -0.01em !important; margin: 0 0 var(--sp-4) !important; }
.atti-capa { gap: var(--sp-12) !important; }
@media (max-width: 767px) { .atti-capa { gap: var(--sp-8) !important; } }
.atti-abre__lateral, .atti-ed__lista, .atti-feed__lista { gap: var(--sp-4) !important; }
.atti-abre__lateral > .atti-cartao + .atti-cartao, .atti-ed__lista > .atti-cartao + .atti-cartao, .atti-feed__lista > .atti-cartao + .atti-cartao { padding-top: var(--sp-4) !important; }
/* Mais lidas, histórias, colunistas. */
.atti-maislidas__lista a, .atti-maislidas__lista li a > span { font-size: var(--fs-16) !important; line-height: 1.3 !important; font-weight: 600 !important; }
.atti-maislidas__lista li::before { font-size: var(--fs-28) !important; font-weight: 500 !important; line-height: 1 !important; }
.atti-hist__item b { font-size: var(--fs-14) !important; line-height: 1.25 !important; font-weight: 600 !important; }
/* Texto da matéria: leitura confortável, medida limitada. */
.atti-materia .wp-block-post-content { font-size: var(--fs-18) !important; line-height: 1.65 !important; }
.atti-materia .wp-block-post-content > p, .atti-materia .wp-block-post-content > ul, .atti-materia .wp-block-post-content > ol { max-width: 68ch; }
.atti-materia .wp-block-post-content h2 { font-size: var(--fs-24) !important; line-height: 1.25 !important; font-weight: 600 !important; margin-top: var(--sp-8) !important; }
@media (max-width: 767px) { .atti-materia .wp-block-post-content { font-size: var(--fs-16) !important; } }
/* Movimento: curto e com saída suave. */
.atti-cartao__foto img, .atti-manchete__foto img, .atti-hist__item img, .atti-maislidas__lista img { transition: transform .4s var(--saida) !important; }
.atti-cartao__titulo a, .atti-manchete__titulo a, .atti-menu a { transition-duration: .2s !important; transition-timing-function: var(--saida) !important; }
.atti-topo__logo { flex-wrap: nowrap !important; white-space: nowrap; min-width: 0; } .atti-topo__logo > * { flex: none; } @media (max-width: 781px) { .atti-topo__secao { font-size: .8125rem; padding-left: 8px; } }

/* ══ Menu discreto (10/10: "tira as categorias, faz um menu se alguém quiser")
   Botão de duas linhas na barra; abre um painel leve pela esquerda. */
.atti-menu__abrir { grid-area: menu; justify-self: start; width: 40px; height: 40px; border: 0; background: none; border-radius: 999px; cursor: pointer; display: grid; place-content: center; gap: 6px; padding: 0; }
.atti-menu__abrir span { display: block; width: 20px; height: 2px; border-radius: 2px; background: var(--atti-tinta); }
.atti-menu__abrir span + span { width: 14px; }
.atti-menu__abrir:hover { background: #f2f2f4; }
.atti-menu__abrir:focus-visible, .atti-menu__fechar:focus-visible { outline: 2px solid var(--atti-cor); outline-offset: 2px; }
.atti-menu { position: fixed; inset: 0; z-index: 200; }
.atti-menu[hidden] { display: none; }
.atti-menu__fundo { position: absolute; inset: 0; background: rgba(0,0,0,.28); opacity: 0; transition: opacity .25s var(--saida, ease-out); }
.atti-menu__painel { position: absolute; top: 0; bottom: 0; left: 0; width: min(320px, 86vw); background: #fff; color: var(--atti-tinta); padding: 64px 24px 32px; overflow-y: auto; transform: translateX(-100%); transition: transform .3s var(--saida, ease-out); font-family: var(--atti-sans); }
.atti-menu--aberto .atti-menu__fundo { opacity: 1; }
.atti-menu--aberto .atti-menu__painel { transform: none; }
.atti-menu__fechar { position: absolute; top: 14px; left: 14px; width: 36px; height: 36px; border: 0; border-radius: 999px; background: #f2f2f2; cursor: pointer; }
.atti-menu__fechar::before, .atti-menu__fechar::after { content: ""; position: absolute; left: 11px; top: 17px; width: 14px; height: 2px; background: #333; transform: rotate(45deg); }
.atti-menu__fechar::after { transform: rotate(-45deg); }
.atti-menu ul { list-style: none; margin: 0; padding: 0; }
.atti-menu__atalhos a { display: block; padding: 9px 0; font-size: var(--fs-18, 1.125rem); font-weight: 600; color: var(--atti-tinta); }
.atti-menu__especial a { color: var(--atti-urgente) !important; }
.atti-menu__rotulo { margin: 24px 0 6px; font-size: var(--fs-12, .75rem); font-weight: 600; color: var(--meta, #6f6f6f); }
.atti-menu__editorias a { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: var(--fs-16, 1rem); font-weight: 500; color: #333; }
.atti-menu__editorias a::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ed, var(--atti-cor)); flex: none; }
.atti-menu a:hover, .atti-menu a[aria-current] { color: var(--atti-cor); }
.atti-menu .atti-topo__comunidade { margin-top: 24px; background: #25d366; color: #fff !important; height: 40px; padding: 0 16px; border-radius: 999px; display: inline-flex; width: auto; }
.atti-menu .atti-topo__comunidade span { display: inline !important; }
.atti-menu__redes { margin-top: 16px; display: flex; gap: 14px; color: #555; }

/* ══ Dados lado a lado (10/10: "nada de informação emendada com pontinhos")
   Cada dado: rótulo pequeno em cima, valor embaixo, como os quadros do iOS. */
.atti-dados { display: grid; grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)); gap: 8px; margin: 0; }
.atti-dados > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.atti-dados dt { font-size: var(--fs-12, .75rem); font-weight: 500; color: var(--meta, #6f6f6f); }
.atti-dados dd { margin: 0; font-size: var(--fs-16, 1rem); font-weight: 600; color: var(--atti-tinta); font-variant-numeric: tabular-nums; }
.atti-clima__dados { gap: 10px; }
.atti-clima__dados > div { background: rgba(255,255,255,.16); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); border-radius: var(--r-m, 16px); padding: 10px 12px; }
.atti-clima__dados dt { color: rgba(255,255,255,.8); }
.atti-clima__dados dd { color: #fff; font-size: var(--fs-20, 1.25rem); }
.atti-clima__maxmin { display: flex; gap: 10px; }
.atti-rio__dados, .atti-lot__dados, .atti-hist__dados { margin-top: 10px; }
.atti-lot__jogo header time { display: block; font-size: var(--fs-12, .75rem); color: var(--meta, #6f6f6f); }
.atti-hist__ano small { font-size: var(--fs-14, .875rem); font-weight: 500; color: var(--meta, #6f6f6f); margin-left: 6px; }
.atti-abertura__quem { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-14, .875rem); color: var(--meta, #6f6f6f); }
.atti-abertura__quem strong { color: var(--atti-tinta); font-size: var(--fs-16, 1rem); }
.atti-abertura__leitura { margin-left: auto; align-self: center; font-size: var(--fs-12, .75rem); font-weight: 600; color: var(--atti-tinta); background: #f2f2f4; padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
.atti-abertura__meta { display: flex !important; align-items: center; gap: 12px; }

/* Ordinal: a Geist desenha o º quase do tamanho de um "o"; aqui ele sobe e diminui. */
.atti-ord { font-size: .62em; vertical-align: .55em; line-height: 0; margin-left: .04em; font-weight: 700; }

/* Faixa do dia: cada quadro do tamanho do próprio conteúdo, sem um invadir o outro. */
.atti-srvf__lista { grid-auto-columns: auto !important; }
.atti-srvf__item { min-width: 184px; }
.atti-bolas i { flex: none; }

/* ══ Placar, folha "Sua leitura", conquistas e toques finais (10/10)
   Mobile-first: desenhado para 375 px; no computador é o mesmo, centrado. */

/* Placar no topo: anel do resumo do dia + chama + dias seguidos. */
.atti-placar { position: relative; display: inline-flex; align-items: center; gap: 3px; height: 34px; padding: 0 10px 0 4px; border: 0; border-radius: 999px; background: #f2f2f4; color: #8a8a8a; font: inherit; font-size: var(--fs-14, .875rem); font-weight: 700; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.atti-placar__anel { width: 26px; height: 26px; position: absolute; left: 4px; top: 4px; }
.atti-placar .atti-icone { position: relative; width: 16px; height: 16px; margin: 0 4px 0 5px; }
.atti-placar b { min-width: 1ch; font-variant-numeric: tabular-nums; }
.atti-placar--aceso { background: #fff3e6; color: #e8590c; }
.atti-placar--pulso { animation: atti-placar-pulso .6s var(--saida, ease-out); }
@keyframes atti-placar-pulso { 30% { transform: scale(1.18); } 100% { transform: none; } }
.atti-anel { transform: rotate(-90deg); }
.atti-anel circle { fill: none; stroke: rgba(0,0,0,.08); stroke-width: 3; }
.atti-anel .atti-anel__feito { stroke: #e8590c; stroke-linecap: round; transition: stroke-dashoffset .8s var(--saida, ease-out); }

/* Folha de baixo (no computador, quadro centralizado). */
.atti-folha { position: fixed; inset: 0; z-index: 210; }
.atti-folha[hidden] { display: none; }
.atti-folha__fundo { position: absolute; inset: 0; background: rgba(0,0,0,.32); opacity: 0; transition: opacity .25s var(--saida, ease-out); }
.atti-folha__painel { position: absolute; left: 0; right: 0; bottom: 0; max-height: 88vh; overflow-y: auto; background: #fff; border-radius: 22px 22px 0 0; padding: 10px 20px calc(24px + env(safe-area-inset-bottom)); transform: translateY(100%); transition: transform .32s var(--saida, ease-out); font-family: var(--atti-sans); color: var(--atti-tinta); }
.atti-folha--aberta .atti-folha__fundo { opacity: 1; }
.atti-folha--aberta .atti-folha__painel { transform: none; }
@media (min-width: 768px) { .atti-folha__painel { left: 50%; right: auto; bottom: 50%; width: 440px; border-radius: 22px; transform: translate(-50%, 60%); opacity: 0; } .atti-folha--aberta .atti-folha__painel { transform: translate(-50%, 50%); opacity: 1; } }
.atti-folha__alca { display: block; width: 40px; height: 5px; border-radius: 999px; background: #d9d9de; margin: 0 auto 14px; }
.atti-folha h2 { margin: 0 0 16px; font-size: var(--fs-22, 1.375rem); font-weight: 700; letter-spacing: -0.02em; }
.atti-folha h3 { margin: 24px 0 10px; font-size: var(--fs-16, 1rem); font-weight: 600; }
.atti-folha__topo { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.atti-folha__seq, .atti-folha__resumo { background: #f6f6f8; border-radius: 16px; padding: 14px; display: flex; flex-direction: column; justify-content: center; }
.atti-folha__seq { background: linear-gradient(160deg, #fff1e3, #ffe2c9); color: #b4470a; }
.atti-folha__seq .atti-icone { width: 34px; height: 34px; color: #e8590c; }
.atti-folha__seq b { font-size: 2.5rem; line-height: 1; font-weight: 700; letter-spacing: -0.03em; margin-top: 6px; }
.atti-folha__seq span, .atti-folha__resumo span { font-size: var(--fs-12, .75rem); font-weight: 600; }
.atti-folha__resumo { flex-direction: row; align-items: center; gap: 10px; }
.atti-folha__anel { width: 64px; height: 64px; flex: none; }
.atti-folha__anel circle { stroke-width: 7; }
.atti-folha__resumo b { display: block; font-size: var(--fs-24, 1.5rem); font-weight: 700; }
.atti-folha__resumo small { font-size: var(--fs-14, .875rem); color: var(--meta, #6f6f6f); font-weight: 600; }
.atti-folha__resumo span { color: var(--meta, #6f6f6f); }
.atti-folha__numeros { margin-top: 10px; background: #f6f6f8; border-radius: 16px; padding: 12px 14px; }
.atti-folha__numeros dd { font-size: var(--fs-20, 1.25rem); }
.atti-conquistas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.atti-conquistas li { display: grid; grid-template-columns: 36px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 8px; align-items: center; padding: 10px; border-radius: 14px; background: #f6f6f8; color: #a3a3a8; }
.atti-conquistas .atti-icone { grid-row: 1 / span 2; width: 36px; height: 36px; padding: 7px; border-radius: 50%; background: #e9e9ee; color: #b7b7bd; box-sizing: border-box; }
.atti-conquistas b { font-size: var(--fs-14, .875rem); font-weight: 600; line-height: 1.2; }
.atti-conquistas small { font-size: .6875rem; line-height: 1.25; }
.atti-conquista--feita { background: #fff !important; color: var(--atti-tinta) !important; box-shadow: inset 0 0 0 1px #ececf0; }
.atti-conquista--feita .atti-icone { background: linear-gradient(140deg, #ffd166, #f77f00); color: #fff; }
.atti-conquista--feita small { color: var(--meta, #6f6f6f); }
.atti-folha__jogo { margin-top: 16px; display: flex; align-items: center; justify-content: center; gap: 8px; height: 48px; border-radius: 14px; background: var(--atti-tinta); color: #fff !important; font-weight: 600; font-size: var(--fs-16, 1rem); }
.atti-folha__jogo .atti-icone { width: 20px; height: 20px; }
.atti-folha__nota { margin: 12px 0 0; text-align: center; font-size: var(--fs-12, .75rem); color: var(--meta, #6f6f6f); }

/* Aviso que sobe de baixo (conquista, sequência). */
.atti-toast { position: fixed; left: 50%; bottom: calc(76px + env(safe-area-inset-bottom)); z-index: 220; display: flex; align-items: center; gap: 8px; padding: 10px 16px 10px 12px; border-radius: 999px; background: rgba(28,28,30,.92); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); color: #fff; font-family: var(--atti-sans); font-size: var(--fs-14, .875rem); font-weight: 600; transform: translate(-50%, 30px) scale(.96); opacity: 0; transition: transform .35s var(--saida, ease-out), opacity .35s; white-space: nowrap; }
.atti-toast .atti-icone { width: 18px; height: 18px; color: #ff922b; }
.atti-toast--ver { transform: translate(-50%, 0); opacity: 1; }
@media (min-width: 782px) { .atti-toast { bottom: 24px; } }

/* Barra de leitura da matéria, colada no topo. */
.atti-progresso { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 60; pointer-events: none; }
.atti-progresso i { display: block; height: 100%; background: linear-gradient(90deg, var(--atti-cor), #ff922b); transform-origin: 0 50%; transform: scaleX(0); }
.admin-bar .atti-progresso { top: var(--wp-admin--admin-bar--height, 32px); }

/* Já lida: discreta, sem sumir. */
/* Lida: só a etiqueta; o título nunca perde força (a manchete não se apaga). */
.atti-lida .atti-cartao__foto::after { content: "Lida"; position: absolute; left: 6px; top: 6px; padding: 2px 7px; border-radius: 999px; background: rgba(255,255,255,.92); color: #1f7a3f; font-size: .625rem; font-weight: 700; }
.atti-cartao__foto, .atti-manchete__foto { position: relative; display: block; }


/* Toque: o que é tocável afunda um pouco. */
html { -webkit-tap-highlight-color: transparent; }
.atti-cartao, .atti-manchete, .atti-hist__item, .atti-srvf__item, .atti-placar, .atti-menu__abrir, .atti-conquistas li, .atti-folha__jogo, .atti-maislidas__lista a { transition: transform .15s var(--saida, ease-out); }
.atti-cartao:active, .atti-manchete:active, .atti-hist__item:active, .atti-srvf__item:active, .atti-placar:active, .atti-menu__abrir:active, .atti-folha__jogo:active, .atti-maislidas__lista a:active { transform: scale(.98); }

/* Fotos: fundo de espera suave e entrada em fade. */
.atti-cartao__foto, .atti-manchete__foto, .atti-hist__item { background-color: #eef0f3; }
.atti-surge { opacity: 0; transition: opacity .45s var(--saida, ease-out), transform .4s var(--saida, ease-out) !important; }
.atti-surge--ok { opacity: 1; }

/* Navegação entre páginas com transição (Chrome/Safari novos). */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .28s; animation-timing-function: cubic-bezier(0, 0, .5, 1); }
::view-transition-group(*) { animation-duration: .38s; animation-timing-function: cubic-bezier(.2, .7, .2, 1); }
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }

/* Compartilhar do celular. */
.atti-compartilhar__nativo { display: inline-flex; align-items: center; height: 40px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--atti-tinta); color: #fff; font: inherit; font-size: var(--fs-14, .875rem); font-weight: 600; cursor: pointer; }

/* Convite para instalar. */
.atti-convite { position: fixed; left: 12px; right: 12px; bottom: calc(76px + env(safe-area-inset-bottom)); z-index: 215; display: flex; align-items: center; gap: 10px; padding: 12px 12px 12px 16px; border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.16); font-family: var(--atti-sans); font-size: var(--fs-14, .875rem); font-weight: 600; transform: translateY(20px); opacity: 0; transition: transform .35s var(--saida, ease-out), opacity .35s; }
.atti-convite--ver { transform: none; opacity: 1; }
.atti-convite span { flex: 1; }
.atti-convite [data-sim] { height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--atti-cor); color: #fff; font: inherit; font-weight: 700; }
.atti-convite [data-nao] { position: relative; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #f2f2f4; }
.atti-convite [data-nao]::before, .atti-convite [data-nao]::after { content: ""; position: absolute; left: 10px; top: 15px; width: 12px; height: 2px; background: #555; transform: rotate(45deg); }
.atti-convite [data-nao]::after { transform: rotate(-45deg); }
@media (min-width: 782px) { .atti-convite { left: auto; right: 24px; bottom: 24px; width: 360px; } }

/* Computador: o mesmo app, numa coluna confortável. */
@media (min-width: 1100px) { .atti-topo__acoes { gap: 8px; } }

/* Suítes da matéria em destaque: linhas leves na largura toda, abaixo do
   cartão; nunca mais fortes que o título de quem elas acompanham. */
.atti-cartao__suites { grid-column: 1 / -1; list-style: none; margin: var(--sp-3, 12px) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp-2, 8px); }
.atti-cartao__suites li { position: relative; padding-left: 14px; font-size: var(--fs-14, .875rem) !important; line-height: 1.35 !important; font-weight: 500 !important; letter-spacing: 0 !important; }
.atti-cartao__suites li::before { content: ""; position: absolute; left: 2px; top: .55em; width: 5px; height: 5px; border-radius: 50%; background: var(--ed, var(--atti-cor)); }
.atti-cartao__suites a { color: #444 !important; font-weight: 500 !important; font-size: inherit !important; }
.atti-cartao__suites a:hover { color: var(--atti-cor) !important; }
.atti-grade > .atti-cartao > .atti-cartao__texto { grid-row: 1; }
@media (max-width: 960px) { .atti-grade > .atti-cartao:not(:first-child) > .atti-cartao__foto { grid-column: 2; grid-row: 1; } .atti-grade > .atti-cartao:not(:first-child) > .atti-cartao__texto { grid-column: 1; } }
.atti-grade > .atti-cartao > .atti-cartao__suites { grid-row: 2; }
@media (max-width: 960px) { .atti-grade > .atti-cartao:first-child > .atti-cartao__foto { grid-row: 1; } .atti-grade > .atti-cartao:first-child > .atti-cartao__texto { grid-row: 2; } .atti-grade > .atti-cartao:first-child > .atti-cartao__suites { grid-row: 3; } }
.atti-folha { z-index: 300; }
.atti-folha__resumo { flex-direction: column !important; align-items: center !important; justify-content: center; gap: 6px !important; text-align: center; }
.atti-folha__anelbox { position: relative; width: 76px; height: 76px; }
.atti-folha__anelbox .atti-folha__anel { width: 76px; height: 76px; }
.atti-folha__anelbox b { position: absolute; inset: 0; display: grid; place-content: center; grid-auto-flow: column; align-items: baseline; font-size: var(--fs-22, 1.375rem) !important; font-weight: 700; }
.atti-folha__anelbox small { font-size: var(--fs-14, .875rem) !important; color: var(--meta, #6f6f6f); }
.atti-folha__resumo > span { font-size: var(--fs-12, .75rem); font-weight: 600; color: var(--meta, #6f6f6f); }
.atti-folha__painel { padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important; }
@media (min-width: 768px) { .atti-folha__painel { padding-bottom: 24px !important; } }

/* ══ Matéria (10/10): compartilhar numa linha, etiquetas em fichas que
   correm de lado, convite da comunidade no meio do texto, próxima matéria. */
.atti-compartilhar { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 8px !important; overflow-x: auto; scrollbar-width: none; }
.atti-compartilhar::-webkit-scrollbar { display: none; }
.atti-compartilhar > * { flex: none; }
.atti-compartilhar__copiar { width: 44px; height: 44px; padding: 0 !important; display: grid; place-items: center; border-radius: 50% !important; }
.atti-compartilhar__copiar .atti-icone { width: 20px; height: 20px; }
.atti-compartilhar__nativo { order: -1; }
.atti-tags { margin: var(--sp-6, 24px) 0 0 !important; display: flex !important; flex-wrap: nowrap; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.atti-tags::-webkit-scrollbar { display: none; }
.atti-tags .wp-block-post-terms__separator { display: none; }
.atti-tags a { flex: none; display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 999px; background: #f2f2f4; color: #333 !important; font-size: var(--fs-14, .875rem); font-weight: 500; white-space: nowrap; border: 0 !important; margin: 0 !important; }
.atti-tags a:hover { background: #e8e8ec; }

/* Convite da comunidade dentro do texto. */
.atti-comunidade--meio { margin: var(--sp-8, 32px) 0 !important; padding: 18px !important; border-radius: 18px; background: linear-gradient(150deg, #e9fbef, #f4fdf7) !important; display: flex !important; flex-direction: column; gap: 12px; font-family: var(--atti-sans); }
.atti-comunidade--meio .atti-comunidade__sobre { margin: 0; font-size: var(--fs-12, .75rem) !important; font-weight: 600; color: #1f7a3f !important; }
.atti-comunidade--meio .atti-comunidade__titulo { margin: 4px 0 0 !important; font-size: var(--fs-18, 1.125rem) !important; line-height: 1.25 !important; font-weight: 600 !important; color: var(--atti-tinta) !important; }
.atti-comunidade--meio .atti-comunidade__sub { margin: 4px 0 0 !important; font-size: var(--fs-14, .875rem) !important; line-height: 1.45 !important; color: #4b5a50 !important; }
.atti-comunidade--meio .atti-comunidade__acoes { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
.atti-comunidade--meio .atti-comunidade__botao { display: flex !important; align-items: center; justify-content: center; gap: 8px; height: 48px; border-radius: 14px !important; background: #25d366 !important; color: #fff !important; font-size: var(--fs-16, 1rem) !important; font-weight: 600 !important; text-decoration: none !important; }
.atti-comunidade--meio .atti-comunidade__redes { display: flex; align-items: center; gap: 12px; font-size: var(--fs-12, .75rem); color: #4b5a50; }
.atti-comunidade--meio .atti-comunidade__redes .atti-redes { display: flex; gap: 10px; }

/* Próxima matéria emendada. */
.atti-seguintes { max-width: var(--wp--style--global--content-size, 760px); margin: 0 auto; padding: 0 16px; }
.atti-seguinte { padding-top: var(--sp-8, 32px); margin-top: var(--sp-8, 32px); position: relative; }
.atti-seguinte::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px; border-radius: 999px; background: #f2f2f4; }
.atti-seguinte__rotulo { margin: 0 0 var(--sp-3, 12px); font-family: var(--atti-sans); font-size: var(--fs-12, .75rem); font-weight: 700; color: var(--atti-cor); }
.atti-seguintes__gatilho { height: 1px; }
.atti-comunidade--meio .atti-comunidade__sobre { text-transform: none !important; letter-spacing: 0 !important; }
.atti-comunidade--meio .atti-comunidade__botao { width: 100%; box-sizing: border-box; }
.atti-compartilhar { gap: 6px !important; }
.atti-compartilhar > a:not(.atti-compartilhar__whatsapp), .atti-compartilhar__copiar { width: 40px !important; height: 40px !important; }
.atti-compartilhar__whatsapp { padding-inline: 14px !important; }
@media (max-width: 480px) { .atti-topo__secao { display: none !important; } }

/* ══ Rodapé (10/10) — marca e redes, três colunas, linha final. */
.atti-rodape { background: #f6f6f8 !important; color: #555; margin-top: var(--sp-16, 64px); padding: var(--sp-8, 32px) 16px calc(var(--sp-8, 32px) + 72px) !important; font-family: var(--atti-sans); box-shadow: none !important; }
@media (min-width: 782px) { .atti-rodape { padding-bottom: var(--sp-8, 32px) !important; } }
.atti-rodape > * { max-width: 1240px; margin-inline: auto !important; }
.atti-rodape .atti-comunidade { display: none; }
.atti-rodape__topo { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: var(--sp-6, 24px); }
.atti-rodape__logo { display: block; height: 26px; width: auto; }
.atti-rodape__nome { font-size: var(--fs-20, 1.25rem); color: var(--atti-tinta); }
.atti-rodape__redes { display: flex; gap: 14px; color: #444; }
.atti-rodape__redes a { color: #444 !important; }
.atti-rodape__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-6, 24px) 16px; padding: var(--sp-6, 24px) 0; box-shadow: inset 0 1px 0 #e4e4e8, inset 0 -1px 0 #e4e4e8; }
.atti-rodape__col:first-child { grid-column: 1 / -1; }
.atti-rodape__col:first-child ul { columns: 2; column-gap: 16px; }
@media (min-width: 768px) { .atti-rodape__cols { grid-template-columns: 2fr 1fr 1fr; } .atti-rodape__col:first-child { grid-column: auto; } .atti-rodape__col:first-child ul { columns: 2; } }
.atti-rodape__col p { margin: 0 0 8px; font-size: var(--fs-12, .75rem); font-weight: 600; color: var(--meta, #6f6f6f); }
.atti-rodape__col ul { list-style: none; margin: 0; padding: 0; }
.atti-rodape__col li { break-inside: avoid; }
.atti-rodape__col a { display: inline-block; padding: 5px 0; font-size: var(--fs-14, .875rem); font-weight: 500; color: #222 !important; }
.atti-rodape__col a:hover { color: var(--atti-cor) !important; }
.atti-rodape__fim { display: flex; justify-content: space-between; gap: 12px; padding-top: var(--sp-4, 16px); font-size: var(--fs-12, .75rem); color: var(--meta, #6f6f6f); }

/* ══ Abertura da matéria: autor, data e compartilhar menores que a notícia. */
.atti-abertura__meta { gap: 10px !important; padding: 8px 0 !important; }
.atti-abertura__autor-foto { width: 28px !important; height: 28px !important; font-size: .625rem !important; flex: none; }
.atti-abertura__quem { font-size: var(--fs-12, .75rem) !important; gap: 0 !important; }
.atti-abertura__quem strong { font-size: var(--fs-14, .875rem) !important; font-weight: 600 !important; }
.atti-abertura__leitura { font-size: .6875rem !important; padding: 3px 8px !important; font-weight: 500 !important; color: #555 !important; }
.atti-compartilhar { padding: 4px 0 !important; }
.atti-compartilhar > a:not(.atti-compartilhar__whatsapp), .atti-compartilhar__copiar { width: 32px !important; height: 32px !important; }
.atti-compartilhar > a svg, .atti-compartilhar .atti-icone { width: 16px !important; height: 16px !important; }
.atti-compartilhar__whatsapp { height: 32px !important; font-size: var(--fs-12, .75rem) !important; font-weight: 600 !important; padding-inline: 12px !important; gap: 6px; }
.atti-compartilhar__nativo { height: 32px; font-size: var(--fs-12, .75rem); padding: 0 12px; }

/* ══ Leia também: até três, as mais novas, miniatura e título. */
.atti-leia { margin: var(--sp-6, 24px) 0; padding: 14px 16px; border-radius: 16px; background: #f6f6f8; font-family: var(--atti-sans); }
.atti-leia__titulo { margin: 0 0 6px !important; font-size: var(--fs-12, .75rem) !important; font-weight: 700 !important; color: var(--atti-cor) !important; }
.atti-leia__item { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 12px; align-items: center; padding: 8px 0; text-decoration: none !important; color: var(--atti-tinta) !important; }
.atti-leia__item + .atti-leia__item { box-shadow: inset 0 1px 0 #e4e4e8; }
.atti-leia__item img, .atti-leia__item .atti-semfoto { width: 56px; height: 56px; object-fit: cover; border-radius: 10px; min-height: 0; padding: 0; }
.atti-leia__item b { display: block; font-size: var(--fs-14, .875rem); line-height: 1.3; font-weight: 600; }
.atti-leia__item time { display: block; margin-top: 2px; font-size: .6875rem; color: var(--meta, #6f6f6f); }
.atti-leia__item:hover b { color: var(--atti-cor); }

/* Ordinal brasileiro: a Geist desenha º e ª quase do tamanho de "o"/"a" e o
   leitor lê "1o". Só esses dois caracteres vêm de uma fonte do sistema. */
/* º e ª com desenho de ordinal em qualquer aparelho (a Geist desenha como "o"): recorte da Inter (OFL) só com os dois caracteres. */
@font-face { font-family: "Ordinal BR"; src: url(fontes/ordinal-400.woff2) format("woff2"); font-weight: 100 599; unicode-range: U+00AA, U+00BA; font-display: swap; }
@font-face { font-family: "Ordinal BR"; src: url(fontes/ordinal-700.woff2) format("woff2"); font-weight: 600 900; unicode-range: U+00AA, U+00BA; font-display: swap; }

/* ══ Barra lateral da matéria (computador): listas compactas, iguais. */
.atti-trilho { display: flex; flex-direction: column; gap: var(--sp-8, 32px); align-self: start; font-family: var(--atti-sans); }
@media (min-width: 1100px) { .atti-trilho { position: sticky; top: 72px; } }
.atti-trilho__titulo { margin: 0 0 var(--sp-2, 8px) !important; font-size: var(--fs-16, 1rem) !important; font-weight: 600 !important; letter-spacing: -0.01em; }
.atti-trilho__titulo::before { display: none !important; }
.atti-trilho__lidas { list-style: none; margin: 0; padding: 0; counter-reset: lidas; display: block !important; }
.atti-trilho__lidas li { counter-increment: lidas; display: grid !important; grid-template-columns: 22px minmax(0, 1fr) 56px !important; gap: 10px; align-items: center; padding: 10px 0 !important; position: relative; }
.atti-trilho__lidas li + li { box-shadow: inset 0 1px 0 #ececf0; }
.atti-trilho__lidas li::before { content: counter(lidas); grid-column: 1; grid-row: 1 !important; font-size: var(--fs-18, 1.125rem); font-weight: 600; color: var(--atti-cor); line-height: 1; display: block !important; position: static !important; width: auto !important; height: auto !important; background: none !important; }
.atti-trilho__lidas li > a:not(.atti-trilho__foto) { grid-column: 2; grid-row: 1 !important; font-family: var(--atti-sans) !important; font-size: var(--fs-14, .875rem) !important; line-height: 1.3 !important; font-weight: 600 !important; color: var(--atti-tinta); }
.atti-trilho__foto, .atti-trilho__lida--1 .atti-trilho__foto { grid-column: 3 !important; grid-row: 1 !important; width: 56px; height: 56px; aspect-ratio: 1 !important; margin: 0 !important; border-radius: 10px; overflow: hidden; background: #eef0f3; }
.atti-trilho__foto img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0 !important; }
.atti-trilho__lidas a:hover { color: var(--atti-cor) !important; }
.atti-trilho .atti-cartao--lista { padding: 10px 0 !important; display: block !important; }
.atti-trilho .atti-cartao--lista + .atti-cartao--lista { box-shadow: inset 0 1px 0 #ececf0; }
.atti-trilho .atti-cartao--lista::before { display: none !important; }
.atti-trilho .atti-cartao--lista .atti-cartao__hora { margin: 0 0 2px !important; font-size: .6875rem !important; color: var(--meta, #6f6f6f) !important; }
.atti-trilho .atti-cartao--lista .atti-cartao__titulo { font-size: var(--fs-14, .875rem) !important; line-height: 1.3 !important; font-weight: 600 !important; margin: 0 !important; }
.atti-seguintes { max-width: none !important; margin: 0 !important; padding: 0 !important; }
.atti-seguinte { margin-top: var(--sp-12, 48px) !important; padding-top: var(--sp-8, 32px) !important; }
.atti-seguinte::before { height: 1px !important; border-radius: 0 !important; background: #e4e4e8 !important; }
.atti-participe { font-size: var(--fs-14, .875rem) !important; line-height: 1.5; }
.atti-participe a { font-weight: 600 !important; }
.atti-participe__google { display: inline-block; margin-top: 8px; font-size: var(--fs-12, .75rem) !important; color: var(--meta, #6f6f6f) !important; }
@media (min-width: 768px) { .atti-comunidade--meio .atti-comunidade__acoes { flex-direction: row; align-items: center; justify-content: space-between; } .atti-comunidade--meio .atti-comunidade__botao { width: auto; padding: 0 22px; } }
@media (min-width: 768px) {
	.atti-maislidas__lista li a { grid-template-columns: 1fr !important; grid-template-rows: auto auto; gap: 8px !important; align-items: start !important; }
	.atti-maislidas__lista li a > img, .atti-maislidas__lista li a > .atti-semfoto { grid-row: 1; width: 100% !important; height: auto !important; aspect-ratio: 3 / 2; }
	.atti-maislidas__lista li a > span { grid-row: 2; -webkit-line-clamp: 4 !important; }
}
@media (min-width: 768px) { .atti-maislidas__lista li { display: flex !important; flex-direction: column; gap: 6px; padding-left: 0 !important; } .atti-maislidas__lista li::before { position: static !important; } }

/* ══ Colunistas: cartões que correm de lado (foto, coluna, título, quando). */
.atti-colunas__trilho { display: grid; grid-auto-flow: column; grid-auto-columns: 220px; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: -16px; padding: 4px 16px; scroll-padding-inline: 16px; }
.atti-colunas__trilho::-webkit-scrollbar { display: none; }
@media (min-width: 960px) { .atti-colunas__trilho { grid-auto-flow: row; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-columns: auto; overflow: visible; margin-inline: 0; padding-inline: 0; } }
.atti-coluna { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 16px; border-radius: 16px; background: #f6f6f8; text-align: center; color: var(--atti-tinta) !important; text-decoration: none !important; scroll-snap-align: start; }
.atti-coluna__foto { width: 64px !important; height: 64px !important; border-radius: 50% !important; object-fit: cover; box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--ed, var(--atti-cor)); display: grid; place-items: center; background: var(--ed, var(--atti-cor)); color: #fff; font-weight: 700; font-size: var(--fs-18, 1.125rem); }
.atti-coluna__nome { margin-top: 4px; font-size: var(--fs-12, .75rem); font-weight: 700; color: var(--ed, var(--atti-cor)); }
.atti-coluna__titulo { font-size: var(--fs-16, 1rem); line-height: 1.3; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.atti-coluna time { margin-top: auto; font-size: .6875rem; color: var(--meta, #6f6f6f); }
.atti-coluna:hover .atti-coluna__titulo { color: var(--ed, var(--atti-cor)); }

/* ══ Foto da matéria: legenda e crédito; foto vertical contida na tela. */
.atti-abertura__midia { margin: var(--sp-4, 16px) 0 var(--sp-6, 24px) !important; }
.atti-abertura__quadro { position: relative; overflow: hidden; border-radius: var(--r-m, 16px); background: #eef0f3; }
.atti-abertura__quadro img { display: block; width: 100%; height: auto; border-radius: 0 !important; }
.atti-abertura__midia--vertical .atti-abertura__quadro { isolation: isolate; }
.atti-abertura__midia--vertical .atti-abertura__quadro::before { content: ""; position: absolute; inset: -20px; z-index: -1; background: var(--foto) center / cover; filter: blur(28px) brightness(.85); }
.atti-abertura__midia--vertical .atti-abertura__quadro img { width: auto; max-width: 100%; max-height: min(72vh, 640px); margin: 0 auto; object-fit: contain; }
.atti-abertura__midia figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 16px; margin-top: 8px; padding: 0 2px; font-family: var(--atti-sans); text-align: left; }
.atti-abertura__midia figcaption span { flex: 1 1 260px; font-size: var(--fs-14, .875rem); line-height: 1.45; color: #4a4a4a; }
.atti-abertura__midia figcaption small { font-size: .6875rem; color: var(--meta, #6f6f6f); white-space: nowrap; }

/* ══ Hoje na história: almanaque, fato do dia, linha do tempo, gente do dia. */
.atti-dia__almanaque { margin-bottom: var(--sp-4, 16px); padding: 12px 14px; border-radius: 16px; background: #f6f6f8; }
.atti-dia__almanaque dd { font-size: var(--fs-14, .875rem) !important; }
.atti-dia__destaque { display: grid; grid-template-columns: 1fr; gap: 12px; padding: 14px; border-radius: 16px; background: linear-gradient(160deg, #fbf6ec, #f4ecdc); }
@media (min-width: 640px) { .atti-dia__destaque { grid-template-columns: 180px minmax(0, 1fr); align-items: center; } }
.atti-dia__destaque img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; filter: grayscale(.2) sepia(.15); }
.atti-dia__ano { margin: 0; font-size: 2.75rem; line-height: 1; font-weight: 700; letter-spacing: -0.03em; color: #8a5a12; }
.atti-dia__ha { margin: 2px 0 6px; font-size: var(--fs-12, .75rem); font-weight: 600; color: #8a6a3a; }
.atti-dia__fato { margin: 0; font-size: var(--fs-16, 1rem); line-height: 1.45; font-weight: 500; color: #2b2112; }
.atti-dia__sub { margin: var(--sp-6, 24px) 0 var(--sp-2, 8px); font-size: var(--fs-14, .875rem); font-weight: 600; color: var(--meta, #6f6f6f); }
.atti-dia__linha { list-style: none; margin: 0; padding: 0; }
.atti-dia__linha li { display: grid; grid-template-columns: 52px minmax(0, 1fr) 56px; gap: 12px; align-items: start; padding: 12px 0; }
.atti-dia__linha li + li { box-shadow: inset 0 1px 0 #ececf0; }
.atti-dia__linha li:not(:has(img)) { grid-template-columns: 52px minmax(0, 1fr); }
.atti-dia__linha b { font-size: var(--fs-16, 1rem); font-weight: 700; color: #8a5a12; font-variant-numeric: tabular-nums; }
.atti-dia__linha p { margin: 0; font-size: var(--fs-14, .875rem); line-height: 1.45; color: #333; }
.atti-dia__linha p a { font-weight: 600; white-space: nowrap; }
.atti-dia__linha img { width: 56px; height: 56px; object-fit: cover; border-radius: 10px; }
.atti-dia__gente { list-style: none; margin: 0 -16px; padding: 0 16px 4px; display: grid; grid-auto-flow: column; grid-auto-columns: 132px; gap: 10px; overflow-x: auto; scrollbar-width: none; }
.atti-dia__gente::-webkit-scrollbar { display: none; }
.atti-dia__gente a { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 8px; border-radius: 16px; background: #f6f6f8; text-align: center; color: var(--atti-tinta) !important; text-decoration: none !important; height: 100%; box-sizing: border-box; }
.atti-dia__gente img, .atti-dia__sem { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; background: #e4e4e8; }
.atti-dia__gente b { font-size: var(--fs-12, .75rem); line-height: 1.25; font-weight: 600; }
.atti-dia__gente small { font-size: .6875rem; line-height: 1.25; color: var(--meta, #6f6f6f); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.atti-dia__gente time { margin-top: auto; font-size: .6875rem; font-weight: 700; color: #8a5a12; }
.atti-dia__almanaque { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important; } .atti-dia__destaque img { aspect-ratio: 16 / 9; max-height: 220px; object-position: center 25%; } @media (min-width: 640px) { .atti-dia__destaque img { aspect-ratio: 4 / 3; max-height: none; } }

/* ══ Marca-texto no corpo da matéria (como o g1): o negrito pinta da
   esquerda para a direita quando entra na tela; links na cor da editoria. */
.atti-materia .wp-block-post-content :is(p, li) strong, .atti-materia .wp-block-post-content :is(p, li) b {
	--marca: color-mix(in srgb, var(--atti-cor) 16%, #fff);
	background-image: linear-gradient(var(--marca), var(--marca));
	background-repeat: no-repeat; background-position: 0 88%; background-size: 0% 100%;
	-webkit-box-decoration-break: clone; box-decoration-break: clone;
	padding: 0 .12em; margin: 0 -.12em; border-radius: 3px;
	transition: background-size .9s cubic-bezier(.2, .7, .2, 1);
}
.atti-materia .wp-block-post-content .atti-marcado :is(strong, b), .atti-sem-movimento .atti-materia .wp-block-post-content :is(p, li) :is(strong, b) { background-size: 100% 100%; }
.atti-materia .wp-block-post-content :is(p, li) a { color: var(--atti-cor) !important; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--atti-cor) 40%, transparent); transition: text-decoration-color .2s; }
.atti-materia .wp-block-post-content :is(p, li) a:hover { text-decoration-color: currentColor; }
.atti-materia .wp-block-post-content :is(p, li) a :is(strong, b) { background: none !important; }
@media (prefers-reduced-motion: reduce) { .atti-materia .wp-block-post-content :is(p, li) :is(strong, b) { transition: none; background-size: 100% 100%; } }

/* ══ Computador: o site vira uma página centralizada, com fio de 1px dos
   lados e fundo cinza-claro fora dela, como jornal sobre a mesa. */
@media (min-width: 1100px) {
	body { background: #f1f1f4 !important; }
	.wp-site-blocks { max-width: 1180px; margin: 0 auto; background: #fff; box-shadow: 0 0 0 1px #e4e4e8; min-height: 100vh; }
	.wp-site-blocks > * { margin-block-start: 0; }
	.atti-topo__barra, .atti-ticker__dentro, .atti-rodape { padding-inline: 24px !important; }
	.wp-site-blocks .alignfull { max-width: 100%; }
	.atti-principal { padding-inline: 24px !important; }
}

/* Colunistas na entrada (como O Globo e o impresso): foto com anel de story,
   nome na cor da coluna e o título ao lado. */
.atti-colunas--topo .atti-colunas__trilho { grid-auto-columns: 82%; gap: 16px; }
@media (min-width: 640px) { .atti-colunas--topo .atti-colunas__trilho { grid-auto-columns: 46%; } }
@media (min-width: 960px) { .atti-colunas--topo .atti-colunas__trilho { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: minmax(0, 1fr); } }
.atti-colunas--topo .atti-coluna { flex-direction: row; align-items: flex-start; text-align: left; gap: 12px; padding: 4px 0; background: none; border-radius: 0; }
.atti-colunas--topo .atti-coluna > span, .atti-colunas--topo .atti-coluna > b, .atti-colunas--topo .atti-coluna > time { display: block; }
.atti-colunas--topo .atti-coluna__foto { flex: none; width: 60px !important; height: 60px !important; }
.atti-colunas--topo .atti-coluna { display: grid; grid-template-columns: 60px minmax(0, 1fr); grid-template-rows: auto auto 1fr; column-gap: 12px; }
.atti-colunas--topo .atti-coluna__foto { grid-row: 1 / span 3; }
.atti-colunas--topo .atti-coluna__nome { margin: 2px 0 2px; font-size: var(--fs-14, .875rem); }
.atti-colunas--topo .atti-coluna__titulo { font-size: var(--fs-16, 1rem); -webkit-line-clamp: 3; }
.atti-colunas--topo .atti-coluna time { display: none; }
.atti-colunas--topo { padding-bottom: var(--sp-4, 16px); box-shadow: inset 0 -1px 0 #ececf0; }
.atti-coluna__foto.atti-retrato--iniciais { display: grid !important; place-items: center; line-height: 1 !important; text-align: center; padding: 0 !important; font-size: var(--fs-20, 1.25rem) !important; }

/* ══ Richmond Display, pontual (10/10): a voz dos cards do Instagram e do
   impresso só em conteúdo de "jornal" — títulos de coluna, citação, o ano
   do Hoje na história e a edição impressa. O resto do site é Geist.
   ATENÇÃO: confirmar a licença de uso na web antes de publicar o tema. */
@font-face { font-family: "Richmond Display"; src: url(fontes/richmond-600.otf) format("opentype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Richmond Display"; src: url(fontes/richmond-700.otf) format("opentype"); font-weight: 700; font-display: swap; }
:root { --atti-display: "Richmond Display", Georgia, serif; }
.atti-dia__ano, .atti-materia .wp-block-post-content blockquote p, .atti-materia .wp-block-post-content .fv-pull-quote p {
	font-family: var(--atti-display) !important; font-weight: 600 !important; letter-spacing: -0.01em !important;
}
.atti-coluna__titulo { font-size: var(--fs-18, 1.125rem) !important; line-height: 1.22 !important; }
.atti-colunas--topo .atti-coluna__titulo { font-size: var(--fs-18, 1.125rem) !important; }
.atti-dia__ano { font-weight: 700 !important; font-size: 3rem !important; }

/* ══ Leitor da edição impressa (PressReader): miniaturas, seções, modo texto. */
.atti-folheador__barra { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; gap: 10px; margin-top: 12px; padding: 8px 0; background: rgba(255,255,255,.92); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 -1px 0 #ececf0; }
@media (max-width: 781px) { .atti-folheador__barra { bottom: calc(60px + env(safe-area-inset-bottom)); } }
.atti-folheador__secoes-botao { flex: none; height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--atti-tinta); color: #fff; font: inherit; font-size: var(--fs-14, .875rem); font-weight: 600; cursor: pointer; }
.atti-folheador__miniaturas { flex: 1; min-width: 0; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.atti-folheador__miniaturas::-webkit-scrollbar { display: none; }
.atti-folheador__mini { position: relative; flex: none; width: 44px; height: 60px; padding: 0; border: 0; border-radius: 4px; background: #eef0f3; overflow: hidden; cursor: pointer; }
.atti-folheador__mini canvas { width: 100%; height: 100%; object-fit: cover; display: block; }
.atti-folheador__mini span { position: absolute; left: 0; right: 0; bottom: 0; font-size: .625rem; font-weight: 700; color: #fff; background: rgba(0,0,0,.45); }
.atti-folheador__mini--atual { box-shadow: 0 0 0 2px var(--atti-cor); }
.atti-folheador__secoes { position: absolute; left: 0; right: 0; bottom: 84px; z-index: 6; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; padding: 12px; border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.14); }
.atti-folheador__secoes[hidden] { display: none; }
.atti-folheador__secoes button { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 10px 12px; border: 0; border-radius: 10px; background: #f6f6f8; font: inherit; cursor: pointer; text-align: left; }
.atti-folheador__secoes b { font-size: var(--fs-14, .875rem); font-weight: 600; }
.atti-folheador__secoes span { font-size: .6875rem; color: var(--meta, #6f6f6f); white-space: nowrap; }
.atti-folheador { position: relative; }
.atti-folheador__texto { max-width: 68ch; margin: 0 auto; padding: var(--sp-4, 16px) 0 var(--sp-8, 32px); font-size: var(--fs-18, 1.125rem); line-height: 1.65; }
.atti-folheador__texto p { margin: 0 0 .9em; }
.atti-folheador__texto-pagina { font-size: var(--fs-12, .75rem) !important; font-weight: 700; color: var(--atti-cor); }
.atti-folheador__comandos [aria-pressed="true"] { background: var(--atti-tinta) !important; color: #fff !important; }
.atti-folheador__comandos { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.atti-folheador__comandos > * { flex: none; height: 36px; display: inline-flex; align-items: center; padding: 0 12px; border: 0; border-radius: 999px; background: #f2f2f4; color: var(--atti-tinta) !important; font: inherit; font-size: var(--fs-14, .875rem); font-weight: 600; white-space: nowrap; }
.atti-folheador__comandos [data-ir] { width: 36px; padding: 0; justify-content: center; font-size: 1.25rem; }
.atti-folheador__comandos [data-pagina] { background: none; padding: 0 4px; font-weight: 500; color: var(--meta, #6f6f6f) !important; }
.atti-folheador__texto-espera { color: var(--meta, #6f6f6f); font-size: var(--fs-14, .875rem); }

/* "Oferecido por": discreto, marca do patrocinador, nunca maior que o conteúdo. */
.atti-oferecido { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-family: var(--atti-sans); }
.atti-oferecido__rotulo { font-size: .6875rem; font-weight: 500; color: var(--meta, #6f6f6f); white-space: nowrap; }
.atti-oferecido__marca img { display: block; height: 22px; width: auto; max-width: 120px; object-fit: contain; border-radius: 0 !important; }
.atti-oferecido__marca b { font-size: var(--fs-12, .75rem); font-weight: 700; color: var(--atti-tinta); }
.atti-clima .atti-oferecido { margin-top: 4px; }
.atti-clima .atti-oferecido__rotulo, .atti-clima .atti-oferecido__marca b { color: rgba(255,255,255,.85); }
.atti-clima .atti-oferecido__marca img { filter: brightness(0) invert(1); opacity: .9; }
.atti-srv__bloco > .atti-oferecido, .atti-faixa > .atti-oferecido { margin: -6px 0 12px; }
.atti-clima__dados dd { white-space: nowrap; font-size: var(--fs-18, 1.125rem) !important; }

/* Aviso de privacidade: uma linha, embaixo, sem cobrir a notícia. */
.atti-privacidade { position: fixed; left: 12px; right: 12px; bottom: calc(72px + env(safe-area-inset-bottom)); z-index: 230; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 12px 14px; border-radius: 16px; background: rgba(28,28,30,.94); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); color: #fff; font-family: var(--atti-sans); font-size: var(--fs-14, .875rem); }
.atti-privacidade[hidden] { display: none; }
.atti-privacidade p { flex: 1 1 220px; margin: 0; line-height: 1.4; }
.atti-privacidade a { color: #fff !important; text-decoration: underline; }
.atti-privacidade div { display: flex; gap: 8px; }
.atti-privacidade button { height: 36px; padding: 0 16px; border: 0; border-radius: 999px; font: inherit; font-weight: 600; cursor: pointer; }
.atti-privacidade [data-privacidade-nao] { background: rgba(255,255,255,.14); color: #fff; }
.atti-privacidade [data-privacidade-sim] { background: #fff; color: #111; }
@media (min-width: 782px) { .atti-privacidade { left: auto; right: 24px; bottom: 24px; max-width: 460px; } }
.atti-folha__numeros { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .atti-folha__numeros dt { font-size: .6875rem !important; }

/* ══ TV Força do Vale: selo ao vivo no topo, faixa na capa, cartão entre matérias. */
.atti-tv-vivo { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: 999px; background: var(--atti-urgente, #cc0000); color: #fff !important; font-size: .75rem; font-weight: 700; white-space: nowrap; text-decoration: none !important; }
.atti-tv-vivo[hidden] { display: none; }
.atti-tv-vivo i, .atti-tvfaixa__agora i, .atti-tvcartao__rotulo i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; animation: atti-pulso 1.4s ease-in-out infinite; }
@media (max-width: 480px) { .atti-tv-vivo { padding: 0 8px; font-size: .6875rem; } }
.atti-tvfaixa__agora { display: inline-flex; align-items: center; gap: 6px; margin-left: 4px; padding: 2px 8px; border-radius: 999px; background: var(--atti-urgente, #cc0000); color: #fff; font-size: .6875rem; font-weight: 700; }
.atti-tvfaixa__player { position: relative; aspect-ratio: 16 / 9; border-radius: var(--r-m, 16px); overflow: hidden; background: #000; }
.atti-tvfaixa__player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.atti-tvfaixa__titulo-vivo { margin: 8px 0 14px; font-size: var(--fs-18, 1.125rem); font-weight: 600; line-height: 1.3; }
.atti-tvfaixa__trilho { display: grid; grid-auto-flow: column; grid-auto-columns: 74%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: -16px; padding: 0 16px 4px; }
.atti-tvfaixa__trilho::-webkit-scrollbar { display: none; }
@media (min-width: 640px) { .atti-tvfaixa__trilho { grid-auto-columns: 42%; } }
@media (min-width: 960px) { .atti-tvfaixa__trilho { grid-auto-columns: calc((100% - 36px) / 4); margin-inline: 0; padding-inline: 0; } }
.atti-tvfaixa__trilho .atti-tv__video { display: flex; flex-direction: column; gap: 6px; scroll-snap-align: start; color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-tvfaixa__trilho .atti-tv__thumb { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: var(--r-p, 12px); overflow: hidden; background: #111; }
.atti-tvfaixa__trilho .atti-tv__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.atti-tvfaixa__trilho .atti-tv__thumb i { position: absolute; left: 10px; bottom: 10px; width: 34px; height: 34px; border-radius: 50%; background: rgba(0,0,0,.6); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.atti-tvfaixa__trilho .atti-tv__thumb i::after { content: ""; position: absolute; left: 13px; top: 10px; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent #fff; }
.atti-tvfaixa__trilho b { font-size: var(--fs-14, .875rem); line-height: 1.3; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.atti-tvfaixa__trilho time { font-size: .6875rem; color: var(--meta, #6f6f6f); }
.atti-tvcartao { margin: var(--sp-8, 32px) 0; padding: 14px 16px; border-radius: 18px; background: #f6f6f8; color: var(--atti-tinta); }
.atti-tvcartao__rotulo { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: var(--fs-12, .75rem); font-weight: 700; }
.atti-tvcartao .atti-tvfaixa__trilho { margin-inline: 0; padding-inline: 0; grid-auto-columns: 78%; }
.atti-tvcartao__rotulo { color: var(--atti-urgente, #cc0000); }
.atti-tv-vivo--logo { background: #f2f2f4; color: var(--atti-tinta) !important; }
.atti-tvchamada { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; align-items: center; margin-bottom: 14px; padding: 10px; border-radius: 16px; background: #fff4f4; color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-tvchamada__thumb img { display: block; width: 120px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 10px; }
.atti-tvchamada__texto { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.atti-tvchamada small { font-size: .6875rem; font-weight: 700; color: var(--atti-urgente, #cc0000); }
.atti-tvchamada b { font-size: var(--fs-14, .875rem); font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.atti-tvchamada time { font-size: var(--fs-12, .75rem); font-weight: 600; }
.atti-tvchamada em { font-style: normal; font-size: .6875rem; color: var(--meta, #6f6f6f); }
.atti-tv-faixinha { display: none; }
@media (max-width: 600px) {
	.atti-tv-vivo { display: none !important; }
	.atti-tv-faixinha:not([hidden]) { position: fixed; left: 0; right: 0; top: 52px; z-index: 49; display: flex; align-items: center; gap: 8px; padding: 8px 16px; background: var(--atti-urgente, #cc0000); color: #fff !important; font-family: var(--atti-sans); font-size: var(--fs-12, .75rem); text-decoration: none !important; }
	.atti-tv-faixinha i { width: 7px; height: 7px; border-radius: 50%; background: #fff; flex: none; animation: atti-pulso 1.4s ease-in-out infinite; }
	.atti-tv-faixinha b { flex: none; font-weight: 700; }
	.atti-tv-faixinha span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .92; }
}
@media (max-width: 600px) { .atti-topo--rolou .atti-tv-faixinha:not([hidden]) { top: 44px; } }
.atti-tvfaixa .atti-faixa__titulo { flex-wrap: nowrap; white-space: nowrap; } .atti-tvfaixa__agora { white-space: nowrap; } @media (max-width: 420px) { .atti-tvfaixa .atti-faixa__titulo .atti-faixa__mais { display: none; } }

/* Colunistas na entrada: compacto (não pode empurrar a manchete) e sem fio duplicado. */
.atti-colunas--topo { box-shadow: none !important; padding-bottom: 0 !important; }
.atti-colunas--topo .atti-coluna { grid-template-columns: 48px minmax(0, 1fr) !important; column-gap: 10px !important; padding: 0 !important; }
.atti-colunas--topo .atti-coluna__foto { width: 48px !important; height: 48px !important; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--ed, var(--atti-cor)) !important; font-size: var(--fs-16, 1rem) !important; }
.atti-colunas--topo .atti-coluna__nome { margin: 0 !important; font-size: var(--fs-12, .75rem) !important; }
.atti-colunas--topo .atti-coluna__titulo { font-size: var(--fs-16, 1rem) !important; line-height: 1.25 !important; -webkit-line-clamp: 2 !important; }
.atti-capa > .atti-colunas--topo + .atti-faixa { margin-top: calc(-1 * var(--sp-4, 16px)); }

/* Anúncio do topo: presença sem tomar a primeira tela. */
.atti-anuncio--topo .atti-anuncio__peca img { display: block; max-width: min(100%, 728px) !important; max-height: 120px !important; width: auto !important; height: auto !important; margin: 0 auto; object-fit: contain; }
@media (max-width: 600px) { .atti-anuncio--topo .atti-anuncio__peca img { max-height: 96px !important; } }

/* ══ Agora: pílula flutuante (substitui a fita do topo). */
.atti-agora { position: fixed; left: 12px; right: 12px; bottom: calc(70px + env(safe-area-inset-bottom)); z-index: 205; display: flex; flex-direction: column-reverse; align-items: stretch; gap: 8px; font-family: var(--atti-sans); transform: translateY(16px); opacity: 0; transition: transform .35s var(--saida, ease-out), opacity .35s; pointer-events: none; }
.atti-agora[hidden] { display: none; }
.atti-agora--ver { transform: none; opacity: 1; pointer-events: auto; }
@media (min-width: 782px) { .atti-agora { left: 24px; right: auto; bottom: 24px; width: 400px; } }
.atti-agora__pilula { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 8px 44px 8px 14px; border: 0; border-radius: 999px; background: rgba(28,28,30,.92); -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); color: #fff; font: inherit; text-align: left; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.atti-agora__pilula > i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #8e8e93; }
.atti-agora__pilula--vivo > i { background: #ff3b30; animation: atti-pulso 1.4s ease-in-out infinite; }
.atti-agora__pilula span { min-width: 0; display: flex; flex-direction: column; }
.atti-agora__pilula small { font-size: .6875rem; font-weight: 600; color: rgba(255,255,255,.7); }
.atti-agora__pilula--vivo small { color: #ff6961; }
.atti-agora__pilula b { font-size: var(--fs-14, .875rem); font-weight: 600; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atti-agora__entra { animation: atti-agora-entra .45s var(--saida, ease-out); }
@keyframes atti-agora-entra { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.atti-agora__fechar { position: absolute; right: 8px; bottom: 8px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: rgba(255,255,255,.12); cursor: pointer; }
.atti-agora__fechar::before, .atti-agora__fechar::after { content: ""; position: absolute; left: 10px; top: 15px; width: 12px; height: 2px; background: #fff; transform: rotate(45deg); }
.atti-agora__fechar::after { transform: rotate(-45deg); }
.atti-agora__lista { max-height: 50vh; overflow-y: auto; padding: 12px 14px; border-radius: 20px; background: #fff; box-shadow: 0 12px 32px rgba(0,0,0,.16); }
.atti-agora__lista p { margin: 0 0 6px; font-size: var(--fs-12, .75rem); font-weight: 700; color: var(--atti-cor); }
.atti-agora__lista ul { list-style: none; margin: 0; padding: 0; }
.atti-agora__lista a { display: flex; flex-direction: column; gap: 1px; padding: 9px 0; color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-agora__lista li + li a { box-shadow: inset 0 1px 0 #ececf0; }
.atti-agora__lista small { font-size: .6875rem; color: var(--meta, #6f6f6f); }
.atti-agora__lista .atti-agora--vivo small { color: var(--atti-urgente, #cc0000); font-weight: 700; }
.atti-agora__lista b { font-size: var(--fs-14, .875rem); font-weight: 600; line-height: 1.3; }

/* Sem foto: o texto ocupa a largura toda (sem imagem genérica). */
.atti-abre__lateral > .atti-cartao:not(:has(.atti-cartao__foto)), .atti-ed__lista > .atti-cartao:not(:has(.atti-cartao__foto)), .atti-cartao--feed:not(:has(.atti-cartao__foto)), .atti-grade > .atti-cartao:not(:has(.atti-cartao__foto)) { grid-template-columns: minmax(0, 1fr) !important; }
.atti-maislidas__lista li a:not(:has(img)) { grid-template-columns: minmax(0, 1fr) !important; }
.atti-cidade__noticias li:not(:has(img)) { grid-template-columns: minmax(0, 1fr) !important; }

/* Tempo compacto na capa ("Sua cidade"): agora + próximos dias numa linha. */
.atti-clima--compacto { padding: 14px 16px !important; gap: 8px !important; }
.atti-clima--compacto .atti-clima__agora > .atti-meteo { width: 72px !important; height: 72px !important; margin: -8px -4px -8px 0 !important; }
.atti-clima--compacto .atti-clima__temp { font-size: 2.75rem !important; }
.atti-clima__mini { list-style: none; margin: 0; padding: 8px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.22); }
.atti-clima__mini li { display: flex; flex-direction: column; align-items: center; gap: 0; font-size: var(--fs-12, .75rem); }
.atti-clima__mini span { font-weight: 600; opacity: .9; }
.atti-clima__mini b { font-size: var(--fs-14, .875rem); font-weight: 600; }
.atti-clima__mini em { font-style: normal; opacity: .7; }
.atti-dia__almanaque dd { white-space: pre-line; }

/* ── Colunas (10/10): fila de todos os colunistas, página da coluna, abertura do texto de coluna ── */
.atti-fila-colunas { padding-bottom: var(--sp-4, 16px); min-width: 0; max-width: 100%; }
.atti-fila-colunas__trilho { display: grid; grid-auto-flow: column; grid-auto-columns: 132px; gap: 8px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; margin-inline: -16px; padding: 6px 16px 2px; scroll-padding-inline: 16px; }
.atti-fila-colunas__trilho::-webkit-scrollbar { display: none; }
@media (min-width: 960px) { .atti-fila-colunas__trilho { grid-auto-columns: 148px; margin-inline: 0; padding-inline: 0; } }
.atti-fila-coluna { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; color: var(--atti-tinta) !important; text-decoration: none !important; scroll-snap-align: start; }
.atti-fila-coluna__foto { width: 76px !important; height: 76px !important; border-radius: 50% !important; object-fit: cover; object-position: 50% 18%; box-shadow: 0 0 0 3px #fff, 0 0 0 4.5px #d9d9de; background: var(--ed, var(--atti-cor)); color: #fff; margin-bottom: 6px; }
.atti-fila-coluna--novo .atti-fila-coluna__foto { box-shadow: 0 0 0 3px #fff, 0 0 0 5.5px var(--ed, var(--atti-cor)); }
.atti-fila-coluna__foto.atti-retrato--iniciais { display: grid !important; place-items: center; font-size: var(--fs-20, 1.25rem) !important; font-weight: 700; }
.atti-fila-coluna__nome { font-size: var(--fs-14, .875rem); font-weight: 700; color: var(--ed, var(--atti-cor)); line-height: 1.2; }
.atti-fila-coluna__titulo { font-size: var(--fs-14, .875rem); font-weight: 500; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.atti-fila-coluna__quem { font-size: var(--fs-12, .75rem); color: var(--meta, #6f6f6f); line-height: 1.3; }
.atti-fila-coluna:hover .atti-fila-coluna__titulo { color: var(--ed, var(--atti-cor)); }
/* No alto da capa a fila é compacta (10/10: "os colunistas tão muito grandes";
   a manchete precisa caber antes da dobra): foto pequena ao lado, nome e
   título em duas linhas, cartão baixo. */
.atti-fila-colunas--topo { padding-bottom: var(--sp-2, 8px); }
.atti-principal:has(> .atti-capa) { margin-block-start: 0 !important; padding-top: var(--sp-2, 8px) !important; }
.atti-fila-colunas--topo .atti-fila-colunas__trilho { grid-auto-columns: 236px; gap: 16px; padding-block: 8px 4px; }
.atti-fila-colunas--topo .atti-fila-coluna { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 10px; row-gap: 1px; align-content: start; text-align: left; }
.atti-fila-colunas--topo .atti-fila-coluna__foto { width: 44px !important; height: 44px !important; margin: 0; grid-row: 1 / span 2; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #d9d9de; }
.atti-fila-colunas--topo .atti-fila-coluna--novo .atti-fila-coluna__foto { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ed, var(--atti-cor)); }
.atti-fila-colunas--topo .atti-fila-coluna__foto.atti-retrato--iniciais { font-size: var(--fs-14, .875rem) !important; }
.atti-fila-colunas--topo .atti-fila-coluna__nome { font-size: var(--fs-12, .75rem); }
.atti-fila-colunas--topo .atti-fila-coluna__titulo { font-size: var(--fs-14, .875rem); line-height: 1.25; -webkit-line-clamp: 2; }
@media (min-width: 960px) { .atti-fila-colunas--topo .atti-fila-colunas__trilho { grid-auto-columns: 260px; } }

.atti-colpag { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; width: 100%; gap: var(--sp-8, 32px); padding-block: var(--sp-6, 24px) var(--sp-10, 40px); max-width: 860px; margin-inline: auto; }
.atti-colpag__marca { display: grid; grid-template-columns: 168px minmax(0, 1fr); gap: 32px; align-items: center; padding: 32px; border-radius: var(--r-g, 22px); background: color-mix(in srgb, var(--ed, var(--atti-cor)) 9%, #fff); }
.atti-colpag__foto { width: 168px !important; height: 168px !important; border-radius: 50%; object-fit: cover; object-position: 50% 18%; box-shadow: 0 0 0 4px #fff, 0 0 0 7px var(--ed, var(--atti-cor)); background: var(--ed, var(--atti-cor)); color: #fff; }
.atti-colpag__foto.atti-retrato--iniciais { display: grid !important; place-items: center; font-size: 3rem; font-weight: 700; }
.atti-colpag__rotulo { font-size: var(--fs-12, .75rem); font-weight: 600; color: var(--ed, var(--atti-cor)); }
.atti-colpag__nome { margin: 2px 0 0; font-family: "Richmond Display", var(--atti-sans); font-size: clamp(2.5rem, 6vw, 3.75rem); font-weight: 700; line-height: 1; letter-spacing: 0; color: var(--atti-tinta); }
.atti-colpag__quem { margin: 10px 0 0; font-size: var(--fs-16, 1rem); color: #444; }
.atti-colpag__quem b { color: var(--atti-tinta); }
.atti-colpag__descricao { margin: 12px 0 0; font-size: var(--fs-18, 1.125rem); line-height: 1.4; color: var(--atti-tinta); }
.atti-colpag__bio { margin: 8px 0 0; font-size: var(--fs-14, .875rem); line-height: 1.5; color: #555; max-width: 60ch; }
.atti-colpag__dados { margin-top: 18px !important; display: flex !important; flex-wrap: wrap; gap: 8px 28px !important; grid-template-columns: none !important; }
.atti-colpag__textos { display: grid; }
.atti-colpag__textos > .atti-cartao + .atti-cartao { border-top: 1px solid var(--atti-fio, #ececf0); }
.atti-colpag__mais { justify-self: center; font-weight: 600; color: var(--ed, var(--atti-cor)); }
.atti-colpag__vazio { color: #666; }
.atti-colpag__fila { display: grid; grid-auto-flow: column; grid-auto-columns: 96px; gap: 12px; overflow-x: auto; scrollbar-width: none; padding: 6px 2px; }
.atti-colpag__fila a { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; font-size: var(--fs-12, .75rem); font-weight: 600; color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-colpag__miniatura { width: 72px !important; height: 72px !important; border-radius: 50%; object-fit: cover; object-position: 50% 18%; box-shadow: 0 0 0 3px #fff, 0 0 0 4.5px var(--ed, var(--atti-cor)); background: var(--ed, var(--atti-cor)); color: #fff; }
@media (max-width: 640px) {
	.atti-colpag__marca { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 28px 20px; gap: 18px; }
	.atti-colpag__foto { width: 132px !important; height: 132px !important; }
	.atti-colpag__dados { justify-content: center; }
}

.atti-abertura__coluna { display: inline-flex; align-items: center; gap: 14px; margin-bottom: 18px; color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-abertura__coluna-foto { width: 64px !important; height: 64px !important; border-radius: 50%; object-fit: cover; object-position: 50% 18%; box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--ed, var(--atti-cor)); background: var(--ed, var(--atti-cor)); color: #fff; flex: none; }
.atti-abertura__coluna span { display: grid; gap: 2px; }
.atti-abertura__coluna b { font-family: "Richmond Display", var(--atti-sans); font-size: 1.75rem; font-weight: 700; line-height: 1; letter-spacing: 0; color: var(--ed, var(--atti-cor)); }
.atti-abertura__coluna small { font-size: var(--fs-14, .875rem); color: #555; }

/* Espaçamento entre letras: zero em tudo, títulos inclusive (Eduardo, 10/10). */
/* :not(#…) dá peso de id: vence toda regra de classe com !important. */
body *:not(#atti-nada), body *:not(#atti-nada)::before, body *:not(#atti-nada)::after { letter-spacing: 0 !important; }

/* ── Faixa de serviços (10/10): um molde só, como os widgets do iPhone ── */
.atti-srvf .atti-srvf__lista { display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(168px, 1fr) !important; gap: 10px !important; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
.atti-srvf .atti-srvf__item, .atti-srvf .atti-srvf__item--tempo, .atti-srvf .atti-srvf__item--rio, .atti-srvf .atti-srvf__item--dolar, .atti-srvf .atti-srvf__item--mega, .atti-srvf .atti-srvf__item--time { display: flex !important; flex-direction: column; justify-content: space-between; gap: 6px !important; min-width: 168px !important; min-height: 104px; padding: 14px 16px !important; border-radius: var(--r-m, 16px) !important; background: #f5f5f7 !important; color: var(--atti-tinta) !important; text-decoration: none !important; scroll-snap-align: start; filter: none !important; }
.atti-srvf .atti-srvf__item:hover { background: #eeeef1 !important; }
.atti-srvf .atti-srvf__rotulo { display: flex !important; align-items: center; gap: 6px; font-size: var(--fs-12, .75rem) !important; font-weight: 600 !important; color: #6e6e73 !important; text-transform: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atti-srvf .atti-srvf__rotulo .atti-icone, .atti-srvf__rotulo .atti-meteo { width: 18px !important; height: 18px !important; flex: none; margin: 0 !important; grid-row: auto !important; filter: none !important; object-fit: contain; }
.atti-srvf .atti-srvf__item--rio .atti-icone { color: #1f6fd1; }
.atti-srvf .atti-srvf__item--dolar .atti-icone { color: #138a4c; }
.atti-srvf .atti-srvf__item--mega .atti-icone { color: #209869; }
.atti-srvf .atti-srvf__item--tempo .atti-meteo { width: 22px !important; height: 22px !important; }
.atti-srvf .atti-srvf__valor { font-size: 1.5rem !important; font-weight: 700 !important; line-height: 1.05; font-variant-numeric: tabular-nums; color: var(--atti-tinta) !important; white-space: nowrap; }
.atti-srvf .atti-srvf__valor small { font-size: .9375rem; font-weight: 600; color: #6e6e73; }
.atti-srvf .atti-srvf__detalhe { font-style: normal; font-size: var(--fs-12, .75rem) !important; color: #6e6e73 !important; line-height: 1.3; }
.atti-srvf .atti-srvf__detalhe.atti-cot--sobe { color: #138a4c !important; }
.atti-srvf .atti-srvf__detalhe.atti-cot--desce { color: #c62828 !important; }
.atti-srvf .atti-srvf__detalhe.atti-srvf--atencao { color: #b45309 !important; }
.atti-srvf .atti-srvf__item--mega { min-width: 216px !important; }
.atti-srvf .atti-srvf__valor .atti-bolas { display: flex; gap: 4px; }
.atti-srvf .atti-srvf__valor .atti-bolas i { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: #209869; color: #fff; font-style: normal; font-size: .75rem; font-weight: 700; }

.atti-srvf .atti-srvf__item, .atti-srvf .atti-srvf__item * { text-align: left !important; align-items: flex-start; }
.atti-srvf .atti-srvf__item .atti-srvf__rotulo { align-items: center; }
.atti-srvf .atti-srvf__item--tempo span, .atti-srvf .atti-srvf__item--tempo b, .atti-srvf .atti-srvf__item--tempo em { color: inherit !important; }
.atti-srvf .atti-srvf__item .atti-srvf__rotulo { color: #6e6e73 !important; } .atti-srvf .atti-srvf__item .atti-srvf__valor { color: var(--atti-tinta) !important; } .atti-srvf .atti-srvf__item .atti-srvf__detalhe:not(.atti-cot--sobe):not(.atti-cot--desce):not(.atti-srvf--atencao) { color: #6e6e73 !important; }
.atti-srvf .atti-srvf__item--mega { min-width: 228px !important; }

/* ── Páginas de time: /time/gremio e /time/inter ── */
.atti-time { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-8, 32px); max-width: 960px; margin-inline: auto; padding-block: var(--sp-6, 24px) var(--sp-10, 40px); }
.atti-time__marca { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 28px; align-items: center; padding: 28px 32px; border-radius: var(--r-g, 22px); background: color-mix(in srgb, var(--ed) 10%, #fff); }
.atti-time__marca .atti-time__escudo { width: 112px; height: 112px; object-fit: contain; }
.atti-time__nome { margin: 0; font-size: clamp(2.25rem, 5vw, 3rem); font-weight: 800; line-height: 1; color: var(--ed); }
.atti-time__posicao { margin: 8px 0 0; font-size: var(--fs-18, 1.125rem); font-weight: 600; }
.atti-time__dados { margin-top: 14px !important; display: flex !important; flex-wrap: wrap; gap: 8px 24px !important; grid-template-columns: none !important; }
.atti-time__proximo { padding: 24px; border-radius: var(--r-g, 22px); background: #f5f5f7; text-align: center; }
.atti-time__proximo--grenal { background: linear-gradient(90deg, color-mix(in srgb, #0d80bf 14%, #fff), color-mix(in srgb, #d1121b 14%, #fff)); }
.atti-time__rotulo { margin: 0 0 14px; font-size: var(--fs-14, .875rem); font-weight: 700; color: var(--ed); }
.atti-time__proximo--grenal .atti-time__rotulo { font-size: 1.25rem; color: var(--atti-tinta); }
.atti-time__placar { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 16px; }
.atti-time__placar span { display: grid; justify-items: center; gap: 8px; }
.atti-time__placar .atti-time__escudo { width: 64px; height: 64px; object-fit: contain; }
.atti-time__placar b { font-size: var(--fs-18, 1.125rem); }
.atti-time__placar em { font-style: normal; font-size: 1.5rem; color: #8e8e93; }
.atti-time__onde { margin: 16px 0 0; display: grid; gap: 2px; font-size: var(--fs-14, .875rem); color: #6e6e73; }
.atti-time__onde b { font-size: var(--fs-16, 1rem); color: var(--atti-tinta); }
.atti-time__colunas { display: grid; gap: var(--sp-8, 32px); }
@media (min-width: 860px) { .atti-time__colunas { grid-template-columns: 1fr 1fr; } }
.atti-time__jogos { list-style: none; margin: 0; padding: 0; }
.atti-time__jogo { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 0; font-size: var(--fs-14, .875rem); }
.atti-time__jogo + .atti-time__jogo { border-top: 1px solid var(--atti-fio, #ececf0); }
.atti-time__jogos li:not(:has(.atti-time__res)) { grid-template-columns: minmax(0, 1fr) auto; }
.atti-time__res { font-size: var(--fs-12, .75rem); font-weight: 700; padding: 3px 8px; border-radius: 6px; color: #fff; background: #8e8e93; }
.atti-time__jogo--v .atti-time__res { background: #138a4c; }
.atti-time__jogo--d .atti-time__res { background: #c62828; }
.atti-time__confronto b { font-variant-numeric: tabular-nums; }
.atti-time__jogo time { color: #6e6e73; font-size: var(--fs-12, .75rem); white-space: nowrap; }
.atti-time__tabela { width: 100%; border-collapse: collapse; font-size: var(--fs-14, .875rem); font-variant-numeric: tabular-nums; }
.atti-time__tabela th { text-align: left; font-size: var(--fs-12, .75rem); font-weight: 600; color: #6e6e73; padding: 6px 8px; }
.atti-time__tabela td { padding: 10px 8px; border-top: 1px solid var(--atti-fio, #ececf0); }
.atti-time__tabela th:nth-child(n+3), .atti-time__tabela td:nth-child(n+3) { text-align: right; }
.atti-time__eu td { background: color-mix(in srgb, var(--ed) 10%, #fff); font-weight: 700; }
.atti-time__noticias { display: grid; }
.atti-time__noticias > .atti-cartao + .atti-cartao { border-top: 1px solid var(--atti-fio, #ececf0); }
.atti-time__outro { justify-self: center; font-weight: 700; color: var(--ed) !important; }
.atti-time__vazio { color: #666; }
@media (max-width: 640px) {
	.atti-time__marca { grid-template-columns: 72px minmax(0, 1fr); gap: 16px; padding: 20px; }
	.atti-time__marca .atti-time__escudo { width: 72px; height: 72px; }
}
.atti-srvf .atti-srvf__lista { display: flex !important; gap: 10px !important; }
.atti-srvf .atti-srvf__lista > .atti-srvf__item { flex: 1 0 184px; min-width: 184px !important; width: auto !important; }
.atti-srvf .atti-srvf__lista > .atti-srvf__item--mega { flex-basis: 236px; min-width: 236px !important; }
@media (max-width: 640px) { .atti-time__nome { font-size: 1.875rem; overflow-wrap: anywhere; } }
/* Fila de colunas: mais ar, título do último texto embaixo do nome da coluna. */
.atti-fila-colunas__trilho { grid-auto-columns: 136px !important; gap: 20px !important; justify-content: start; }
@media (min-width: 960px) { .atti-fila-colunas__trilho { grid-auto-columns: 152px !important; gap: 24px !important; } }
.atti-fila-coluna { gap: 2px !important; }
.atti-fila-coluna__foto { margin-bottom: 10px !important; }
.atti-fila-coluna__nome { font-size: var(--fs-12, .75rem) !important; }
.atti-fila-coluna__titulo { margin-top: 2px; font-size: var(--fs-14, .875rem) !important; font-weight: 600 !important; line-height: 1.28 !important; color: var(--atti-tinta); }

/* ── Metade de baixo da capa (10/10): títulos de seção firmes, linha do tempo por dia, futebol e jogos ── */
.atti-capa .atti-faixa__titulo { font-family: var(--atti-sans) !important; font-size: 1.375rem !important; font-weight: 700 !important; line-height: 1.15 !important; align-items: center !important; }
.atti-capa .atti-faixa__titulo::before { display: none !important; }
.atti-capa .atti-faixa__mais { font-size: var(--fs-14, .875rem) !important; font-weight: 600 !important; text-transform: none !important; color: var(--ed, var(--atti-cor)) !important; }
.atti-capa .atti-editoria .atti-faixa__titulo > a:first-child { color: var(--ed, var(--atti-cor)) !important; }

.atti-feed--dias .atti-feed__dia { position: sticky; top: 56px; z-index: 2; margin: 24px 0 4px; padding: 8px 0; background: #fff; font-size: var(--fs-14, .875rem); font-weight: 700; color: var(--atti-cor); }
.atti-feed--dias .atti-feed__dia:first-of-type { margin-top: 0; }
.atti-feed__mais { display: block; margin: 20px auto 0; width: max-content; padding: 10px 20px; border-radius: 999px; background: #f5f5f7; font-weight: 600; font-size: var(--fs-14, .875rem); color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-feed__mais:hover { background: #ececf0; }

.atti-fut__grade { display: grid; gap: 12px; }
@media (min-width: 860px) { .atti-fut__grade { grid-template-columns: 3fr 2fr; align-items: stretch; } }
.atti-fut__jogo { display: grid; gap: 14px; justify-items: center; text-align: center; padding: 22px 20px; border-radius: var(--r-g, 22px); background: #f5f5f7; color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-fut__jogo--grenal { background: linear-gradient(90deg, color-mix(in srgb, #0d80bf 16%, #fff), color-mix(in srgb, #d1121b 16%, #fff)); }
.atti-fut__rotulo { font-size: var(--fs-14, .875rem); font-weight: 700; color: var(--atti-tinta); }
.atti-fut__jogo--grenal .atti-fut__rotulo { font-size: 1.125rem; }
.atti-fut__lados { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto minmax(0, 1fr) 48px; align-items: center; gap: 10px; width: 100%; }
.atti-fut__lados b { font-size: var(--fs-16, 1rem); }
.atti-fut__lados b:first-of-type { text-align: right; }
.atti-fut__lados b:last-of-type { text-align: left; }
.atti-fut__lados em { font-style: normal; color: #8e8e93; }
.atti-fut__lados .atti-time__escudo { width: 48px; height: 48px; object-fit: contain; }
.atti-fut__quando { display: grid; gap: 2px; font-weight: 700; font-size: var(--fs-16, 1rem); }
.atti-fut__quando small { font-weight: 400; font-size: var(--fs-12, .75rem); color: #6e6e73; }
.atti-fut__times { display: grid; gap: 12px; }
.atti-fut__time { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: var(--r-m, 16px); background: color-mix(in srgb, var(--ed) 9%, #fff); color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-fut__time img { width: 40px; height: 40px; object-fit: contain; }
.atti-fut__time span { display: grid; gap: 2px; }
.atti-fut__time b { font-size: var(--fs-18, 1.125rem); color: var(--ed); }
.atti-fut__time small { font-size: var(--fs-12, .75rem); color: #555; }
@media (max-width: 640px) { .atti-fut__lados { grid-template-columns: 40px minmax(0, 1fr) auto minmax(0, 1fr) 40px; } .atti-fut__lados .atti-time__escudo { width: 40px; height: 40px; } .atti-fut__lados b { font-size: var(--fs-14, .875rem); } }

.atti-jogos-capa__lista { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(200px, 1fr); gap: 12px; overflow-x: auto; scrollbar-width: none; }
.atti-jogos-capa .atti-jogos__cartao { position: relative; border-radius: var(--r-m, 16px) !important; text-decoration: none !important; min-height: 132px; }
.atti-jogos-capa .atti-jogos__cartao b { font-size: var(--fs-18, 1.125rem); font-weight: 700; }
.atti-jogos__cartao--feito::after { content: "Feito hoje"; position: absolute; top: 14px; right: 14px; font-size: var(--fs-12, .75rem); font-weight: 700; color: #138a4c; }
.atti-jogos__icone { display: grid !important; place-items: center; width: 40px !important; height: 40px !important; border-radius: 12px !important; color: #fff; }
.atti-jogos__icone .atti-icone { width: 24px !important; height: 24px !important; }

/* ── Futebol na capa (10/10): cartão de jogo e tabela no molde do ge ── */
.atti-fut__grade { display: grid !important; gap: 16px !important; grid-template-columns: minmax(0, 1fr) !important; }
@media (min-width: 860px) { .atti-fut__grade { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; align-items: start !important; } }
.atti-fut__jogos { display: grid; gap: 12px; }
.atti-fut .atti-fut__jogo { display: grid !important; gap: 0 !important; padding: 0 !important; justify-items: stretch !important; text-align: left !important; border-radius: var(--r-m, 16px) !important; background: #fff !important; box-shadow: 0 0 0 1px #e5e5ea; overflow: hidden; color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-fut__topo { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; font-size: var(--fs-12, .75rem); color: #6e6e73; background: #f5f5f7; }
.atti-fut__topo b { color: var(--atti-tinta); font-size: var(--fs-14, .875rem); }
.atti-fut__jogo--grenal .atti-fut__topo span { font-weight: 700; color: var(--atti-tinta); }
.atti-fut__placar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 20px 16px 8px; }
.atti-fut__placar em { font-style: normal; font-size: 1.25rem; color: #aeaeb2; padding: 0 8px; }
.atti-fut__lado { display: grid; justify-items: center; gap: 4px; text-align: center; }
.atti-fut__lado .atti-time__escudo { width: 56px; height: 56px; object-fit: contain; margin-bottom: 4px; }
.atti-fut__lado b { font-size: 1.25rem; font-weight: 800; line-height: 1; }
.atti-fut__lado small { font-size: var(--fs-12, .75rem); color: #6e6e73; }
.atti-fut__local { display: block; padding: 6px 16px 16px; text-align: center; font-size: var(--fs-12, .75rem); color: #6e6e73; }
.atti-fut__tabela { border-radius: var(--r-m, 16px); box-shadow: 0 0 0 1px #e5e5ea; overflow: hidden; }
.atti-fut__liga { margin: 0; padding: 12px 16px; background: #f5f5f7; font-size: var(--fs-12, .75rem); color: #6e6e73; }
.atti-fut__tabela table { width: 100%; border-collapse: collapse; font-size: var(--fs-14, .875rem); font-variant-numeric: tabular-nums; }
.atti-fut__tabela th { padding: 8px 10px; font-size: 11px; font-weight: 600; color: #8e8e93; text-align: right; }
.atti-fut__tabela th:first-child { text-align: left; }
.atti-fut__tabela td { padding: 9px 10px; border-top: 1px solid #f0f0f2; text-align: right; color: #3a3a3c; }
.atti-fut__tabela td.atti-fut__pos { width: 28px; text-align: center; font-weight: 600; color: #6e6e73; }
.atti-fut__tabela td.atti-fut__nome { text-align: left; }
.atti-fut__nome { display: flex; align-items: center; gap: 8px; }
.atti-fut__nome img { width: 20px; height: 20px; object-fit: contain; }
.atti-fut__nome a { color: inherit !important; text-decoration: none !important; }
.atti-fut__nosso td { font-weight: 700; color: var(--atti-tinta); background: #fafafa; }
.atti-fut__z4 td.atti-fut__pos { color: #fff; }
.atti-fut__z4 td.atti-fut__pos { background: radial-gradient(circle at center, #d70015 0 11px, transparent 11.5px); }
.atti-fut__corte td { border-top: 1px solid #d70015; }
.atti-fut__legenda { display: flex; align-items: center; gap: 6px; margin: 0; padding: 10px 16px; font-size: 11px; color: #6e6e73; border-top: 1px solid #f0f0f2; }
.atti-fut__legenda i { width: 10px; height: 10px; border-radius: 50%; background: #d70015; }

/* ── Convite do WhatsApp (10/10): uma faixa só, calma ── */
.atti-capa .atti-comunidade--faixa, .atti-comunidade--faixa { display: grid !important; grid-template-columns: 52px minmax(0, 1fr) !important; align-items: center !important; gap: 14px 16px !important; padding: 20px !important; border-radius: var(--r-m, 16px) !important; background: #f2fbf5 !important; }
@media (min-width: 860px) { .atti-capa .atti-comunidade--faixa, .atti-comunidade--faixa { grid-template-columns: 52px minmax(0, 1fr) auto !important; padding: 20px 24px !important; } }
.atti-comunidade__selo { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: #25d366; color: #fff; }
.atti-comunidade__selo .atti-icone { width: 26px; height: 26px; }
.atti-comunidade--faixa .atti-comunidade__titulo { font-family: var(--atti-sans) !important; font-size: var(--fs-18, 1.125rem) !important; font-weight: 700 !important; line-height: 1.25 !important; margin: 0 !important; }
.atti-comunidade--faixa .atti-comunidade__sub { margin: 2px 0 0 !important; font-size: var(--fs-14, .875rem) !important; color: #4b5a50 !important; }
.atti-comunidade--faixa .atti-comunidade__acoes { grid-column: 1 / -1; display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px 20px !important; }
@media (min-width: 860px) { .atti-comunidade--faixa .atti-comunidade__acoes { grid-column: auto; } }
.atti-comunidade--faixa .atti-comunidade__botao { display: inline-flex !important; align-items: center; height: 42px; padding: 0 18px !important; border-radius: 12px !important; background: #1fa855 !important; font-size: var(--fs-14, .875rem) !important; font-weight: 600 !important; text-decoration: none !important; }
.atti-comunidade--faixa .atti-comunidade__redes { display: flex !important; align-items: center; gap: 8px !important; font-size: var(--fs-12, .75rem) !important; font-weight: 500 !important; color: #6e6e73 !important; }
.atti-comunidade--faixa .atti-redes { display: flex !important; flex-direction: row !important; gap: 6px !important; }
.atti-comunidade--faixa .atti-redes a { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #3a3a3c !important; box-shadow: 0 0 0 1px #e5e5ea; }
.atti-comunidade--faixa .atti-redes .atti-icone { width: 16px !important; height: 16px !important; }
.atti-fut__forma { display: flex; gap: 4px; margin-top: 8px; }
.atti-fut__forma i, .atti-fut__chave i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.atti-fut__fv { background: #1fa855; } .atti-fut__fe { background: #aeaeb2; } .atti-fut__fd { background: #d70015; }
.atti-fut__chave { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 6px; padding: 10px 16px 14px; border-top: 1px solid #f0f0f2; font-size: 11px; color: #6e6e73; }
.atti-fut__chave i { margin-left: 4px; }
.atti-fut__chave span { flex-basis: 100%; text-align: center; }
.atti-fut__local { padding-bottom: 12px !important; }

/* Marcador das suítes: quadrado, na cor da editoria. */
.atti-cartao__suites li::before { width: 6px !important; height: 6px !important; border-radius: 0 !important; top: .5em !important; background: var(--ed, var(--atti-cor)) !important; }
.atti-clima--compacto { position: relative; transition: transform .15s var(--saida, ease-out); }
.atti-clima--compacto:active { transform: scale(.985); }
.atti-clima__abrir { position: absolute; inset: 0; z-index: 1; border-radius: inherit; color: inherit !important; text-decoration: none !important; }
.atti-clima__abrir span { position: absolute; top: 16px; right: 18px; font-size: var(--fs-12, .75rem); font-weight: 600; opacity: .85; }
.atti-clima__abrir span::after { content: " ›"; }
.atti-clima--compacto .atti-oferecido { position: relative; z-index: 2; }
.atti-clima--compacto .atti-clima__agora > .atti-meteo { margin-top: 14px; }

/* ── Acervo do impresso (10/10): biblioteca, busca, leitor e estante da capa ── */
.atti-acervo { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-8, 32px); padding-block: var(--sp-6, 24px) var(--sp-10, 40px); }
.atti-acervo__topo { display: grid; gap: 16px; }
.atti-acervo__topo h1 { margin: 0; font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 800; line-height: 1.05; }
.atti-acervo__busca { display: flex; gap: 8px; max-width: 560px; }
.atti-acervo__busca input { flex: 1; min-width: 0; height: 44px; padding: 0 16px; border: 0; border-radius: 12px; background: #f2f2f5; font: 500 var(--fs-16, 1rem) var(--atti-sans); color: var(--atti-tinta); }
.atti-acervo__busca input:focus-visible { outline: 2px solid var(--atti-cor); outline-offset: 1px; }
.atti-acervo__busca button { height: 44px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--atti-tinta); color: #fff; font: 600 var(--fs-14, .875rem) var(--atti-sans); cursor: pointer; }
.atti-acervo__semana { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: center; padding: 24px; border-radius: var(--r-g, 22px); background: #f5f5f7; }
@media (min-width: 760px) { .atti-acervo__semana { grid-template-columns: 300px minmax(0, 1fr); gap: 36px; padding: 32px; } }
.atti-acervo__capa img, .atti-acervo__item img, .atti-estante img, .atti-acervo__resultados img { display: block; width: 100%; height: auto; aspect-ratio: 790 / 1077; object-fit: cover; background: #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.08); }
.atti-acervo__semana h2 { margin: 6px 0 0; font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 800; line-height: 1; }
.atti-acervo__data { margin: 8px 0 16px; font-size: var(--fs-18, 1.125rem); color: #3a3a3c; }
.atti-acervo__acoes { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 0; }
.atti-acervo__ler { display: inline-flex; align-items: center; height: 44px; padding: 0 20px; border-radius: 12px; background: var(--atti-cor); color: #fff !important; font-weight: 600; text-decoration: none !important; }
.atti-acervo__pdf { display: inline-flex; align-items: center; height: 44px; padding: 0 18px; border-radius: 12px; background: #fff; color: var(--atti-tinta) !important; font-weight: 600; text-decoration: none !important; box-shadow: 0 0 0 1px #e5e5ea; }
.atti-acervo__grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
@media (min-width: 640px) { .atti-acervo__grade { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .atti-acervo__grade { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.atti-acervo__item { display: grid; gap: 4px; color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-acervo__item img { margin-bottom: 6px; transition: transform .2s var(--saida, ease-out); }
.atti-acervo__item:hover img { transform: translateY(-3px); }
.atti-acervo__item b { font-size: var(--fs-14, .875rem); }
.atti-acervo__item time { font-size: var(--fs-12, .75rem); color: #6e6e73; }
.atti-acervo__conta { margin: 0 0 8px; font-weight: 600; color: #3a3a3c; }
.atti-acervo__resultados ol { list-style: none; margin: 0; padding: 0; }
.atti-acervo__resultados li + li { border-top: 1px solid #ececf0; }
.atti-acervo__resultados a { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 16px; padding: 16px 0; color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-acervo__resultados span { display: grid; gap: 4px; align-content: start; }
.atti-acervo__resultados time { font-size: var(--fs-12, .75rem); color: #6e6e73; }
.atti-acervo__resultados em { font-style: normal; font-size: var(--fs-16, 1rem); line-height: 1.45; color: #3a3a3c; }
.atti-acervo__resultados mark { background: #fff1a8; color: inherit; padding: 0 1px; }
.atti-acervo__vazio { padding: 40px 0; color: #555; }

.atti-leitor { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding-block: var(--sp-6, 24px) var(--sp-10, 40px); }
.atti-leitor__topo { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 12px 24px; }
.atti-leitor__topo h1 { margin: 4px 0 0; font-size: clamp(1.5rem, 3.5vw, 2.25rem); font-weight: 800; line-height: 1; }
.atti-leitor__topo p { margin: 6px 0 0; color: #6e6e73; }
.atti-leitor__comandos { display: flex; align-items: center; gap: 6px; }
.atti-leitor__comandos button, .atti-leitor__comandos a { display: inline-grid; place-items: center; min-width: 40px; height: 40px; padding: 0 12px; border: 0; border-radius: 12px; background: #f2f2f5; color: var(--atti-tinta) !important; font: 600 var(--fs-14, .875rem) var(--atti-sans); text-decoration: none !important; cursor: pointer; }
.atti-leitor__comandos button[aria-pressed="true"] { background: var(--atti-tinta); color: #fff !important; }
.atti-leitor__comandos [data-contador] { min-width: 72px; text-align: center; font-variant-numeric: tabular-nums; font-size: var(--fs-14, .875rem); color: #3a3a3c; }
.atti-leitor__paginas { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; outline: none; background: #ececf0; border-radius: var(--r-m, 16px); padding: 12px; }
.atti-leitor__paginas::-webkit-scrollbar { display: none; }
@media (min-width: 1024px) { .atti-leitor__paginas { grid-auto-columns: calc(50% - 6px); padding: 16px; } }
.atti-leitor__paginas figure { margin: 0; scroll-snap-align: start; position: relative; }
.atti-leitor__paginas img { display: block; width: 100%; height: auto; aspect-ratio: 790 / 1077; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.atti-leitor__paginas figcaption { position: absolute; bottom: 8px; right: 10px; font-size: 11px; color: #6e6e73; background: rgba(255,255,255,.85); padding: 2px 6px; border-radius: 6px; }
.atti-leitor__texto { max-width: 720px; justify-self: center; }
.atti-leitor__texto h2 { margin: 32px 0 8px; font-size: var(--fs-14, .875rem); font-weight: 700; color: var(--atti-cor); }
.atti-leitor__texto p { font-size: var(--fs-16, 1rem); line-height: 1.6; color: #2c2c2e; }
.atti-leitor__miniaturas { display: flex; gap: 8px; overflow-x: auto; list-style: none; margin: 0; padding: 4px 2px 8px; scrollbar-width: thin; }
.atti-leitor__miniaturas button { display: grid; gap: 4px; justify-items: center; padding: 4px; border: 0; border-radius: 8px; background: none; cursor: pointer; font: 500 11px var(--atti-sans); color: #6e6e73; }
.atti-leitor__miniaturas img { width: 64px; height: auto; aspect-ratio: 790 / 1077; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px #e5e5ea; }
.atti-leitor__miniaturas button[aria-current="true"] { background: #f2f2f5; color: var(--atti-tinta); }
.atti-leitor__miniaturas button[aria-current="true"] img { box-shadow: 0 0 0 2px var(--atti-cor); }
.atti-leitor__vizinhas { display: flex; justify-content: space-between; gap: 12px; padding-top: 12px; border-top: 1px solid #ececf0; font-weight: 600; font-size: var(--fs-14, .875rem); }
.atti-leitor__vizinhas a { color: var(--atti-cor) !important; text-decoration: none !important; }

.atti-estante__corpo { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 20px; align-items: start; }
@media (min-width: 900px) { .atti-estante__corpo { grid-template-columns: 200px minmax(0, 1fr) minmax(0, 1.4fr); gap: 28px; align-items: center; } }
.atti-estante__texto { display: grid; gap: 6px; justify-items: start; }
.atti-estante__texto h3 { margin: 0; font-size: 1.5rem; font-weight: 800; line-height: 1.05; }
.atti-estante__texto h3 a { color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-estante__texto p { margin: 0 0 8px; color: #6e6e73; font-size: var(--fs-14, .875rem); }
.atti-estante__busca { margin-top: 10px; width: 100%; }
.atti-estante__busca input, .atti-estante__busca button { height: 40px; }
.atti-estante__anteriores { grid-column: 1 / -1; display: grid; grid-auto-flow: column; grid-auto-columns: 96px; gap: 12px; overflow-x: auto; list-style: none; margin: 0; padding: 0 0 4px; scrollbar-width: none; }
@media (min-width: 900px) { .atti-estante__anteriores { grid-column: auto; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-flow: row; grid-auto-columns: auto; } }
.atti-estante__anteriores a { display: grid; gap: 2px; color: var(--atti-tinta) !important; text-decoration: none !important; font-size: var(--fs-12, .75rem); }
.atti-estante__anteriores img { margin-bottom: 6px; }
.atti-estante__anteriores time { color: #6e6e73; font-size: 11px; }
.atti-acervo .atti-faixa__titulo { font-family: var(--atti-sans) !important; font-size: 1.25rem !important; font-weight: 700 !important; } .atti-acervo .atti-faixa__titulo::before { display: none !important; }
.atti-estante__corpo > * { min-width: 0; }
.atti-estante__busca { grid-column: 1 / -1; max-width: none !important; margin-top: 0 !important; }
@media (min-width: 900px) { .atti-estante__busca { grid-column: 2 / -1; max-width: 560px !important; } }
/* Milímetros de chuva no quadro do tempo. */
.atti-clima__chuva { color: #cfe6ff; font-weight: 600; }
.atti-clima__mini .atti-clima__mm { display: block; margin-top: 2px; font-size: 11px; font-weight: 600; color: #cfe6ff; white-space: nowrap; }
.atti-clima__dias small { display: grid; line-height: 1.15; }
.atti-clima__dias small span + span { font-size: 10px; opacity: .9; }
.atti-trilho .atti-trilho__lidas li::before, .atti-trilho .atti-trilho__lidas li + li::before { content: counter(lidas) !important; grid-column: 1; grid-row: 1 !important; font-size: var(--fs-18, 1.125rem); font-weight: 600; color: var(--atti-cor); line-height: 1; display: block !important; position: static !important; width: auto !important; height: auto !important; background: none !important; }
/* ── Serviços: subcapa (10/10) ── */
.atti-srv__capa { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 24px; }
@media (min-width: 760px) { .atti-srv__capa { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } }
.atti-srv__capa .atti-srvf__item { min-width: 0 !important; min-height: 112px; display: flex !important; flex-direction: column; justify-content: space-between; gap: 6px; padding: 14px 16px !important; border-radius: var(--r-m, 16px) !important; background: #f5f5f7 !important; color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-srv__capa .atti-srvf__item[aria-current="true"] { background: var(--atti-tinta) !important; }
.atti-srv__capa .atti-srvf__item[aria-current="true"] * { color: #fff !important; }
.atti-srv__capa .atti-srvf__rotulo { display: flex; align-items: center; gap: 6px; font-size: var(--fs-12, .75rem); font-weight: 600; color: #6e6e73; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atti-srv__capa .atti-srvf__rotulo .atti-icone, .atti-srv__capa .atti-srvf__rotulo .atti-meteo { width: 18px !important; height: 18px !important; flex: none; }
.atti-srv__capa .atti-srvf__valor { font-size: 1.375rem; font-weight: 700; line-height: 1.05; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atti-srv__capa .atti-srvf__valor small { font-size: .875rem; font-weight: 600; color: #6e6e73; }
.atti-srv__capa .atti-srvf__detalhe { font-style: normal; font-size: var(--fs-12, .75rem); color: #6e6e73; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.atti-srv__capa .atti-srvf__detalhe.atti-cot--sobe { color: #138a4c; } .atti-srv__capa .atti-srvf__detalhe.atti-cot--desce { color: #c62828; } .atti-srv__capa .atti-srvf__detalhe.atti-srvf--atencao { color: #b45309; }
.atti-srv__capa .atti-bolas { display: flex; gap: 3px; }
.atti-srv__capa .atti-bolas i { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: #209869; color: #fff !important; font-style: normal; font-size: 11px; font-weight: 700; }
.atti-srv__bloco { scroll-margin-top: 72px; }
.atti-srv__capa .atti-srvf__item, .atti-srv__capa .atti-srvf__item * { text-align: left !important; align-items: flex-start !important; } .atti-srv__capa .atti-srvf__item .atti-srvf__rotulo { align-items: center !important; } .atti-srv__capa .atti-srvf__item .atti-bolas { align-items: center !important; }
.atti-srv__capa .atti-bolas { gap: 2px !important; } .atti-srv__capa .atti-bolas i { width: 19px !important; height: 19px !important; font-size: 10px !important; }

/* ── Serviços: painel de widgets (10/10) ── */
.atti-wgs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 28px; }
@media (min-width: 900px) { .atti-wgs { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } }
.atti-wg { position: relative; display: flex; flex-direction: column; gap: 6px; min-width: 0; min-height: 150px; padding: 14px 16px; border-radius: 22px; overflow: hidden; background: #f5f5f7; color: var(--atti-tinta) !important; text-decoration: none !important; transition: transform .15s var(--saida, ease-out); }
.atti-wg:active { transform: scale(.98); }
.atti-wg__rotulo { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; opacity: .8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atti-wg__rotulo .atti-icone { width: 16px; height: 16px; flex: none; }
.atti-wg__grande { font-size: 2rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.atti-wg__grande small { font-size: 1rem; font-weight: 600; opacity: .7; }
.atti-wg__linha { font-size: 13px; line-height: 1.3; opacity: .85; }
.atti-wg__linha i { font-style: normal; font-weight: 600; }
.atti-wg__mais { margin-top: auto; font-size: 12px; font-weight: 600; opacity: .6; }
.atti-wg[aria-current="true"]::after { content: ""; position: absolute; top: 12px; right: 12px; width: 8px; height: 8px; border-radius: 50%; background: currentColor; opacity: .7; }

.atti-wg--tempo { grid-column: 1 / -1; color: #fff !important; background: var(--ceu, linear-gradient(180deg, #2f7fd8 0%, #5aa2ea 60%, #8cc2f2 100%)); }
@media (min-width: 900px) { .atti-wg--tempo { grid-column: span 2; grid-row: span 2; } }
.atti-wg--nuvem { --ceu: linear-gradient(180deg, #5f7f9f 0%, #86a0ba 60%, #aebfd0 100%); }
.atti-wg--chuva { --ceu: linear-gradient(180deg, #3f5368 0%, #5d7389 60%, #7e93a8 100%); }
.atti-wg--tempestade { --ceu: linear-gradient(180deg, #232c3b 0%, #3b4659 60%, #566277 100%); }
.atti-wg--noite { --ceu: linear-gradient(180deg, #0b1630 0%, #1b2d55 60%, #2e4677 100%); }
.atti-wg__tempo { display: flex; align-items: center; justify-content: space-between; }
.atti-wg__tempo b { font-size: 3.5rem; font-weight: 300; line-height: 1; }
.atti-wg__tempo .atti-meteo { width: 64px; height: 64px; }
.atti-wg__dias { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; list-style: none; margin: auto 0 0; padding: 12px 0 0; border-top: 1px solid rgba(255,255,255,.25); }
.atti-wg__dias li { display: grid; justify-items: center; gap: 2px; font-size: 12px; }
.atti-wg__dias .atti-meteo { width: 26px; height: 26px; }
.atti-wg__dias b { font-size: 14px; }
.atti-wg__dias em { font-style: normal; font-size: 11px; font-weight: 600; color: #d7ebff; white-space: nowrap; }

.atti-wg--rio { background: linear-gradient(180deg, #e3f0ff, #f2f8ff); }
.atti-wg--rio .atti-icone { color: #1f6fd1; }
.atti-wg__serie { width: 100%; height: 36px; margin: auto 0 2px; }
.atti-wg__serie polyline { fill: none; stroke: #1f6fd1; stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.atti-wg--rio .atti-wg--atencao { color: #b45309; opacity: 1; font-weight: 600; }

.atti-wg--cot { background: #fff; box-shadow: 0 0 0 1px #e5e5ea; }
.atti-wg--cot .atti-icone { color: #138a4c; }
.atti-wg__cot { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 8px; }
.atti-wg__cot li { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; }
.atti-wg__cot span { grid-column: 1 / -1; font-size: 11px; opacity: .65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atti-wg__cot b { font-size: 15px; font-variant-numeric: tabular-nums; }
.atti-wg__cot em { font-style: normal; font-size: 12px; font-weight: 600; align-self: end; }
.atti-wg__cot .atti-cot--sobe { color: #138a4c; } .atti-wg__cot .atti-cot--desce { color: #c62828; }

.atti-wg--lot { background: linear-gradient(180deg, #e6f6ec, #f3fbf6); }
.atti-wg--lot .atti-icone { color: #209869; }
.atti-wg__bolas { display: flex; flex-wrap: wrap; gap: 4px; margin: 6px 0 4px; }
.atti-wg__bolas i { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #209869; color: #fff; font-style: normal; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
@media (max-width: 480px) { .atti-wg__bolas i { width: 24px; height: 24px; font-size: 11px; } }

.atti-wg--tab { background: #fff; box-shadow: 0 0 0 1px #e5e5ea; }
.atti-wg__times { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 8px; }
.atti-wg__times li { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }
.atti-wg__times img { width: 28px; height: 28px; object-fit: contain; }
.atti-wg__times b { font-size: 1.25rem; font-variant-numeric: tabular-nums; }

.atti-wg--hoje { color: #fff !important; background: #3a3a3c; }
.atti-wg--hoje::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.75)), var(--foto, none) center / cover; z-index: 0; }
.atti-wg--hoje > * { position: relative; z-index: 1; }
.atti-wg--hoje .atti-wg__grande { margin-top: auto; }
.atti-wg--hoje .atti-wg__linha { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.atti-srv .atti-srv__bloco > .atti-faixa__titulo::before { display: none !important; }
.atti-srv .atti-srv__bloco > .atti-faixa__titulo { font-family: var(--atti-sans) !important; font-size: 1.375rem !important; font-weight: 700 !important; }
.atti-wg--hoje { grid-column: 1 / -1; min-height: 140px; } @media (min-width: 900px) { .atti-wg--hoje { min-height: 160px; } .atti-wg--hoje .atti-wg__linha { max-width: 60ch; } }

/* ── Vitrine de negócios (10/10) ── */
.atti-vitrine { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: var(--sp-6, 24px) var(--sp-10, 40px); }
.atti-vitrine__topo h1 { margin: 0; font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 800; line-height: 1.05; }
.atti-vitrine__topo p { margin: 6px 0 16px; color: #6e6e73; }
.atti-vitrine__busca { flex-wrap: wrap; max-width: 720px !important; }
.atti-vitrine__busca select { height: 44px; padding: 0 12px; border: 0; border-radius: 12px; background: #f2f2f5; font: 500 var(--fs-14, .875rem) var(--atti-sans); color: var(--atti-tinta); }
.atti-vitrine__ramos { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.atti-vitrine__ramos a { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: 999px; background: #f2f2f5; color: var(--atti-tinta) !important; font-size: var(--fs-14, .875rem); font-weight: 600; text-decoration: none !important; white-space: nowrap; }
.atti-vitrine__ramos a small { font-size: 11px; color: #8e8e93; font-weight: 600; }
.atti-vitrine__ramos a[aria-current="true"] { background: var(--atti-tinta); color: #fff !important; }
.atti-vitrine__ramos a[aria-current="true"] small { color: #c7c7cc; }
.atti-vitrine .atti-faixa__titulo::before { display: none !important; }
.atti-vitrine .atti-faixa__titulo { font-family: var(--atti-sans) !important; font-size: 1.25rem !important; font-weight: 700 !important; }
.atti-vitrine__grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
@media (min-width: 640px) { .atti-vitrine__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .atti-vitrine__grade { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.atti-vitrine__lista { display: grid; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 760px) { .atti-vitrine__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; } }

.atti-vit { position: relative; display: grid; min-width: 0; }
.atti-vit__capa { display: none; }
.atti-vit__corpo { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid #ececf0; }
.atti-vit__logo { width: 48px; height: 48px; border-radius: 12px; object-fit: cover; background: #f2f2f5; }
.atti-vit__logo--inicial { display: grid; place-items: center; font-weight: 700; font-size: 1.25rem; color: #6e6e73; }
.atti-vit__texto { min-width: 0; }
.atti-vit__texto h3 { margin: 0; font-size: var(--fs-16, 1rem); font-weight: 700; line-height: 1.25; }
.atti-vit__texto h3 a { color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-vit__texto p { margin: 2px 0 0; font-size: var(--fs-12, .75rem); color: #6e6e73; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atti-vit__zap { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #e7f8ee; color: #1fa855 !important; }
.atti-vit__zap .atti-icone { width: 18px; height: 18px; }
.atti-vit--grande { border-radius: var(--r-g, 22px); overflow: hidden; background: #fff; box-shadow: 0 0 0 1px #e5e5ea; }
.atti-vit--grande .atti-vit__capa { display: block; aspect-ratio: 16 / 9; background: linear-gradient(135deg, #eef2f7, #f7f7f9); }
.atti-vit--grande .atti-vit__capa img { width: 100%; height: 100%; object-fit: cover; display: block; }
.atti-vit--grande .atti-vit__corpo { border-top: 0; padding: 12px 14px 14px; }
.atti-vit__selo { position: absolute; top: 10px; left: 10px; padding: 3px 8px; border-radius: 8px; background: rgba(255,255,255,.92); font-size: 11px; font-weight: 700; color: #b45309; }

.atti-vitrine-capa__trilho { display: grid; grid-auto-flow: column; grid-auto-columns: 78%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
@media (min-width: 760px) { .atti-vitrine-capa__trilho { grid-auto-columns: calc(33.333% - 8px); } }
.atti-vitrine-capa__trilho > .atti-vit { scroll-snap-align: start; }

.atti-ficha { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; max-width: 860px; margin-inline: auto; padding-block: var(--sp-6, 24px) var(--sp-10, 40px); }
.atti-ficha__capa { aspect-ratio: 21 / 9; border-radius: var(--r-g, 22px); overflow: hidden; background: #f2f2f5; }
.atti-ficha__capa img { width: 100%; height: 100%; object-fit: cover; display: block; }
.atti-ficha__topo { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 16px; align-items: center; }
.atti-ficha__logo { width: 88px; height: 88px; border-radius: 20px; object-fit: cover; background: #f2f2f5; box-shadow: 0 0 0 1px #e5e5ea; }
.atti-ficha__topo h1 { margin: 4px 0 0; font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 800; line-height: 1.05; }
.atti-ficha__topo p { margin: 4px 0 0; color: #6e6e73; }
.atti-ficha__acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.atti-ficha__acoes a { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border-radius: 12px; background: #f2f2f5; color: var(--atti-tinta) !important; font-weight: 600; font-size: var(--fs-14, .875rem); text-decoration: none !important; }
.atti-ficha__acoes .atti-icone { width: 18px; height: 18px; }
.atti-ficha__acoes .atti-ficha__zap { background: #1fa855; color: #fff !important; }
.atti-ficha__descricao p { margin: 0 0 12px; font-size: var(--fs-18, 1.125rem); line-height: 1.55; color: #2c2c2e; }
.atti-ficha__fotos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 760px) { .atti-ficha__fotos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.atti-ficha__fotos img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; cursor: zoom-in; }
.atti-ficha__voltar a { font-weight: 600; color: var(--atti-cor) !important; }
.atti-ficha .atti-faixa__titulo::before { display: none !important; } .atti-ficha .atti-faixa__titulo { font-family: var(--atti-sans) !important; font-size: 1.25rem !important; font-weight: 700 !important; }

/* Mini player da TV ao vivo */
.atti-mini-tv { position: fixed; z-index: 60; right: 12px; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); width: min(360px, calc(100vw - 24px)); border-radius: 16px; overflow: hidden; background: #000; box-shadow: 0 12px 32px rgba(0,0,0,.28); animation: atti-mini-sobe .25s var(--saida, ease-out); }
@media (min-width: 960px) { .atti-mini-tv { bottom: 20px; right: 20px; width: 400px; } }
.atti-mini-tv__barra { display: flex; align-items: center; gap: 10px; padding: 8px 10px 8px 12px; background: #111; color: #fff; font-size: 12px; font-weight: 600; }
.atti-mini-tv__barra span { display: flex; align-items: center; gap: 6px; flex: 1; }
.atti-mini-tv__barra i { width: 8px; height: 8px; border-radius: 50%; background: #ff3b30; animation: atti-pulsa 1.4s infinite; }
.atti-mini-tv__barra a { color: #fff !important; opacity: .8; text-decoration: none !important; }
.atti-mini-tv__barra button { width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font-size: 18px; line-height: 1; cursor: pointer; }
.atti-mini-tv__video { aspect-ratio: 16 / 9; }
.atti-mini-tv__video iframe { width: 100%; height: 100%; border: 0; display: block; }
@keyframes atti-mini-sobe { from { transform: translateY(16px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes atti-pulsa { 50% { opacity: .35; } }

/* Agora (10/10): novas desde a última visita, e "acabou de sair" no alto da tela. */
.atti-agora__pilula--novas > i { background: #0a84ff; }
.atti-agora--topo { top: calc(64px + env(safe-area-inset-top, 0px)); bottom: auto !important; left: 50% !important; right: auto !important; width: auto !important; max-width: calc(100vw - 32px); transform: translate(-50%, -12px) !important; flex-direction: column; }
.atti-agora--topo.atti-agora--ver { transform: translate(-50%, 0) !important; }
.atti-agora--topo .atti-agora__pilula { min-height: 40px; padding: 6px 40px 6px 14px; background: #0a84ff; box-shadow: 0 6px 18px rgba(10,132,255,.35); }
.atti-agora--topo .atti-agora__pilula > i { display: none; }
.atti-agora--topo .atti-agora__pilula small { color: rgba(255,255,255,.8); }
.atti-agora--topo .atti-agora__pilula b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 70vw; }

/* Jogos do dia (10/10): Mini cruzadas, Conexões, dicas da Palavra do dia e
   compartilhar. Celular primeiro, cantos do site, sem caixa alta nos rótulos. */
.atti-jogos__cartao--cruzada .atti-jogos__icone { background: #0a84ff; } .atti-jogos__cartao--conexoes .atti-jogos__icone { background: #af52de; }
.atti-jogo { max-width: 100%; overflow-x: hidden; }
.atti-jogo__compartilhar { margin-top: 10px; height: 40px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--atti-tinta); color: #fff; font: 600 .9375rem var(--atti-sans); letter-spacing: 0; cursor: pointer; }
.atti-jogo__aviso { border-radius: var(--r-m, 16px); padding: 16px; letter-spacing: 0; }
.atti-palavra__dicas { display: grid; gap: 6px; width: 100%; max-width: 420px; }
.atti-palavra__dicas p { margin: 0; padding: 10px 14px; border-radius: 12px; background: #f5f5f7; font-size: .9375rem; line-height: 1.4; letter-spacing: 0; }
.atti-palavra__dicas span { display: block; font-size: .75rem; font-weight: 600; color: var(--atti-suave); }
.atti-palavra__dicas i { color: var(--atti-suave); }
.atti-palavra__letra, .atti-teclado button { border-radius: 8px; }
.atti-cruz__topo { display: flex; align-items: center; gap: 8px; width: 100%; max-width: 420px; }
.atti-cruz__relogio { margin-right: auto; font-weight: 700; font-variant-numeric: tabular-nums; }
.atti-cruz__topo button, .atti-con__acoes button { height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: #f0f0f2; color: var(--atti-tinta); font: 600 .875rem var(--atti-sans); letter-spacing: 0; cursor: pointer; }
.atti-cruz { display: grid; gap: 2px; width: 100%; padding: 2px; background: var(--atti-tinta); border-radius: 10px; }
.atti-cruz__c { position: relative; aspect-ratio: 1; border: 0; padding: 0; background: #fff; display: grid; place-items: center; cursor: pointer; color: var(--atti-tinta); }
.atti-cruz__c:first-child { border-top-left-radius: 8px; }
.atti-cruz__c--preta { background: var(--atti-tinta); cursor: default; }
.atti-cruz__c b { font-size: clamp(1.1rem, 6vw, 1.6rem); font-weight: 700; letter-spacing: 0; }
.atti-cruz__c small { position: absolute; top: 2px; left: 3px; font-size: .625rem; font-weight: 600; line-height: 1; }
.atti-cruz__c--palavra { background: #d6e9ff; }
.atti-cruz__c--sel { background: #ffd60a; }
.atti-cruz__c--erro b { color: #d70015; }
.atti-cruz__c--certa { background: #e3f6e8; }
.atti-cruz__pista { display: flex; align-items: stretch; gap: 4px; width: 100%; max-width: 520px; min-height: 52px; border-radius: 12px; background: #d6e9ff; }
.atti-cruz__seta { width: 40px; border: 0; background: none; font-size: 1.5rem; cursor: pointer; color: var(--atti-tinta); }
.atti-cruz__texto { flex: 1; border: 0; background: none; text-align: left; font: 600 .9375rem/1.3 var(--atti-sans); letter-spacing: 0; color: var(--atti-tinta); cursor: pointer; padding: 6px 0; }
.atti-cruz__listas { display: grid; gap: 16px; width: 100%; max-width: 520px; }
@media (min-width: 640px) { .atti-cruz__listas { grid-template-columns: 1fr 1fr; } }
.atti-cruz__listas h3 { margin: 0 0 6px; font-size: .9375rem; font-weight: 700; letter-spacing: 0; }
.atti-cruz__listas ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.atti-cruz__listas li { display: flex; gap: 8px; padding: 6px 8px; border-radius: 8px; font-size: .875rem; line-height: 1.35; cursor: pointer; }
.atti-cruz__listas li b { min-width: 18px; }
.atti-cruz__listas li.atti-cruz__atual { background: #d6e9ff; }
.atti-cruz__listas li.atti-cruz__feita { color: var(--atti-suave); }
.atti-cruz__materias { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; text-align: left; }
.atti-cruz__materias li { display: grid; gap: 2px; font-size: .875rem; }
.atti-cruz__materias a { color: var(--atti-cor); font-weight: 600; }

/* Cruzadas (10/10): a cruzada tradicional. Grade sem enchimento como a do
   impresso (só as casas das palavras, fio de 1 px), número no canto da casa,
   dicas Horizontais e Verticais, e a dica da palavra atual colada no teclado
   do celular (atti-cruzadas__pista--solta, posição pela área visível). */
.atti-jogos__cartao--cruzadas .atti-jogos__icone { background: #34c759; }
.atti-cruzadas__topo, .atti-cruzadas__acoes, .atti-cruzadas__palco, .atti-cruzadas__lugar, .atti-cruzadas__listas { width: 100%; max-width: 600px; }
.atti-cruzadas__topo { display: flex; align-items: baseline; gap: 12px; font-variant-numeric: tabular-nums; }
.atti-cruzadas__relogio { font-weight: 700; }
.atti-cruzadas__conta { margin-left: auto; font-size: .8125rem; color: var(--atti-suave); }
.atti-cruzadas__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: -6px; }
.atti-cruzadas__acoes span { margin: 0 2px 0 auto; font-size: .8125rem; color: var(--atti-suave); }
.atti-cruzadas__acoes button { height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: #f0f0f2; color: var(--atti-tinta); font: 600 .8125rem var(--atti-sans); letter-spacing: 0; cursor: pointer; }
.atti-cruzadas__palco { position: relative; }
.atti-cruzadas { --cel: calc(min(100vw - 32px, 600px) / var(--l, 15)); display: grid; width: 100%; }
.atti-cruzadas > * { box-sizing: border-box; aspect-ratio: 1; min-width: 0; }
.atti-cruzadas__c { position: relative; display: grid; place-items: center; margin: 0; padding: 0; border: 0; border-right: 1px solid var(--atti-tinta); border-bottom: 1px solid var(--atti-tinta); border-radius: 0; background: #fff; color: var(--atti-tinta); font-family: var(--atti-sans); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.atti-cruzadas__c--t { border-top: 1px solid var(--atti-tinta); }
.atti-cruzadas__c--e { border-left: 1px solid var(--atti-tinta); }
.atti-cruzadas__c b { font-size: calc(var(--cel) * .56); font-weight: 600; line-height: 1; letter-spacing: 0; }
.atti-cruzadas__c small { position: absolute; top: 1px; left: 2px; font-size: max(7px, calc(var(--cel) * .3)); font-weight: 600; line-height: 1; }
.atti-cruzadas__c--palavra { background: #d6e9ff; }
.atti-cruzadas__c--sel { background: #ffd60a; }
.atti-cruzadas__c--vista b { color: #0a84ff; }
.atti-cruzadas__c--erro b { color: #d70015; }
.atti-cruzadas__entrada { position: absolute; z-index: 1; margin: 0; padding: 0; border: 0; opacity: 0; background: transparent; color: transparent; caret-color: transparent; font-size: 16px; pointer-events: none; }
.atti-cruzadas__lugar { min-height: 56px; }
.atti-cruzadas__pista { display: flex; align-items: stretch; min-height: 56px; border-radius: 12px; background: #d6e9ff; color: var(--atti-tinta); }
.atti-cruzadas__pista--solta { position: fixed; z-index: 70; border-radius: 0; box-shadow: 0 -1px 0 rgba(0,0,0,.08); }
.atti-cruzadas__seta { width: 44px; flex: none; border: 0; background: none; color: var(--atti-tinta); font-size: 1.5rem; cursor: pointer; }
.atti-cruzadas__texto { flex: 1; min-width: 0; display: grid; align-content: center; gap: 2px; padding: 6px 0; border: 0; background: none; color: var(--atti-tinta); text-align: left; font: 600 .9375rem/1.3 var(--atti-sans); letter-spacing: 0; cursor: pointer; }
.atti-cruzadas__texto b { font-size: .75rem; font-weight: 600; color: #3a5a80; }
.atti-cruzadas__listas { display: grid; gap: 20px; }
@media (min-width: 640px) { .atti-cruzadas__listas { grid-template-columns: 1fr 1fr; } }
.atti-cruzadas__listas h3 { margin: 0 0 6px; padding-bottom: 6px; border-bottom: 1px solid var(--atti-fio, #e5e5e5); font-size: .9375rem; font-weight: 700; letter-spacing: 0; }
.atti-cruzadas__listas ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.atti-cruzadas__listas li { display: flex; gap: 8px; padding: 6px 8px; border-radius: 8px; font-size: .875rem; line-height: 1.35; cursor: pointer; }
.atti-cruzadas__listas li b { min-width: 20px; color: var(--atti-cor); font-weight: 700; font-variant-numeric: tabular-nums; }
.atti-cruzadas__listas li.atti-cruzadas__atual { background: #d6e9ff; }
.atti-cruzadas__listas li.atti-cruzadas__feita span { color: var(--atti-suave); }
.atti-con { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; width: 100%; max-width: 520px; }
.atti-con__palavra { min-height: 64px; padding: 4px; border: 0; border-radius: 10px; background: #efeff4; color: var(--atti-tinta); font: 700 clamp(.75rem, 3.4vw, .9375rem)/1.15 var(--atti-sans); letter-spacing: 0; overflow-wrap: anywhere; cursor: pointer; transition: transform .1s; }
.atti-con__palavra--longa { font-size: clamp(.6875rem, 2.9vw, .8125rem); }
.atti-con__palavra:active { transform: scale(.96); }
.atti-con__palavra--sel { background: #5a5a5e; color: #fff; }
.atti-con--erro { animation: atti-con-tremor .3s; }
@keyframes atti-con-tremor { 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }
.atti-con__feitos { display: grid; gap: 6px; width: 100%; max-width: 520px; }
.atti-con__feitos:empty { display: none; }
.atti-con__grupo { display: grid; gap: 2px; min-height: 64px; place-content: center; padding: 8px; border-radius: 10px; text-align: center; letter-spacing: 0; }
.atti-con__grupo b { font-size: .9375rem; }
.atti-con__grupo span { font-size: .875rem; }
.atti-con__grupo--1 { background: #f9df6d; } .atti-con__grupo--2 { background: #a0c35a; } .atti-con__grupo--3 { background: #b0c4ef; } .atti-con__grupo--4 { background: #ba81c5; }
.atti-con__vidas { display: flex; align-items: center; gap: 6px; margin: 0; font-size: .875rem; color: var(--atti-suave); }
.atti-con__vidas i { width: 10px; height: 10px; border-radius: 50%; background: #5a5a5e; }
.atti-con__vidas i.atti-con__vida--foi { background: #d8d8dc; }
.atti-con__acoes { display: flex; gap: 8px; justify-content: center; }
.atti-con__acoes .atti-con__enviar { background: var(--atti-tinta); color: #fff; }
.atti-con__acoes button:disabled { opacity: .4; cursor: default; }

/* ══ Avisos no celular: página /avisos/, linha na folha "Sua leitura", item
   do menu e a folha do iPhone que ensina a pôr o jornal na Tela de Início.
   Seleção é preenchimento (chave verde, chip escuro), nunca contorno. */
.atti-avisos { max-width: 640px; margin: 0 auto; padding: 8px 0 40px; font-family: var(--atti-sans); color: var(--atti-tinta); min-width: 0; }
.atti-avisos__topo { margin-bottom: 18px; }
.atti-avisos__topo .atti-icone { color: var(--atti-cor); }
.atti-avisos__topo h1 { margin: 8px 0 6px; font-size: var(--fs-24, 1.5rem); font-weight: 700; letter-spacing: -0.02em; }
.atti-avisos__topo p { margin: 0; color: var(--meta, #6f6f6f); font-size: var(--fs-16, 1rem); line-height: 1.45; }
.atti-avisos__estado { background: #f6f6f8; border-radius: 16px; padding: 16px; display: grid; gap: 12px; margin-bottom: 22px; }
.atti-avisos__estado p { margin: 0; font-size: var(--fs-16, 1rem); line-height: 1.4; }
.atti-avisos__estado[data-estado="ligado"] { background: #eaf7ee; }
.atti-avisos__estado[data-estado="bloqueado"], .atti-avisos__estado[data-estado="erro"] { background: #fdecec; }
.atti-avisos__ligar, .atti-folha__avisos button, .atti-ios__ok { appearance: none; border: 0; cursor: pointer; height: 48px; border-radius: 14px; background: var(--atti-tinta); color: #fff; font: 600 var(--fs-16, 1rem)/1 var(--atti-sans); padding: 0 20px; }
.atti-avisos__ligar[hidden] { display: none; }
.atti-avisos__ligar:disabled, .atti-folha__avisos button:disabled { opacity: .5; cursor: default; }
.atti-avisos__grupo { border: 0; margin: 0 0 22px; padding: 0; min-width: 0; }
.atti-avisos__grupo legend { padding: 0; margin-bottom: 8px; font-size: var(--fs-14, .875rem); font-weight: 600; color: var(--meta, #6f6f6f); }
.atti-avisos__chave { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: #f6f6f8; cursor: pointer; }
.atti-avisos__chave:first-of-type { border-radius: 16px 16px 0 0; }
.atti-avisos__chave:last-of-type { border-radius: 0 0 16px 16px; }
.atti-avisos__chave:only-of-type { border-radius: 16px; }
.atti-avisos__chave + .atti-avisos__chave { box-shadow: inset 0 1px 0 #e4e4e8; }
.atti-avisos__chave span { flex: 1; min-width: 0; display: grid; gap: 2px; }
.atti-avisos__chave b { font-size: var(--fs-16, 1rem); font-weight: 600; }
.atti-avisos__chave small { font-size: var(--fs-14, .875rem); color: var(--meta, #6f6f6f); }
.atti-avisos__chave input { position: absolute; opacity: 0; pointer-events: none; }
.atti-avisos__chave i { position: relative; flex: none; width: 51px; height: 31px; border-radius: 999px; background: #e3e3e8; transition: background .2s; }
.atti-avisos__chave i::after { content: ""; position: absolute; top: 2px; left: 2px; width: 27px; height: 27px; border-radius: 50%; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.18); transition: transform .2s var(--saida, ease-out); }
.atti-avisos__chave input:checked + i { background: #34c759; }
.atti-avisos__chave input:checked + i::after { transform: translateX(20px); }
.atti-avisos__chave input:focus-visible + i { outline: 2px solid var(--atti-cor); outline-offset: 2px; }
.atti-avisos__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.atti-avisos__chip { position: relative; cursor: pointer; }
.atti-avisos__chip input { position: absolute; opacity: 0; pointer-events: none; }
.atti-avisos__chip span { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 999px; background: #efeff3; font-size: var(--fs-14, .875rem); font-weight: 500; color: #333; transition: background .15s, color .15s; }
.atti-avisos__chip input:checked + span { background: var(--atti-tinta); color: #fff; }
.atti-avisos__chip input:focus-visible + span { outline: 2px solid var(--atti-cor); outline-offset: 2px; }
.atti-avisos__acoes { display: flex; flex-wrap: wrap; gap: 10px; margin: 4px 0 18px; }
.atti-avisos__acoes[hidden] { display: none; }
.atti-avisos__acoes button { appearance: none; border: 0; cursor: pointer; height: 44px; padding: 0 16px; border-radius: 12px; background: #efeff3; color: var(--atti-tinta); font: 600 var(--fs-14, .875rem)/1 var(--atti-sans); }
.atti-avisos__acoes .atti-avisos__sair { color: #c4161c; }
.atti-avisos__nota { margin: 0; font-size: var(--fs-12, .75rem); line-height: 1.5; color: var(--meta, #6f6f6f); }

.atti-folha__avisos { margin-top: 16px; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: #f6f6f8; }
.atti-folha__avisos > .atti-icone { flex: none; color: var(--atti-cor); }
.atti-folha__avisos span { flex: 1; min-width: 0; display: grid; gap: 2px; }
.atti-folha__avisos b { font-size: var(--fs-14, .875rem); font-weight: 600; }
.atti-folha__avisos small { font-size: var(--fs-12, .75rem); color: var(--meta, #6f6f6f); }
.atti-folha__avisos button { height: 36px; border-radius: 10px; padding: 0 12px; font-size: var(--fs-14, .875rem); flex: none; }
.atti-folha__avisos button[hidden], .atti-folha__avisos a[hidden] { display: none; }
.atti-folha__avisos a { flex: none; font-size: var(--fs-14, .875rem); font-weight: 600; color: var(--atti-cor); }
.atti-menu__atalhos [data-avisos-menu] button { appearance: none; border: 0; background: none; padding: 9px 0; cursor: pointer; font: 600 var(--fs-18, 1.125rem)/1.3 var(--atti-sans); color: var(--atti-tinta); text-align: left; }
.atti-menu__atalhos [data-avisos-menu]:empty { display: none; }

.atti-ios { position: fixed; inset: 0; z-index: 230; font-family: var(--atti-sans); }
.atti-ios__fundo { position: absolute; inset: 0; background: rgba(0,0,0,.32); opacity: 0; transition: opacity .25s var(--saida, ease-out); }
.atti-ios__painel { position: absolute; left: 8px; right: 8px; bottom: calc(76px + env(safe-area-inset-bottom)); max-width: 420px; margin: 0 auto; background: rgba(255,255,255,.96); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-radius: 22px; padding: 10px 20px 18px; color: var(--atti-tinta); transform: translateY(24px); opacity: 0; transition: transform .32s var(--saida, ease-out), opacity .25s; box-shadow: 0 12px 40px rgba(0,0,0,.18); }
.atti-ios--aberta .atti-ios__fundo { opacity: 1; }
.atti-ios--aberta .atti-ios__painel { transform: none; opacity: 1; }
.atti-ios__alca { display: block; width: 36px; height: 5px; border-radius: 999px; background: #d9d9de; margin: 0 auto 14px; }
.atti-ios__app { display: flex; gap: 14px; align-items: center; margin-bottom: 14px; }
.atti-ios__app img { width: 56px; height: 56px; border-radius: 13px; flex: none; background: #f2f2f2; }
.atti-ios__app h2 { margin: 0 0 3px; font-size: var(--fs-18, 1.125rem); font-weight: 700; letter-spacing: -0.01em; }
.atti-ios__app p { margin: 0; font-size: var(--fs-14, .875rem); line-height: 1.35; color: var(--meta, #6f6f6f); }
.atti-ios__passos { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 1px; background: #e8e8ed; border-radius: 14px; overflow: hidden; }
.atti-ios__passos li { display: flex; gap: 12px; align-items: center; padding: 11px 12px; background: #f6f6f8; font-size: var(--fs-14, .875rem); line-height: 1.4; }
.atti-ios__n { flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--atti-tinta); color: #fff; font-size: var(--fs-12, .75rem); font-weight: 700; display: grid; place-items: center; }
.atti-ios__ico { display: inline-flex; vertical-align: -4px; width: 22px; height: 22px; color: #007aff; }
.atti-ios__ico svg { width: 22px; height: 22px; }
.atti-ios__ok { width: 100%; }
.atti-ios__seta { position: absolute; left: 50%; bottom: calc(52px + env(safe-area-inset-bottom)); width: 0; height: 0; margin-left: -10px; border: 10px solid transparent; border-top-color: rgba(255,255,255,.96); opacity: 0; transition: opacity .25s; }
.atti-ios--aberta .atti-ios__seta { opacity: 1; }
@media (min-width: 768px) { .atti-ios__painel { bottom: auto; top: 50%; transform: translateY(-40%); } .atti-ios--aberta .atti-ios__painel { transform: translateY(-50%); } .atti-ios__seta { display: none; } }

/* ── Vídeo da matéria (inc/video-materia.php) ─────────────────────────── */
.atti-videomat{margin:1.75em 0;padding:0}
.atti-videomat__tela{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.atti-videomat__video{position:absolute;inset:0;width:100%;height:100%;display:block;background:#000;object-fit:contain}
.atti-materia .wp-block-post-content .atti-videomat__legenda{display:flex;gap:12px;margin-top:8px;font-family:var(--atti-sans);font-size:.8125rem;font-weight:600;color:var(--atti-suave)}
.atti-videomat__legenda span:first-child{color:var(--atti-cor,var(--wp--preset--color--destaque))}
.atti-videomat__pub,.atti-videomat__ima{position:absolute;inset:0;z-index:2;background:#000}
.atti-videomat__pub[hidden],.atti-videomat__ima[hidden]{display:none}
.atti-videomat__pubalvo{position:absolute;inset:0;display:block}
.atti-videomat__pubmidia{width:100%;height:100%;object-fit:contain;display:block}
.atti-videomat__pubrotulo{position:absolute;left:10px;top:10px;padding:3px 7px;background:rgba(0,0,0,.6);color:#fff;font:600 11px/1.2 system-ui,sans-serif;letter-spacing:.02em;pointer-events:none}
.atti-videomat__pular{position:absolute;right:0;bottom:16px;min-height:36px;padding:0 14px;border:0;border-radius:0;background:rgba(0,0,0,.72);color:#fff;font:600 13px/1 system-ui,sans-serif;cursor:pointer}
.atti-videomat__pular:disabled{cursor:default;color:rgba(255,255,255,.75)}
.atti-videomat__pular:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media (max-width: 640px) { .atti-vitrine__busca input[type="search"] { flex: 1 1 100%; } .atti-vitrine__busca select { flex: 1; min-width: 0; } }

/* Lista de notícias (Últimas, Para você, arquivos) no computador: duas colunas, foto encostada no título. */
@media (min-width: 900px) {
	.atti-capa .atti-feed__lista, .atti-paravoce .atti-feed__lista { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; }
	.atti-capa .atti-feed__lista > .atti-cartao--feed, .atti-paravoce .atti-feed__lista > .atti-cartao--feed { grid-template-columns: minmax(0, 1fr) 132px !important; column-gap: 16px !important; align-items: start; padding: 16px 0 !important; border-top: 1px solid #ececf0; }
	.atti-capa .atti-feed__lista > .atti-cartao--feed::before, .atti-paravoce .atti-feed__lista > .atti-cartao--feed::before { display: none !important; }
	.atti-capa .atti-feed__lista > .atti-cartao--feed .atti-cartao__foto, .atti-paravoce .atti-feed__lista > .atti-cartao--feed .atti-cartao__foto { width: 132px !important; aspect-ratio: 4 / 3 !important; grid-column: 2 !important; grid-row: 1 !important; }
	.atti-capa .atti-feed__lista > .atti-cartao--feed .atti-cartao__texto, .atti-paravoce .atti-feed__lista > .atti-cartao--feed .atti-cartao__texto { grid-column: 1 !important; grid-row: 1 !important; }
	.atti-capa .atti-feed__lista .atti-cartao__titulo { font-size: 1.0625rem !important; line-height: 1.3 !important; }
}
.atti-abre [hidden] { display: none !important; }

/* Corpo da matéria no tamanho de leitura (relatório de produto, 10/10): 18 px no celular, 19 px no computador. */
.atti-materia .wp-block-post-content > p, .atti-materia .wp-block-post-content > ul li, .atti-materia .wp-block-post-content > ol li { font-size: 1.125rem !important; line-height: 1.62 !important; }
@media (min-width: 900px) { .atti-materia .wp-block-post-content > p, .atti-materia .wp-block-post-content > ul li, .atti-materia .wp-block-post-content > ol li { font-size: 1.1875rem !important; } }

/* ── Fim da matéria (10/10): etiquetas, compartilhar e um quadro só, sem esbugalhar ── */
.atti-materia .atti-tags { margin: 28px 0 0 !important; gap: 6px !important; }
.atti-materia .atti-tags a { height: 28px !important; padding: 0 10px !important; border-radius: 8px !important; font-size: 13px !important; color: #48484a !important; background: #f2f2f5 !important; }
.atti-materia__texto > .atti-compartilhar { margin: 12px 0 0 !important; }
.atti-participe { margin: 20px 0 0 !important; gap: 10px !important; }
.atti-participe__quadro { display: grid; border-radius: 16px; background: #f5f5f7; overflow: hidden; }
.atti-participe__linha { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 14px; color: var(--atti-tinta) !important; text-decoration: none !important; }
.atti-participe__linha + .atti-participe__linha { border-top: 1px solid #e5e5ea; }
.atti-participe__icone { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #3a3a3c; }
.atti-participe__icone--zap { background: #25d366; color: #fff; }
.atti-participe__icone .atti-icone { width: 18px; height: 18px; }
.atti-participe__linha span:nth-child(2) { display: grid; gap: 1px; min-width: 0; }
.atti-participe__linha b { font-size: 15px; font-weight: 700; line-height: 1.25; }
.atti-participe__linha small { font-size: 13px; color: #6e6e73; line-height: 1.3; }
.atti-participe__linha em { font-style: normal; font-size: 14px; font-weight: 600; color: var(--atti-cor); }
.atti-participe__google { font-size: 12px !important; color: #8e8e93 !important; }
/* O convite do meio do texto no mesmo molde compacto da faixa da capa. */
.atti-comunidade--meio { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; align-items: center !important; gap: 12px 14px !important; padding: 16px !important; border-radius: 16px !important; background: #f2fbf5 !important; text-align: left !important; }
.atti-comunidade--meio .atti-comunidade__selo { width: 44px; height: 44px; }
.atti-comunidade--meio .atti-comunidade__selo .atti-icone { width: 22px; height: 22px; }
.atti-comunidade--meio .atti-comunidade__titulo { font-size: 16px !important; font-weight: 700 !important; margin: 0 !important; }
.atti-comunidade--meio .atti-comunidade__sub { margin: 2px 0 0 !important; font-size: 13px !important; }
.atti-comunidade--meio .atti-comunidade__acoes { grid-column: 1 / -1; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; }
.atti-comunidade--meio .atti-comunidade__botao { width: auto !important; height: 40px !important; padding: 0 16px !important; border-radius: 12px !important; font-size: 14px !important; background: #1fa855 !important; }
.atti-comunidade--meio .atti-comunidade__redes { gap: 6px !important; font-size: 12px !important; }
.atti-comunidade--meio .atti-redes a { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #3a3a3c !important; }
.atti-comunidade--meio .atti-redes .atti-icone { width: 15px !important; height: 15px !important; }

/* Anúncio dentro da matéria: no máximo metade da largura do texto, centralizado (Eduardo, 10/10). */
.atti-materia .atti-anuncio--materia_meio .atti-anuncio__peca, .atti-materia .atti-anuncio--materia_pe .atti-anuncio__peca { max-width: 50%; margin-inline: auto; }
.atti-materia .atti-anuncio--materia_meio .atti-anuncio__peca img, .atti-materia .atti-anuncio--materia_pe .atti-anuncio__peca img { width: 100%; height: auto; display: block; }
.atti-materia .atti-anuncio--materia_meio, .atti-materia .atti-anuncio--materia_pe { text-align: center; }
@media (max-width: 640px) { .atti-materia .atti-anuncio--materia_meio .atti-anuncio__peca, .atti-materia .atti-anuncio--materia_pe .atti-anuncio__peca { max-width: 75%; } }
/* Fim da matéria em três cartões verticais (10/10). */
.atti-participe__quadro { display: none; }
.atti-participe__cartoes { display: grid; grid-auto-flow: column; grid-auto-columns: 74%; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.atti-participe__cartoes::-webkit-scrollbar { display: none; }
@media (min-width: 640px) { .atti-participe__cartoes { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-columns: auto; overflow: visible; } }
.atti-participe__cartao { display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 16px; background: #f5f5f7; scroll-snap-align: start; min-height: 168px; }
.atti-participe__cartao .atti-participe__icone { width: 40px; height: 40px; margin-bottom: 8px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #3a3a3c; }
.atti-participe__cartao--zap .atti-participe__icone { background: #25d366; color: #fff; }
.atti-participe__cartao--google .atti-participe__icone { color: #1a73e8; }
.atti-participe__cartao b { font-size: 15px; font-weight: 700; line-height: 1.25; }
.atti-participe__cartao small { font-size: 13px; color: #6e6e73; line-height: 1.35; }
.atti-participe__acoes { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: auto; padding-top: 10px; }
.atti-participe__acoes a { font-size: 14px; font-weight: 600; color: var(--atti-cor) !important; text-decoration: none !important; }
.atti-seguinte__rotulo { display: none !important; }

/* Fila de colunistas no topo: um desenho só (10/10) — cartões de largura fixa e próximos, foto à esquerda,
   nome da coluna e o título do último texto em duas linhas; sem texto recente, "Ler a coluna". */
.atti-fila-colunas--topo .atti-fila-colunas__trilho { grid-auto-columns: 200px !important; gap: 14px !important; justify-content: start !important; padding-block: 8px 4px !important; }
@media (min-width: 960px) { .atti-fila-colunas--topo .atti-fila-colunas__trilho { grid-auto-columns: 216px !important; gap: 18px !important; } }
.atti-fila-colunas--topo .atti-fila-coluna { display: grid !important; grid-template-columns: 48px minmax(0, 1fr) !important; column-gap: 10px !important; row-gap: 2px !important; align-content: start !important; align-items: start !important; text-align: left !important; }
.atti-fila-colunas--topo .atti-fila-coluna__foto { width: 48px !important; height: 48px !important; margin: 0 !important; grid-row: 1 / span 2; }
.atti-fila-colunas--topo .atti-fila-coluna__nome { font-size: 12px !important; line-height: 1.3 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atti-fila-colunas--topo .atti-fila-coluna__titulo { margin: 0 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.28 !important; -webkit-line-clamp: 2 !important; }
.atti-fila-colunas--topo .atti-fila-coluna__quem { font-size: 13px !important; color: #6e6e73 !important; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Menu: atalhos com ícone de contorno (10/10). */
.atti-menu__atalhos a { display: flex !important; align-items: center; gap: 14px; }
.atti-menu__atalhos a .atti-icone { width: 22px; height: 22px; flex: none; color: #6e6e73; }
.atti-menu__atalhos a[aria-current="page"] .atti-icone { color: var(--atti-cor); }
.atti-menu__atalhos .atti-menu__especial a .atti-icone { color: currentColor; }

/* ── Eleições: "Como votou este lugar" (/eleicoes/ e /eleicoes/<cidade>/) ──
 * Lista com barras, cada candidato no mesmo molde (isonomia): mesmo corpo de
 * nome, mesma barra, cor do partido sempre ao lado da sigla. Sem caixa-alta,
 * espaçamento entre letras zero, nenhum contorno de um lado só. */
.atti-eleicao { max-width: 760px; margin: 0 auto; font-family: var(--atti-sans); color: var(--atti-texto); letter-spacing: 0; }
.atti-eleicao * { letter-spacing: 0; text-transform: none; }
.atti-eleicao__trilha { display: flex; flex-wrap: wrap; gap: 6px; font-size: .8125rem; color: var(--atti-suave); margin: 0 0 12px; }
.atti-eleicao__trilha a { color: var(--atti-suave); }
.atti-eleicao__topo { margin: 0 0 20px; }
.atti-eleicao__chapeu { margin: 0 0 4px; font-size: .875rem; font-weight: 600; color: var(--atti-cor); }
.atti-eleicao__topo h1 { margin: 0; font-family: var(--atti-sans); font-size: 1.75rem; line-height: 1.15; font-weight: 700; color: var(--atti-tinta); overflow-wrap: anywhere; }
.atti-eleicao__sub { margin: 6px 0 0; font-size: 1rem; line-height: 1.45; color: var(--atti-suave); }
.atti-eleicao__acoes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.atti-eleicao__botao { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--atti-tinta); color: #fff !important; font: 600 .875rem var(--atti-sans); cursor: pointer; text-decoration: none; }
.atti-eleicao__botao .atti-icone { filter: invert(1); }
.atti-eleicao__botao--leve { background: #f2f2f5; color: var(--atti-tinta) !important; }
.atti-eleicao__aviso, .atti-eleicao__chamada { margin: 0 0 20px; padding: 14px 16px; border-radius: var(--r-m, 16px); background: #eef3fc; color: var(--atti-tinta); font-size: .9375rem; line-height: 1.45; }
.atti-eleicao__chamada h2 { margin: 0 0 6px; font: 700 1.125rem/1.25 var(--atti-sans); color: var(--atti-tinta); }
.atti-eleicao__chamada p { margin: 4px 0 0; }
.atti-eleicao__busca { margin: 0 0 16px; }
.atti-eleicao__sua { margin: 0 0 20px; font-size: 1rem; }
.atti-eleicao__sua a { font-weight: 600; color: var(--atti-cor); }
.atti-eleicao__grupo { margin: 0 0 28px; }
.atti-eleicao__grupo h2, .atti-eleicao__sobre h2 { margin: 0 0 10px; font: 700 1.125rem/1.25 var(--atti-sans); color: var(--atti-tinta); }
.atti-eleicao__cidades { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
@media (min-width: 640px) { .atti-eleicao__cidades { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.atti-eleicao__cidades a { display: block; padding: 10px 12px; border-radius: var(--r-p, 12px); background: #f5f5f7; color: var(--atti-tinta); font-size: .9375rem; font-weight: 500; line-height: 1.3; overflow-wrap: anywhere; }
.atti-eleicao__cidades a:hover { background: #ececf0; }
.atti-eleicao__vazio { margin: 12px 0; color: var(--atti-suave); }
.atti-eleicao__fonte { margin: 10px 0 0; font-size: .8125rem; line-height: 1.4; color: var(--atti-suave); }
.atti-eleicao__nota { margin: 6px 0 0; font-size: .875rem; line-height: 1.45; color: var(--atti-suave); }
.atti-eleicao__turno { margin: 8px 0 36px; }
.atti-eleicao__turno-titulo { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; font: 700 1.375rem/1.2 var(--atti-sans); color: var(--atti-tinta); }
.atti-eleicao__vivo { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; background: #fdecec; color: #b3261e; font-size: .8125rem; font-weight: 600; }
.atti-eleicao__vivo::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; animation: atti-eleicao-pulso 1.6s ease-in-out infinite; }
@keyframes atti-eleicao-pulso { 50% { opacity: .3; } }
.atti-eleicao .atti-dados { padding: 12px 14px; border-radius: var(--r-m, 16px); background: #f5f5f7; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 10px; }
.atti-eleicao .atti-dados dd small { display: block; font-size: .75rem; font-weight: 500; color: var(--atti-suave); }
.atti-eleicao__cargos { display: flex; gap: 6px; overflow-x: auto; margin: 16px 0 4px; padding-bottom: 4px; scrollbar-width: none; }
.atti-eleicao__cargos::-webkit-scrollbar { display: none; }
.atti-eleicao__cargos a { flex: none; padding: 6px 12px; border-radius: 999px; background: #f2f2f5; color: var(--atti-tinta); font-size: .8125rem; font-weight: 600; white-space: nowrap; }
.atti-eleicao__cargo { margin: 24px 0 0; scroll-margin-top: 80px; }
.atti-eleicao__cargo h3 { margin: 0 0 4px; font: 700 1.25rem/1.25 var(--atti-sans); color: var(--atti-tinta); }
.atti-eleicao__decisao { margin: 0 0 10px; font-size: .9375rem; line-height: 1.45; color: var(--atti-texto); }
.atti-eleicao__lista { list-style: none; margin: 10px 0 12px; padding: 0; display: grid; gap: 14px; }
.atti-eleicao__cand { display: grid; gap: 5px; min-width: 0; }
.atti-eleicao__cand-linha { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.atti-eleicao__nome { min-width: 0; font-size: 1rem; font-weight: 600; line-height: 1.3; color: var(--atti-tinta); overflow-wrap: anywhere; }
.atti-eleicao__nome small { font-size: .8125rem; font-weight: 500; color: var(--atti-suave); }
.atti-eleicao__pct { flex: none; font-size: 1rem; font-weight: 700; color: var(--atti-tinta); font-variant-numeric: tabular-nums; }
.atti-eleicao__barra { height: 8px; border-radius: 999px; background: #ececf0; overflow: hidden; }
.atti-eleicao__barra i { display: block; height: 100%; border-radius: 999px; background: var(--atti-suave); }
.atti-eleicao__cand-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; font-size: .8125rem; color: var(--atti-suave); font-variant-numeric: tabular-nums; }
.atti-eleicao__partido { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--atti-texto); }
.atti-eleicao__partido i { width: 10px; height: 10px; border-radius: 50%; background: var(--atti-suave); flex: none; }
.atti-eleicao__tag { padding: 2px 8px; border-radius: 999px; background: #f2f2f5; color: var(--atti-tinta); font-size: .75rem; font-weight: 600; }
.atti-eleicao__tag--eleito { background: #e3f4e8; color: #1b6b34; }
.atti-eleicao__tag--2t { background: #e6eefc; color: #1f4fa8; }
.atti-eleicao__mais { margin: 0 0 12px; }
.atti-eleicao__mais summary { cursor: pointer; font-size: .875rem; font-weight: 600; color: var(--atti-cor); list-style: none; }
.atti-eleicao__mais summary::-webkit-details-marker { display: none; }
.atti-eleicao__votos { margin-top: 12px; }
.atti-eleicao__antes { margin: 16px 0 0; padding: 14px 16px; border-radius: var(--r-m, 16px); background: #fafafa; }
.atti-eleicao__antes h4 { margin: 0; font: 600 .9375rem/1.3 var(--atti-sans); color: var(--atti-tinta); }
.atti-eleicao__lista--antes { gap: 10px; margin-bottom: 4px; }
.atti-eleicao__lista--antes .atti-eleicao__nome, .atti-eleicao__lista--antes .atti-eleicao__pct { font-size: .9375rem; }
.atti-eleicao__lista--antes .atti-eleicao__barra { height: 6px; }
.atti-eleicao__sobre { margin: 8px 0 0; padding: 16px; border-radius: var(--r-m, 16px); background: #f5f5f7; }
.atti-eleicao__sobre p { margin: 6px 0 0; font-size: .875rem; line-height: 1.5; color: var(--atti-texto); }
@media (max-width: 480px) {
	.atti-eleicao__topo h1 { font-size: 1.5rem; }
	.atti-eleicao__turno-titulo { font-size: 1.25rem; }
	.atti-eleicao .atti-dados { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.atti-eleicao .atti-eleicao__votos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Capa: a entrada enquanto a eleição está em curso */
.atti-eleicao-faixa__sub { margin: -8px 0 12px; font-family: var(--atti-sans); font-size: .9375rem; line-height: 1.45; color: var(--atti-suave); }
.atti-eleicao-faixa__cidades { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.atti-eleicao-faixa__cidades a { display: inline-block; padding: 8px 14px; border-radius: 999px; background: #f2f2f5; color: var(--atti-tinta); font: 600 .875rem/1.2 var(--atti-sans); }
.atti-eleicao-faixa__cidades a:hover { background: #ececf0; }
.atti-eleicao-faixa__cidades .atti-eleicao-faixa__sua { background: var(--atti-tinta); color: #fff; }
.atti-eleicao-faixa__todas { color: var(--atti-cor) !important; background: transparent !important; }
.atti-minha__eleicao { margin: 0 0 16px; font-family: var(--atti-sans); font-size: .9375rem; }
.atti-minha__eleicao a { font-weight: 600; color: var(--atti-cor); }

/* Menu: atalhos com ícone de contorno (10/10). */
.atti-menu__atalhos a { display: flex !important; align-items: center; gap: 14px; }
.atti-menu__atalhos a .atti-icone { width: 22px; height: 22px; flex: none; color: #6e6e73; }
.atti-menu__atalhos a[aria-current="page"] .atti-icone { color: var(--atti-cor); }
.atti-menu__atalhos .atti-menu__especial a .atti-icone { color: currentColor; }

/* Quadro do tempo completo (Minha cidade, Serviços): sempre vertical, como o app do iPhone, centralizado (10/10). */
@media (min-width: 0px) {
	.atti-cidade--pagina .atti-clima, .atti-srv__bloco .atti-clima { display: flex !important; flex-direction: column !important; max-width: 560px; width: 100%; margin-inline: auto; }
	.atti-cidade--pagina .atti-clima > *, .atti-srv__bloco .atti-clima > * { grid-column: auto !important; }
	.atti-cidade--pagina .atti-cidade__rio, .atti-srv__bloco#tempo .atti-srv__fonte { max-width: 560px; width: 100%; margin-inline: auto; }
}
@media (min-width: 960px) {
	.atti-cidade.atti-cidade--pagina { display: grid !important; grid-template-columns: minmax(0, 480px) minmax(0, 1fr) !important; column-gap: 40px !important; align-items: start !important; }
	.atti-cidade.atti-cidade--pagina > .atti-clima, .atti-cidade.atti-cidade--pagina > .atti-cidade__rio { grid-column: 1 !important; margin-inline: 0 !important; max-width: none !important; }
	.atti-cidade.atti-cidade--pagina > .atti-cidade__noticias { grid-column: 2 !important; grid-row: 1 / span 4 !important; }
	.atti-cidade.atti-cidade--pagina > :not(.atti-clima):not(.atti-cidade__rio):not(.atti-cidade__noticias):not(.atti-cidade__topo) { grid-column: 1 / -1; }
}

/* Quadro do tempo completo (Minha cidade, Serviços): sempre vertical, como o app do iPhone, centralizado (10/10). */
@media (min-width: 0px) {
	.atti-cidade--pagina .atti-clima, .atti-srv__bloco .atti-clima { display: flex !important; flex-direction: column !important; max-width: 560px; width: 100%; margin-inline: auto; }
	.atti-cidade--pagina .atti-clima > *, .atti-srv__bloco .atti-clima > * { grid-column: auto !important; }
	.atti-cidade--pagina .atti-cidade__rio, .atti-srv__bloco#tempo .atti-srv__fonte { max-width: 560px; width: 100%; margin-inline: auto; }
}
@media (min-width: 960px) {
	.atti-cidade.atti-cidade--pagina { display: grid !important; grid-template-columns: minmax(0, 480px) minmax(0, 1fr) !important; column-gap: 40px !important; align-items: start !important; }
	.atti-cidade.atti-cidade--pagina > .atti-clima, .atti-cidade.atti-cidade--pagina > .atti-cidade__rio { grid-column: 1 !important; margin-inline: 0 !important; max-width: none !important; }
	.atti-cidade.atti-cidade--pagina > .atti-cidade__noticias { grid-column: 2 !important; grid-row: 1 / span 4 !important; }
	.atti-cidade.atti-cidade--pagina > :not(.atti-clima):not(.atti-cidade__rio):not(.atti-cidade__noticias):not(.atti-cidade__topo) { grid-column: 1 / -1; }
}

/* ── Acompanhe este assunto: página viva da cobertura (10/10) ──
   Situação agora, O que mudou, Entenda, Histórico e Documentos. Separa-se por
   superfície e espaço; estado é texto no selo e na linha de hora. */
.atti-cobertura__topo { margin-bottom: 20px; }
.atti-cobertura__quando { color: var(--atti-suave); font-weight: 600; font-size: 14px; }
.atti-cobertura--aovivo .atti-cobertura__quando { color: var(--atti-urgente); }
.atti-acompanhe { max-width: 860px; margin: 0 0 20px; padding: 20px; border-radius: 16px; background: #f5f5f7; }
.atti-acompanhe h2, .atti-mudou h2 { margin: 0 0 8px; font-family: var(--atti-sans); font-size: 15px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--atti-tinta); }
.atti-acompanhe p { margin: 0 0 .6em; font-family: var(--atti-serif); font-size: 1.1875rem; line-height: 1.5; color: var(--atti-tinta); }
.atti-acompanhe .atti-acompanhe__revisao { margin: 4px 0 0; font-family: var(--atti-sans); font-size: 13px; line-height: 1.3; color: var(--atti-suave); }
.atti-acompanhe--balanco { background: #eef4ff; }
.atti-seguir { display: grid; gap: 6px; margin-top: 16px; }
.atti-sabemos + .atti-seguir { margin: -20px 0 24px; }
.atti-seguir__botao { justify-self: start; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border: 0; border-radius: 12px; background: var(--atti-cor); color: #fff; font: inherit; font-family: var(--atti-sans); font-size: 14px; font-weight: 600; cursor: pointer; }
.atti-seguir__botao .atti-icone { width: 18px; height: 18px; }
.atti-seguir__botao[aria-pressed="true"] { background: #e8e8ed; color: var(--atti-tinta); }
.atti-seguir__botao:disabled { opacity: .6; cursor: progress; }
.atti-seguir__botao:focus-visible { outline: 2px solid var(--atti-cor); outline-offset: 2px; }
.atti-seguir__promessa { margin: 0 !important; font-family: var(--atti-sans) !important; font-size: 13px !important; line-height: 1.4 !important; color: var(--atti-suave) !important; max-width: 520px; }
.atti-mudou { max-width: 860px; margin: 0 0 32px; }
.atti-mudou ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
@media (min-width: 900px) { .atti-mudou ol { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.atti-mudou li { padding: 14px 16px; border-radius: 16px; background: #f5f5f7; }
.atti-mudou a { display: grid; gap: 4px; color: var(--atti-tinta); text-decoration: none; }
.atti-mudou time { font-size: 13px; font-weight: 600; color: var(--atti-cor); }
.atti-mudou span { font-size: 16px; font-weight: 600; line-height: 1.35; }
.atti-mudou a:hover span { color: var(--atti-cor); }
.atti-mudou__correcao { margin: 6px 0 0; font-size: 13px; line-height: 1.4; color: var(--atti-suave); }
.atti-mudou__correcao b, .atti-correcao b { font-weight: 700; color: #b25000; }
.atti-cobertura__secao { margin: 0 0 4px; font-family: var(--atti-sans); font-size: 20px; font-weight: 700; letter-spacing: -0.01em; color: var(--atti-tinta); }
.atti-cobertura__grade { grid-template-columns: minmax(0, 1fr); grid-template-areas: "entenda" "hist" "docs"; gap: 32px; }
.atti-entenda { grid-area: entenda; }
.atti-linha-do-tempo { grid-area: hist; }
.atti-documentos { grid-area: docs; }
@media (min-width: 1024px) {
	.atti-cobertura__grade { grid-template-columns: minmax(0, 1fr) 340px; grid-template-areas: "hist entenda" "hist docs" "hist ."; grid-template-rows: auto auto 1fr; column-gap: 48px; row-gap: 32px; }
	.atti-cobertura__grade > .atti-entenda, .atti-cobertura__grade > .atti-documentos { align-self: start; }
}
.atti-entenda details { border-radius: 12px; background: #f5f5f7; margin-top: 8px; }
.atti-entenda summary { cursor: pointer; padding: 12px 14px; font-weight: 600; font-size: 15px; line-height: 1.35; list-style: none; }
.atti-entenda summary::-webkit-details-marker { display: none; }
.atti-entenda summary::after { content: "+"; float: right; margin-left: 8px; color: var(--atti-suave); }
.atti-entenda details[open] summary::after { content: "–"; }
.atti-entenda details p { margin: 0; padding: 0 14px 12px; font-size: 15px; line-height: 1.5; color: var(--atti-texto); }
.atti-documentos ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; }
.atti-documentos li { display: grid; gap: 2px; padding: 12px 14px; border-radius: 12px; background: #f5f5f7; }
.atti-documentos a { font-weight: 600; font-size: 15px; line-height: 1.35; color: var(--atti-tinta); }
.atti-documentos a::after { content: " ↗"; color: var(--atti-suave); }
.atti-documentos span { font-size: 13px; color: var(--atti-suave); }
.atti-atualizacao__tipo { margin: 0 0 2px; font-size: 13px; font-weight: 600; color: var(--atti-suave); }
.atti-atualizacao--mudanca .atti-atualizacao__tipo { color: var(--atti-cor); }
.atti-atualizacao__titulo a { color: var(--atti-tinta); }
.atti-atualizacao__resumo { margin: 4px 0 0; font-size: 15px; line-height: 1.45; color: var(--atti-suave); }
.atti-correcao { margin: 8px 0; padding: 10px 12px; border-radius: 12px; background: #fff4e5; font-size: 14px; line-height: 1.45; color: var(--atti-tinta); }
.atti-atualizacao:target { background: #fffbe6; border-radius: 12px; }
@media (max-width: 640px) {
	.atti-acompanhe { padding: 16px; margin-inline: 0; }
	.atti-acompanhe p { font-size: 1.0625rem; }
	.atti-atualizacao { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding: 16px 0; }
	.atti-seguir__botao { width: 100%; justify-content: center; }
}
/* Faixa da capa: a última mudança da cobertura */
.atti-vivo__mudanca { display: grid; gap: 2px; margin: 12px 0 0; font-size: 1rem; line-height: 1.4; }
.atti-vivo__mudanca b { font-size: .8125rem; font-weight: 700; color: #ff8a80; }
.atti-vivo__mudanca a { color: #fff; font-weight: 600; }
.atti-vivo__mudanca a:hover { color: #ffb4ad; }
.atti-linha-do-tempo__novas[hidden] { display: none; }

/* ── Capa no desktop (10/10, noite): nada cortado na direita, nada de buraco ───────── */
/* Serviços: um painel só, dividido por fio de 1 px (não seis caixas cinza); no desktop cabe inteiro, sem rolar. */
.atti-srvf .atti-srvf__lista { display: flex !important; border: 1px solid #e5e5ea; border-radius: var(--r-m, 16px); gap: 0 !important; overflow-x: auto; }
.atti-srvf .atti-srvf__item, .atti-srvf .atti-srvf__item--tempo, .atti-srvf .atti-srvf__item--rio, .atti-srvf .atti-srvf__item--dolar, .atti-srvf .atti-srvf__item--mega, .atti-srvf .atti-srvf__item--time { background: #fff !important; border-radius: 0 !important; box-shadow: 1px 0 0 #e5e5ea, 0 1px 0 #e5e5ea; min-height: 96px; }
.atti-srvf .atti-srvf__item:hover { background: #f7f7f9 !important; }
.atti-srvf .atti-bolas { gap: 3px !important; }
.atti-srvf .atti-bolas i { width: 22px !important; height: 22px !important; font-size: 10px !important; }
@media (min-width: 900px) {
	.atti-srvf .atti-srvf__lista { display: grid !important; grid-auto-flow: row !important; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-columns: auto !important; overflow: hidden; }
	.atti-srvf .atti-srvf__lista > .atti-srvf__item, .atti-srvf .atti-srvf__lista > .atti-srvf__item--mega { min-width: 0 !important; flex: none; }
}
@media (min-width: 1180px) { .atti-srvf .atti-srvf__lista { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

/* Em foco: título em cima e o trilho na largura toda (a coluna do título sobrava vazia). */
.atti-hist { display: block !important; }
.atti-hist > .atti-faixa__titulo { margin-bottom: 12px; }

/* Futebol: as duas metades com a mesma altura; a tabela nunca passa da coluna. */
@media (min-width: 900px) {
	.atti-fut__grade { align-items: stretch; }
	.atti-fut__jogos, .atti-fut__jogos > * { height: 100%; }
	.atti-fut__tabela { min-width: 0; }
}

/* Últimas: ocupa a largura da capa, como as outras faixas. */
.atti-feed--dias { max-width: none !important; }

/* "Ao vivo" flutuante: no desktop vai para a direita, longe do "Mais notícias". */
@media (min-width: 900px) {
	.atti-agora:not(.atti-agora--topo) { left: auto !important; right: 24px !important; }
}
.atti-cidade__noticias > li.atti-cidade__mais { display: block; padding: 16px 0 4px; border: 0; font-size: var(--fs-14, .875rem); font-weight: 700; color: var(--atti-cor); }
.atti-srvf .atti-srvf__item--tempo .atti-srvf__rotulo .atti-meteo { width: 26px !important; height: 26px !important; margin: -4px 0 !important; filter: drop-shadow(0 1px 1.5px rgba(0,0,0,.3)) !important; }

/* Troca de página: a barra fica parada, o logo desliza para o lugar novo e o nome da seção entra de lado (10/10). */
.atti-topo__barra { view-transition-name: atti-barra; }
.atti-topo__logo .custom-logo-link { view-transition-name: atti-logo; }
.atti-topo__secao { view-transition-name: atti-secao; }
::view-transition-group(atti-barra) { animation: none; }
::view-transition-old(atti-barra), ::view-transition-new(atti-barra) { animation: none; mix-blend-mode: normal; }
::view-transition-group(atti-logo), ::view-transition-group(atti-secao) { animation-duration: .42s; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
::view-transition-old(atti-logo), ::view-transition-new(atti-logo) { animation: none; height: 100%; }
::view-transition-new(atti-secao):only-child { animation: atti-secao-entra .42s cubic-bezier(.2, .8, .2, 1) both; }
::view-transition-old(atti-secao):only-child { animation: atti-secao-sai .25s ease-in both; }
@keyframes atti-secao-entra { from { opacity: 0; transform: translateX(-14px); } }
@keyframes atti-secao-sai { to { opacity: 0; transform: translateX(-14px); } }

/* Coluna: a retranca do impresso sob o nome; arquivo Colunas com retrato e coluna em cada texto (10/10). */
.atti-colpag__retranca { margin: 6px 0 0; font-size: var(--fs-14, .875rem); color: #6e6e73; line-height: 1.4; }
.atti-colpag__retranca a { color: var(--ed, var(--atti-cor)); text-decoration: none; font-weight: 600; }
.atti-colpag__retranca a:hover { text-decoration: underline; }
.atti-colcard { display: grid; gap: 6px; padding: 18px 0; border-top: 1px solid #ececf0; }
.atti-feed__lista > li:first-child .atti-colcard { border-top: 0; }
.atti-colcard__quem { display: flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.atti-colcard__foto { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--ed, var(--atti-cor)); }
.atti-colcard__quem span { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.atti-colcard__quem b { font-size: var(--fs-14, .875rem); font-weight: 700; color: var(--ed, var(--atti-cor)); }
.atti-colcard__quem small { font-size: var(--fs-12, .75rem); color: #6e6e73; }
.atti-colcard__titulo { margin: 4px 0 0; font-size: 1.25rem; font-weight: 700; line-height: 1.25; }
.atti-colcard__titulo a { color: var(--atti-tinta); text-decoration: none; }
.atti-colcard__titulo a:hover { color: var(--ed, var(--atti-cor)); }
.atti-colcard__sub { margin: 0; font-size: var(--fs-16, 1rem); color: #5a5a5f; line-height: 1.45; }
.atti-colcard__quando { font-size: var(--fs-12, .75rem); color: #8e8e93; }
.atti-principal > .atti-fila-colunas { max-width: 860px; margin-inline: auto !important; overflow: hidden; }
.atti-principal > .atti-fila-colunas .atti-fila-colunas__trilho { margin-inline: 0 !important; padding-inline: 0 !important; }

/* ══ Identidade do impresso no site (10/10) ═════════════════════════════════ */
/* Títulos de faixa e de editoria: Richmond com o fio grosso colorido sob a palavra, como "Esporte" e "Saúde" no papel. */
body .atti-faixa__titulo.atti-faixa__titulo, body .atti-arquivo__titulo.atti-arquivo__titulo { position: relative; font-family: var(--atti-display) !important; font-weight: 700 !important; text-decoration: underline !important; text-decoration-color: var(--ed, var(--atti-cor)) !important; text-decoration-thickness: 4px !important; text-underline-offset: 5px !important; text-decoration-skip-ink: none !important; padding-bottom: 8px; }
body .atti-faixa__titulo.atti-faixa__titulo { font-size: 1.75rem !important; line-height: 1.15 !important; color: var(--atti-tinta) !important; }
body .atti-faixa__titulo.atti-faixa__titulo.atti-faixa__titulo > a:not(.atti-faixa__mais) { color: var(--atti-tinta) !important; }
body .atti-faixa__titulo .atti-faixa__mais { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-family: var(--atti-sans) !important; }
body .atti-faixa__titulo .atti-tvfaixa__agora { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

/* Cabeçalho da coluna: a mesma identidade do carrossel do colunista — nome da coluna com o fio, NOME, "perfil · contato", subtítulo. */
.atti-colpag__rotulo { display: none !important; }
.atti-colpag__nome, .atti-abertura__coluna-nome { text-decoration: underline; text-decoration-color: var(--fio, var(--ed, var(--atti-cor))); text-decoration-thickness: 3px; text-underline-offset: 10px; text-decoration-skip-ink: none; }
.atti-colpag__nome { padding-bottom: 6px; }
.atti-retranca { margin: 12px 0 0; display: grid; gap: 3px; line-height: 1.3; }
.atti-retranca b { font-size: .8125rem; font-weight: 800; text-transform: uppercase; color: var(--atti-tinta); }
.atti-retranca span { font-size: .8125rem; color: #6e6e73; }
.atti-retranca a { color: inherit; text-decoration: none; font-weight: 600; }
.atti-retranca a:hover { color: var(--ed, var(--atti-cor)); }
.atti-colpag__descricao { margin: 8px 0 0 !important; font-size: .75rem !important; font-weight: 600; text-transform: uppercase; color: #8e8e93 !important; }
.atti-abertura__coluna { display: flex !important; align-items: center; gap: 16px; margin-bottom: 20px; }
.atti-abertura__coluna > a { flex: none; line-height: 0; }
.atti-abertura__coluna > span { display: block !important; }
.atti-abertura__coluna-nome { font-family: var(--atti-display); font-size: 1.875rem; font-weight: 700; line-height: 1.1; color: var(--atti-tinta) !important; padding-bottom: 4px; display: inline-block; }
.atti-abertura__retranca { margin-top: 8px; }

/* Abertura do texto: retranca colorida emendada no 1º parágrafo, ou capitular na cor da editoria (reportagem longa). */
.atti-retranca-texto { font-family: var(--atti-sans); font-size: .82em; font-weight: 800; text-transform: uppercase; color: var(--ed, var(--atti-cor)); }
.atti-capitular::first-letter { float: left; font-family: var(--atti-display); font-weight: 700; font-size: 5.6em; line-height: .76; margin: .06em .08em 0 0; color: var(--ed, var(--atti-cor)); }

/* Corpo da matéria em Georgia (o resto do site segue na sans). */
.atti-materia .wp-block-post-content > p, .atti-materia .wp-block-post-content > ul, .atti-materia .wp-block-post-content > ol, .atti-materia .wp-block-post-content > blockquote { font-family: Georgia, "Times New Roman", serif; }

/* ID omnichannel (10/10): Richmond é a voz de destaque — o hero da capa, os nomes de seção e a marca da coluna, como no papel e no carrossel;
   títulos de matéria e de cartão (h1, h3) são Geist; o corpo é Georgia. */
body .atti-faixa--manchete .atti-manchete__titulo.atti-manchete__titulo { font-family: var(--atti-display) !important; font-weight: 700 !important; line-height: 1.05 !important; }
@media (min-width: 768px) { body .atti-faixa--manchete .atti-manchete__titulo.atti-manchete__titulo { font-size: 2.5rem !important; } }
/* Título da matéria em Richmond; linha fina do hero em Georgia, aberta pela retranca (10/10). */
body .atti-abertura__titulo.atti-abertura__titulo { font-family: var(--atti-display) !important; font-weight: 700 !important; line-height: 1.06 !important; }
body .atti-faixa--manchete .atti-manchete__sub { font-family: Georgia, "Times New Roman", serif !important; color: #3a3a3c !important; font-size: 1.0625rem !important; line-height: 1.45 !important; }
/* Intertítulos como no papel: Geist negrito, maiores que o corpo e com ar em cima (estavam em 17 px sob corpo de 19). */
body .atti-materia .wp-block-post-content > h2 { font-family: var(--atti-sans) !important; font-size: 1.5rem !important; font-weight: 700 !important; line-height: 1.22 !important; margin: 2em 0 .55em !important; color: var(--atti-tinta) !important; }
body .atti-materia .wp-block-post-content > h3 { font-family: var(--atti-sans) !important; font-size: 1.3125rem !important; font-weight: 700 !important; line-height: 1.25 !important; margin: 1.9em 0 .5em !important; color: var(--atti-tinta) !important; }
body .atti-materia .wp-block-post-content > h4 { font-family: var(--atti-sans) !important; font-size: 1.125rem !important; font-weight: 700 !important; margin: 1.6em 0 .4em !important; }
@media (max-width: 600px) { body .atti-materia .wp-block-post-content > h2 { font-size: 1.3125rem !important; } body .atti-materia .wp-block-post-content > h3 { font-size: 1.1875rem !important; } }
/* Retranca no texto sem o realce das palavras marcadas; chapéu acima do título com mais peso, como a retranca do papel (10/10). */
body .atti-materia .atti-retranca-texto { background: none !important; padding: 0 !important; margin: 0 .15em 0 0 !important; border-radius: 0 !important; }
body .atti-abertura > .atti-chapeu, body .atti-abertura .atti-chapeu { display: inline-block; height: auto !important; font-size: 1rem !important; font-weight: 800 !important; text-transform: uppercase !important; color: var(--ed, var(--atti-cor)) !important; background: none !important; padding: 0 !important; margin: 0 0 10px !important; line-height: 1.2 !important; }
/* Colunistas no topo, celular: dois por tela, título em até 3 linhas (10/10). */
@media (max-width: 959px) {
	.atti-fila-colunas--topo .atti-fila-colunas__trilho { grid-auto-columns: calc((100vw - 44px) / 2) !important; gap: 12px !important; }
	.atti-fila-colunas--topo .atti-fila-coluna { grid-template-columns: 40px minmax(0, 1fr) !important; column-gap: 8px !important; }
	.atti-fila-colunas--topo .atti-fila-coluna__foto { width: 40px !important; height: 40px !important; }
	.atti-fila-colunas--topo .atti-fila-coluna__titulo { font-size: 13px !important; line-height: 1.25 !important; -webkit-line-clamp: 3 !important; }
}
/* Faixa e página de eleições com o logo oficial "FV Eleições" no lugar do título (10/10). */
body .atti-faixa__titulo.atti-eleicao-faixa__marca.atti-eleicao-faixa__marca { text-decoration: none !important; padding-bottom: 0; }
.atti-marca-eleicoes { display: block; height: 30px; width: auto; }
.atti-eleicao__chapeu .atti-marca-eleicoes { height: 26px; margin-bottom: 6px; }
/* Serviços no celular: itens estreitos com fio vertical, esmaecido à direita e passagem automática (10/10). */
@media (max-width: 899px) {
	.atti-srvf .atti-srvf__lista { scroll-snap-type: x mandatory; -webkit-mask-image: linear-gradient(90deg, #000 82%, transparent); mask-image: linear-gradient(90deg, #000 82%, transparent); }
	.atti-srvf .atti-srvf__lista > .atti-srvf__item, .atti-srvf .atti-srvf__lista > .atti-srvf__item--mega { flex: 0 0 auto !important; box-sizing: border-box !important; min-width: 0 !important; width: 136px !important; min-height: 84px !important; padding: 12px 14px !important; box-shadow: none !important; border-right: 1px solid #e5e5ea; scroll-snap-align: start; }
	.atti-srvf .atti-srvf__lista > .atti-srvf__item--mega { width: 172px !important; }
	.atti-srvf .atti-srvf__lista > .atti-srvf__item:last-child { border-right: 0; }
	.atti-srvf .atti-srvf__valor { font-size: 1.25rem !important; }
	.atti-srvf .atti-srvf__rotulo { font-size: 11px !important; white-space: normal !important; line-height: 1.2 !important; align-items: flex-start !important; }
	.atti-srvf .atti-srvf__detalhe { font-size: 11px !important; }
}
/* Em foco maior: no celular cabe um e meio por tela; títulos maiores (10/10). */
body .atti-hist__trilho { grid-auto-columns: 62vw !important; gap: 12px !important; }
body .atti-hist__item { padding: 14px !important; gap: 8px !important; }
body .atti-hist__item b { font-size: 1.0625rem !important; line-height: 1.25 !important; font-weight: 700 !important; }
@media (min-width: 960px) { body .atti-hist__trilho { grid-auto-columns: 232px !important; gap: 14px !important; } }
/* Barra de abas: ícones Phosphor (contorno; preenchido na aba atual). */
body .atti-abas svg { width: 24px !important; height: 24px !important; fill: currentColor !important; stroke: none !important; }

/* ══ Rodapé (10/10): marca, atalhos em cartões, editorias com a cor, seções com ícone ══ */
body .atti-rodape { background: #f5f5f7; padding-block: 40px 28px !important; }
.atti-rodape__topo { display: grid !important; gap: 10px; justify-items: start; padding-bottom: 24px; }
.atti-rodape__logo { height: 34px !important; width: auto !important; }
.atti-rodape__sobre { margin: 0; font-size: .9375rem; line-height: 1.45; color: #4a4a4f; max-width: 52ch; }
.atti-rodape__cartoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px; padding-bottom: 28px; }
.atti-rodape__cartao { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #fff; border-radius: var(--r-m, 16px); color: var(--atti-tinta) !important; text-decoration: none !important; transition: transform .15s; }
.atti-rodape__cartao:active { transform: scale(.98); }
.atti-rodape__cartao:hover b { color: var(--atti-cor); }
.atti-rodape__cartao .atti-icone { flex: none; width: 22px; height: 22px; color: var(--atti-cor); }
.atti-rodape__cartao span { display: grid; gap: 2px; line-height: 1.25; }
.atti-rodape__cartao b { font-size: .9375rem; font-weight: 700; }
.atti-rodape__cartao small { font-size: .8125rem; color: #6e6e73; }
body .atti-rodape__cols { display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; padding: 24px 0 !important; box-shadow: 0 -1px 0 #e3e3e8 !important; }
@media (min-width: 768px) { body .atti-rodape__cols { grid-template-columns: 2fr 1fr !important; } }
.atti-rodape__editorias ul { display: flex !important; flex-wrap: wrap; gap: 8px; columns: auto !important; }
.atti-rodape__editorias a { display: inline-flex !important; align-items: center; gap: 8px; padding: 7px 12px !important; background: #fff; border-radius: 999px; font-size: .875rem !important; font-weight: 600 !important; }
.atti-rodape__editorias a i { width: 8px; height: 8px; border-radius: 2px; background: var(--ed, var(--atti-cor)); }
.atti-rodape__secoes a { display: inline-flex !important; align-items: center; gap: 10px; padding: 7px 0 !important; font-size: .9375rem !important; }
.atti-rodape__secoes .atti-icone { width: 18px; height: 18px; color: #6e6e73; }
body .atti-rodape__fim { box-shadow: 0 -1px 0 #e3e3e8; padding-top: 16px !important; color: #8e8e93 !important; }

/* Últimas maiores: a primeira de cada dia em cartão grande; as outras com foto e título maiores (10/10). */
body .atti-feed--dias .atti-cartao__titulo { font-size: 1.1875rem !important; line-height: 1.25 !important; }
body .atti-feed--dias .atti-feed__lista > .atti-cartao:first-child, body .atti-feed--dias .atti-feed__lista > *:first-child .atti-cartao { display: flex !important; flex-direction: column !important; gap: 10px !important; }
body .atti-feed--dias .atti-feed__lista > .atti-cartao:first-child .atti-cartao__foto { order: -1; width: 100% !important; max-width: none !important; aspect-ratio: 16 / 9; height: auto !important; }
body .atti-feed--dias .atti-feed__lista > .atti-cartao:first-child .atti-cartao__foto img { width: 100% !important; height: 100% !important; object-fit: cover; }
body .atti-feed--dias .atti-feed__lista > .atti-cartao:first-child .atti-cartao__titulo { font-size: 1.5rem !important; line-height: 1.18 !important; }
@media (min-width: 900px) { body .atti-feed--dias .atti-feed__lista > .atti-cartao:first-child { grid-column: 1 / -1; display: grid !important; grid-template-columns: 1.3fr 1fr !important; align-items: center; gap: 24px !important; } body .atti-feed--dias .atti-feed__lista > .atti-cartao:first-child .atti-cartao__titulo { font-size: 1.875rem !important; } }
/* Serviços espalhados pela capa: cada parte com dois cartões ocupa a largura toda, sem esmaecido. */
body .atti-srvf--parte .atti-srvf__lista { -webkit-mask-image: none !important; mask-image: none !important; overflow: hidden !important; }
body .atti-srvf--parte .atti-srvf__lista > .atti-srvf__item, body .atti-srvf--parte .atti-srvf__lista > .atti-srvf__item--mega { flex: 1 1 0 !important; width: auto !important; }
@media (min-width: 900px) { body .atti-srvf--parte .atti-srvf__lista { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }