/* ==========================================================================
   Estadão Brasileirão – classificação, jogos da rodada, mini tabela e chamada
   Tudo dentro de .ebr, com as variáveis do WP Notícias (e valores de reserva).
   Escudos são as únicas imagens sem cantos arredondados.
   ========================================================================== */

.ebr {
	--ebr-font: var(--wpn-font-news, "Plus Jakarta Sans", "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	--ebr-ink: var(--wpn-ink, #111827);
	--ebr-text: #1f2937;
	--ebr-muted: var(--wpn-muted, #6b7280);
	--ebr-border: var(--wpn-border, #e5e7eb);
	--ebr-line: #f0f2f5;
	--ebr-soft: #f8fafc;
	--ebr-link: var(--wpn-link, #2563eb);
	--ebr-hero: var(--wpn-hero, #0b1b3f);
	--ebr-accent: var(--wpn-accent, #8dc63f);
	--ebr-radius: var(--wpn-radius, 10px);
	--ebr-v: #15803d;
	--ebr-e: #64748b;
	--ebr-d: #dc2626;
	--ebr-live: #dc2626;
	--ebr-pos-w: 40px;
}

/* Raiz: <figure class="ebr …" data-ebr> (seletor com atributo vence ".wpn-article__content figure") */
.ebr[data-ebr] {
	display: block;
	margin: 0 0 22px;
	padding: 0;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid #eef0f4;
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(16, 24, 40, .06);
	font-family: var(--ebr-font);
	color: var(--ebr-text);
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
}
.ebr *, .ebr *::before, .ebr *::after { box-sizing: border-box; }
.ebr abbr[title] { text-decoration: none; border: 0; cursor: help; }
.ebr .ebr-sr {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.ebr .ebr-dot { margin: 0 6px; opacity: .6; }

/* Cabeçalho */
.ebr .ebr-head {
	display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
	gap: 4px 12px; margin: 0; padding: 14px 16px 12px; text-align: left; font-size: inherit; color: inherit;
}
.ebr .ebr-head__title { font-size: 18px; font-weight: 800; letter-spacing: -.3px; color: var(--ebr-ink); line-height: 1.2; }
.ebr .ebr-head__meta { font-size: 12.5px; color: var(--ebr-muted); font-weight: 500; }

/* Escudos (quadrados, sem cantos arredondados) e iniciais */
.ebr .ebr-crest {
	display: block; flex: none; width: 22px; height: 22px; max-width: none;
	object-fit: contain; border-radius: 0; margin: 0; background: none; box-shadow: none;
}
.ebr .ebr-crest--ini {
	display: inline-flex; align-items: center; justify-content: center;
	background: #eef2f7; color: #334155; font-size: 8px; font-weight: 800; letter-spacing: -.2px; line-height: 1;
}

/* ---------- Tabela (rolagem própria: a página não rola para os lados) ---------- */
.ebr .ebr-scroll {
	position: relative; max-width: 100%;
	overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}
.ebr .ebr-scroll:focus { outline: none; }
.ebr .ebr-scroll:focus-visible { outline: 3px solid var(--ebr-link); outline-offset: -3px; }

/* display:table desfaz o "table { display:block }" do mobile.css dentro das matérias */
.ebr .ebr-t {
	display: table; width: 100%; min-width: 600px; max-width: none; margin: 0;
	border: 0; border-collapse: separate; border-spacing: 0; table-layout: auto;
	background: #fff; font-size: 14px; line-height: 1.3; overflow: visible;
}
.ebr .ebr-t caption { caption-side: top; }
.ebr .ebr-t thead, .ebr .ebr-t tbody { display: table-row-group; }
.ebr .ebr-t thead { display: table-header-group; }
.ebr .ebr-t tr { display: table-row; }
.ebr .ebr-t th, .ebr .ebr-t td {
	display: table-cell; padding: 10px 6px; margin: 0; border: 0; border-bottom: 1px solid var(--ebr-line);
	text-align: center; vertical-align: middle; white-space: nowrap; background: #fff; color: var(--ebr-text);
	font-weight: 500; font-variant-numeric: tabular-nums;
}
.ebr .ebr-t thead th {
	padding: 9px 6px; background: var(--ebr-soft); color: var(--ebr-muted);
	font-size: 11px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase;
	border-bottom: 1px solid var(--ebr-border);
}
.ebr .ebr-t tbody tr:last-child > * { border-bottom: 0; }
.ebr .ebr-t tbody tr:hover > * { background: #f8fafc; }

/* Colunas fixas ao rolar: posição e clube */
.ebr .ebr-t .ebr-c-pos {
	position: sticky; left: 0; z-index: 2; width: var(--ebr-pos-w); min-width: var(--ebr-pos-w); padding-left: 10px;
}
.ebr .ebr-t .ebr-c-club {
	position: sticky; left: var(--ebr-pos-w); z-index: 2; text-align: left; min-width: 150px;
	box-shadow: 1px 0 0 var(--ebr-line);
}
.ebr .ebr-t thead .ebr-c-pos, .ebr .ebr-t thead .ebr-c-club { z-index: 3; }
.ebr .ebr-t tbody th.ebr-c-club { font-weight: 700; color: var(--ebr-ink); }

/* Faixa colorida da zona (Libertadores, rebaixamento…) */
.ebr .ebr-t tr.has-zone > .ebr-c-pos { box-shadow: inset 4px 0 0 var(--ebr-zone, transparent); }
.ebr .ebr-pos { display: inline-block; min-width: 18px; font-weight: 800; color: var(--ebr-ink); }
.ebr .ebr-t td.ebr-c-pts { font-weight: 800; color: var(--ebr-ink); font-size: 15px; }
.ebr .ebr-t td.ebr-c-sg.is-pos { color: var(--ebr-v); font-weight: 700; }
.ebr .ebr-t td.ebr-c-sg.is-neg { color: var(--ebr-d); font-weight: 700; }

.ebr .ebr-club { display: flex; align-items: center; gap: 9px; min-width: 0; }
.ebr .ebr-club__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ebr .ebr-club__short { display: none; }

/* Últimos 5 */
.ebr .ebr-form { display: inline-flex; gap: 3px; vertical-align: middle; }
.ebr .ebr-form i {
	display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px;
	border-radius: 50%; color: #fff; font-style: normal; font-size: 9.5px; font-weight: 800; line-height: 1;
}
.ebr .ebr-form i.is-v { background: var(--ebr-v); }
.ebr .ebr-form i.is-e { background: var(--ebr-e); }
.ebr .ebr-form i.is-d { background: var(--ebr-d); }
.ebr .ebr-form--none { color: var(--ebr-muted); }

.ebr .ebr-empty { padding: 26px 16px !important; text-align: center !important; color: var(--ebr-muted) !important; font-weight: 600; white-space: normal !important; }

/* Legenda */
.ebr .ebr-legend {
	display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px;
	padding: 12px 16px; border-top: 1px solid var(--ebr-line); font-size: 12px; color: var(--ebr-muted);
}
.ebr .ebr-legend__item { display: inline-flex; align-items: center; gap: 6px; }
.ebr .ebr-legend__item i { width: 10px; height: 10px; border-radius: 2px; display: inline-block; }
.ebr .ebr-legend__item small { font-size: 11px; }

/* ---------- Mini tabela (lateral da home, irmã do "Mais lidas") ----------
   Linhas baixas para a lateral não ficar mais alta que a coluna de notícias. Quando a lateral é larga
   (home no computador), aparece também a coluna "Últ. 5" (consulta de contêiner). */
.ebr[data-ebr="compacto"] { border-bottom: 4px solid var(--ebr-accent); padding: 2px 14px 12px; container-type: inline-size; }
.ebr .ebr-head--box { padding: 12px 2px 8px; }
.ebr .ebr-head--box .ebr-head__title { font-size: 18px; }
.ebr .ebr-t--mini { min-width: 0; table-layout: fixed; font-size: 13px; }
.ebr .ebr-t--mini th, .ebr .ebr-t--mini td { padding: 6px 3px; background: #fff; }
.ebr .ebr-t--mini thead th { background: #fff; padding: 2px 3px 6px; font-size: 10.5px; }
.ebr .ebr-t--mini .ebr-c-pos { position: static; width: 32px; min-width: 0; padding-left: 8px; }
.ebr .ebr-t--mini .ebr-c-club { position: static; min-width: 0; width: auto; box-shadow: none; overflow: hidden; text-overflow: ellipsis; }
.ebr .ebr-t--mini th:nth-child(3), .ebr .ebr-t--mini td:nth-child(3) { width: 34px; }
.ebr .ebr-t--mini th:nth-child(4), .ebr .ebr-t--mini td:nth-child(4) { width: 28px; }
.ebr .ebr-t--mini th:nth-child(5), .ebr .ebr-t--mini td:nth-child(5) { width: 38px; }
.ebr .ebr-t--mini .ebr-c-l5 { display: none; width: 112px; }
.ebr .ebr-t--mini td.ebr-c-pts { font-size: 14px; }
.ebr .ebr-t--mini .ebr-club { gap: 8px; }
.ebr .ebr-t--mini .ebr-crest { width: 18px; height: 18px; }
.ebr .ebr-t--mini .ebr-form i { width: 16px; height: 16px; font-size: 8.5px; }
@container (min-width: 440px) {
	.ebr .ebr-t--mini .ebr-c-l5 { display: table-cell; }
	.ebr .ebr-t--mini td.ebr-c-sg { padding-right: 10px; }
}
.ebr .ebr-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin-top: 10px; }
.ebr a.ebr-more {
	order: 2; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 38px; padding: 0 14px;
	border: 1px solid #dbe6fe; border-radius: 999px; background: #eff5ff; color: var(--ebr-link);
	font-size: 13px; font-weight: 800; text-decoration: none; white-space: nowrap;
	transition: background-color .15s, color .15s, border-color .15s;
}
.ebr a.ebr-more:hover, .ebr a.ebr-more:focus-visible { background: var(--ebr-link); border-color: var(--ebr-link); color: #fff; }
.ebr a.ebr-more svg { transition: transform .15s; }
.ebr a.ebr-more:hover svg { transform: translateX(2px); }
.ebr .ebr-updated { order: 1; text-align: left; font-size: 11.5px; color: var(--ebr-muted); }

/* ---------- Jogos da rodada ---------- */
.ebr .ebr-nav {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	padding: 10px 12px; border-top: 1px solid var(--ebr-line); border-bottom: 1px solid var(--ebr-line); background: var(--ebr-soft);
}
.ebr .ebr-nav__btn {
	display: inline-flex; align-items: center; justify-content: center; flex: none;
	width: 44px; height: 44px; padding: 0; margin: 0; border: 1px solid var(--ebr-border); border-radius: var(--ebr-radius);
	background: #fff; color: var(--ebr-ink); cursor: pointer; font: inherit; line-height: 1;
	transition: border-color .15s, color .15s;
}
.ebr .ebr-nav__btn:hover:not(:disabled) { border-color: var(--ebr-link); color: var(--ebr-link); }
.ebr .ebr-nav__btn:disabled { opacity: .35; cursor: default; }
.ebr .ebr-nav__btn:focus-visible, .ebr .ebr-nav__sel:focus-visible { outline: 3px solid var(--ebr-link); outline-offset: 2px; }
.ebr .ebr-nav__pick { flex: 1; display: flex; justify-content: center; min-width: 0; margin: 0; }
.ebr .ebr-nav__sel {
	-webkit-appearance: none; appearance: none; width: 100%; max-width: 220px; min-height: 44px; margin: 0;
	padding: 0 36px 0 14px; border: 1px solid var(--ebr-border); border-radius: var(--ebr-radius);
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;
	color: var(--ebr-ink); font-family: inherit; font-size: 16px; font-weight: 800; text-align: center; text-align-last: center; cursor: pointer;
}
.ebr .ebr-nav__sel:disabled { cursor: default; opacity: 1; color: var(--ebr-ink); }

.ebr .ebr-games { list-style: none; margin: 0; padding: 0; }
.ebr .ebr-games > li { margin: 0; padding: 0; list-style: none; }
.ebr .ebr-game { padding: 12px 14px 14px; border-bottom: 1px solid var(--ebr-line); }
.ebr .ebr-game:last-child { border-bottom: 0; }
.ebr .ebr-game__info { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px 8px; margin-bottom: 8px; font-size: 12px; color: var(--ebr-muted); font-weight: 600; }
.ebr .ebr-game__row { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 10px; }
.ebr .ebr-team { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 14.5px; font-weight: 700; color: var(--ebr-ink); }
.ebr .ebr-team--home { justify-content: flex-end; text-align: right; }
.ebr .ebr-team__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ebr .ebr-team__short { display: none; }
.ebr .ebr-score {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 70px; min-height: 36px;
	padding: 4px 12px; border-radius: var(--ebr-radius); background: #f1f4f8; color: var(--ebr-ink);
	font-size: 19px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1;
}
.ebr .ebr-score__x { font-size: 14px; font-weight: 600; color: var(--ebr-muted); }
.ebr .ebr-score--vs { background: transparent; }
.ebr .ebr-game.is-ao_vivo .ebr-score { background: #fee2e2; color: #991b1b; }
.ebr .ebr-game.is-adiado .ebr-team { opacity: .7; }
.ebr .ebr-team.is-lose { color: #64748b; font-weight: 600; }

/* Jogos na coluna lateral da página (.ebr--side): placar em duas linhas, mandante em cima e visitante embaixo,
   com os gols à direita. Mesmo HTML dos jogos centralizados (o ebr.js monta igual). */
.ebr.ebr--side .ebr-head { padding: 14px 16px 10px; }
.ebr.ebr--side .ebr-nav { gap: 8px; padding: 8px 10px; }
.ebr.ebr--side .ebr-nav__sel { font-size: 15px; }
.ebr.ebr--side .ebr-game { padding: 10px 16px 12px; }
.ebr.ebr--side .ebr-game__info { justify-content: space-between; margin-bottom: 7px; font-size: 11.5px; }
.ebr.ebr--side .ebr-game__row { position: relative; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "home hs" "away as"; gap: 6px 12px; }
.ebr.ebr--side .ebr-team { font-size: 14px; }
.ebr.ebr--side .ebr-team--home { grid-area: home; flex-direction: row-reverse; justify-content: flex-end; text-align: left; }
.ebr.ebr--side .ebr-team--away { grid-area: away; }
.ebr.ebr--side .ebr-crest { width: 20px; height: 20px; }
.ebr.ebr--side .ebr-score { display: contents; }
.ebr.ebr--side .ebr-score > b { min-width: 20px; font-size: 16px; font-weight: 800; line-height: 1; text-align: right; color: var(--ebr-ink); font-variant-numeric: tabular-nums; }
.ebr.ebr--side .ebr-score > b:first-child { grid-area: hs; }
.ebr.ebr--side .ebr-score > b:last-child { grid-area: as; }
.ebr.ebr--side .ebr-score > b.is-lose { color: #94a3b8; font-weight: 700; }
.ebr.ebr--side .ebr-game.is-ao_vivo .ebr-score > b { color: #b91c1c; }
/* O "×" some da tela (fica só o texto para leitores de tela) e não ocupa lugar na grade. */
.ebr.ebr--side .ebr-score__x { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.ebr .ebr-badge {
	display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: 999px;
	font-size: 10.5px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; line-height: 1.5;
}
.ebr .ebr-badge--agendado { background: #eef3fe; color: #1d4ed8; }
.ebr .ebr-badge--encerrado { background: #f1f5f9; color: #475569; }
.ebr .ebr-badge--adiado { background: #fef3c7; color: #92400e; }
.ebr .ebr-badge--paralisado { background: #ffedd5; color: #9a3412; }
.ebr .ebr-badge--ao_vivo { background: #fee2e2; color: #b91c1c; }
.ebr .ebr-badge--ao_vivo::before {
	content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ebr-live);
	animation: ebr-pulse 1.4s ease-in-out infinite;
}
@keyframes ebr-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }
@media (prefers-reduced-motion: reduce) { .ebr .ebr-badge--ao_vivo::before { animation: none; } }

.ebr .ebr-note { padding: 10px 16px 12px; border-top: 1px solid var(--ebr-line); font-size: 11.5px; color: var(--ebr-muted); text-align: center; }

/* ---------- Chamada na categoria Esportes ---------- */
.ebr[data-ebr="card"] { overflow: visible; border: 0; background: transparent; box-shadow: none; border-radius: 16px; margin: 0 0 26px; }
.ebr a.ebr-card {
	display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "txt btn" "top top";
	align-items: center; gap: 14px 20px; padding: 20px 22px; border-radius: 16px; text-decoration: none; color: #fff;
	background: radial-gradient(circle at 88% 12%, rgba(37, 99, 235, .55), transparent 48%), linear-gradient(120deg, var(--ebr-hero), #122652);
	transition: box-shadow .2s, transform .2s;
}
.ebr a.ebr-card:hover { box-shadow: 0 10px 28px rgba(11, 27, 63, .28); color: #fff; }
.ebr .ebr-card__txt { grid-area: txt; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ebr .ebr-card__eyebrow { color: var(--ebr-accent); font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.ebr .ebr-card__title { font-size: 21px; font-weight: 800; letter-spacing: -.4px; line-height: 1.2; color: #fff; }
.ebr .ebr-card__sub { font-size: 13px; color: rgba(255, 255, 255, .78); }
.ebr .ebr-card__top { grid-area: top; display: flex; flex-wrap: wrap; gap: 8px; }
.ebr .ebr-card__top:empty { display: none; }
.ebr .ebr-card__chip {
	display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px 5px 9px; border-radius: 999px;
	background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); font-size: 12.5px; font-weight: 700; color: #fff;
}
.ebr .ebr-card__chip b { color: var(--ebr-accent); font-weight: 800; }
.ebr .ebr-card__chip em { font-style: normal; font-weight: 600; color: rgba(255, 255, 255, .78); }
.ebr .ebr-card__chip .ebr-crest { width: 20px; height: 20px; }
.ebr .ebr-card__chip .ebr-crest--ini { background: rgba(255, 255, 255, .9); }
.ebr .ebr-card__btn {
	grid-area: btn; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px;
	border-radius: var(--ebr-radius); background: #fff; color: var(--ebr-link); font-size: 14px; font-weight: 800; white-space: nowrap;
}

/* ---------- Página Brasileirão ---------- */
.ebr-hero .wpn-hero__title .ebr-hero__serie { color: var(--wpn-accent, #8dc63f); }
.ebr-hero .wpn-hero__badges .ebr-hero__val {
	display: inline; gap: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
	font-size: inherit; color: inherit;
}
.ebr-hero.wpn-hero--contact .wpn-hero__in--single { padding-bottom: 84px; }
.ebr-page {
	position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 28px; align-items: start;
	margin-top: -56px; padding-bottom: 60px; font-family: var(--wpn-font-news, "Plus Jakarta Sans", system-ui, sans-serif);
}
.ebr-page__main { min-width: 0; }
/* Lateral: jogos da rodada, anúncio logo abaixo e últimas de Esportes (sem "grudar": é mais alta que a tela). */
.ebr-page__aside { position: static; min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.ebr-page__aside > * { margin-top: 0 !important; margin-bottom: 0 !important; }
.ebr-page__aside .wpn-ad { align-self: center; width: 100%; max-width: 360px; }
.ebr-page__aside .wpn-box { box-shadow: 0 1px 3px rgba(16, 24, 40, .06); }
/* Últimas de Esportes embaixo da tabela (cartões do portal, 3 por linha) */
.ebr-page__news { margin-top: 34px; }
.ebr-page__news .wpn-mag__head { margin-bottom: 18px; }
.ebr-page__news .wpn-mag__title { font-size: clamp(22px, 2.2vw, 28px); }
.ebr-page__extra { margin-top: 8px; }
.ebr-page__credit { margin: 26px 0 0; font-size: 11.5px; line-height: 1.4; color: #94a3b8; }

/* ---------- Tablet e celular ---------- */
@media (max-width: 1100px) {
	.ebr-page { grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; }
}
@media (max-width: 960px) {
	.ebr-page { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: -48px; padding-bottom: 44px; }
	.ebr-page__aside { position: static; }
	.ebr-hero.wpn-hero--contact .wpn-hero__in--single { padding-bottom: 72px; }
	/* Uma coluna só: tabela, jogos da rodada, anúncio e depois as notícias (sem esperar as 6 notícias para ver os jogos). */
	.ebr-page { display: flex; flex-direction: column; }
	.ebr-page__main, .ebr-page__aside { display: contents; }
	.ebr-page .ebr[data-ebr] { margin: 0; }
	.ebr-page .ebr--tabela { order: 1; }
	.ebr-page .ebr--side { order: 2; }
	.ebr-page__aside .wpn-ad { order: 3; }
	.ebr-page__news { order: 4; margin-top: 8px; }
	.ebr-page__extra { order: 5; }
	.ebr-page__credit { order: 6; margin-top: 0; }
}

@media (max-width: 640px) {
	/* Sem GM, GC e Últ. 5: a tabela cabe na tela do celular */
	.ebr .ebr-t .ebr-c-gm, .ebr .ebr-t .ebr-c-gc, .ebr .ebr-t .ebr-c-l5 { display: none; }
	.ebr .ebr-t { min-width: 0; font-size: 13.5px; }
	.ebr .ebr-t th, .ebr .ebr-t td { padding: 9px 4px; }
	.ebr { --ebr-pos-w: 34px; }
	.ebr .ebr-t .ebr-c-pos { padding-left: 8px; }
	.ebr .ebr-t .ebr-c-club { min-width: 0; max-width: 150px; overflow: hidden; }
	.ebr .ebr-head { padding: 12px 14px 10px; }
	.ebr .ebr-head__title { font-size: 17px; }
	.ebr .ebr-game { padding: 12px 10px 14px; }
	.ebr .ebr-game__row { gap: 8px; }
	.ebr .ebr-team { font-size: 14px; gap: 6px; }
	.ebr .ebr-score { min-width: 58px; padding: 4px 8px; font-size: 17px; gap: 6px; }
	.ebr a.ebr-card { grid-template-columns: minmax(0, 1fr); grid-template-areas: "txt" "top" "btn"; padding: 18px 16px; }
	.ebr .ebr-card__title { font-size: 19px; }
	.ebr .ebr-card__btn { width: 100%; }
}

/* Telas estreitas: siglas no lugar dos nomes (Flamengo → FLA). A sigla é aria-hidden, então o nome
   completo sai da tela só visualmente (mesmo recurso do .ebr-sr) e continua para leitores de tela. */
@media (max-width: 400px) {
	.ebr .ebr-t:not(.ebr-t--mini) .ebr-club__name, .ebr .ebr-team__name {
		position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
		overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
	}
	.ebr .ebr-t:not(.ebr-t--mini) .ebr-club__short, .ebr .ebr-team__short { display: inline; font-weight: 800; letter-spacing: .2px; }
	.ebr .ebr-t .ebr-c-club { max-width: none; }
	/* Placar em duas linhas: cabe o nome inteiro mesmo no celular. */
	.ebr.ebr--side .ebr-team__name {
		position: static !important; width: auto; height: auto; margin: 0; overflow: hidden; clip: auto; white-space: nowrap; text-overflow: ellipsis;
	}
	.ebr.ebr--side .ebr-team__short { display: none !important; }
}