@font-face {
	font-family: "Archivo";
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 62% 125%;
	font-display: swap;
	src: url(/fontes/Archivo-100-900-normal.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--papel: #f2f4f7;
	--branco: #ffffff;
	--tinta: #17202b;
	--suave: #5e6878;
	--regua: #d4dae3;
	--f: #2d6cdf;
	--l: #e0592a;
}

* { box-sizing: border-box; }

html {
	overflow-x: clip;
	scrollbar-gutter: stable;
	background: var(--papel);
}

body {
	margin: 0;
	overflow-x: clip;
	background: var(--papel);
	color: var(--tinta);
	font: 400 15px/1.5 "Archivo", system-ui, sans-serif;
	font-variant-numeric: tabular-nums;
}

.a {
	max-width: 1240px;
	margin: 0 auto;
	padding: 28px 24px 80px;
}

.a-topo {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px 40px;
	align-items: end;
	min-width: 0;
}

.a-marca {
	grid-column: 1 / -1;
	margin: 0;
	color: var(--suave);
	font-size: 14px;
}

.a-veredito { min-width: 0; }

.a-veredito h1 {
	margin: 0;
	font: 700 clamp(32px, 5vw, 64px)/1 "Archivo", sans-serif;
	font-stretch: 112%;
	letter-spacing: -0.02em;
}

.a-veredito h1 > span { white-space: nowrap; }

.a-veredito p {
	max-width: 56ch;
	margin: 10px 0 0;
	color: var(--suave);
}

.a-f { color: var(--f); }
.a-l { color: var(--l); }

.a-x {
	color: var(--suave);
	font-weight: 400;
	font-size: 0.5em;
	vertical-align: 0.3em;
}

.a-conta {
	display: flex;
	align-items: center;
	gap: 12px;
}

.a-conta b,
.a-veredito b {
	display: inline-block;
}

.a-conta b {
	font: 800 clamp(56px, 8vw, 104px)/0.85 "Archivo", sans-serif;
	font-stretch: 125%;
}

.a-conta > span {
	color: var(--suave);
	font-size: 14px;
	line-height: 1.35;
}

.a-relogio {
	display: inline-flex;
	color: var(--tinta);
	font-size: 20px;
	font-weight: 700;
	font-stretch: 112%;
}

.a-relogio .odo {
	display: inline-block;
	height: 1em;
	overflow: hidden;
	line-height: 1em;
}

.a-relogio .odo > span {
	display: block;
	line-height: 1em;
	transition: transform 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.a-relogio .odo-sep { line-height: 1em; }

.a-rosto,
.a-ponta {
	object-fit: cover;
	object-position: 50% 22%;
	border-radius: 50%;
	background: var(--regua);
}

.a-rosto {
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	margin-right: 0.18em;
	vertical-align: -0.08em;
	box-shadow: 0 0 0 0.05em var(--papel), 0 0 0 0.1em currentColor;
}

.a-cabo-linha {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) 44px;
	gap: 10px;
	align-items: center;
	margin-top: 14px;
	min-width: 0;
}

.a-cabo {
	position: relative;
	display: flex;
	height: 14px;
	overflow: hidden;
	border-radius: 3px;
	background: var(--l);
}

.a-cabo-f { background: var(--f); }

.a-cabo-margem {
	position: absolute;
	top: 0;
	bottom: 0;
	background: rgb(255 255 255 / 40%);
}

.a-cabo-50 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 2px;
	margin-left: -1px;
	background: var(--tinta);
}

.a-cabo-leg {
	grid-column: 1 / -1;
	max-width: 80ch;
	margin: 8px 0 0;
	color: var(--suave);
	font-size: 13px;
}

.a-ponta { width: 44px; height: 44px; }
.a-ponta:first-child { box-shadow: 0 0 0 3px var(--f); }
.a-ponta:last-child { box-shadow: 0 0 0 3px var(--l); }

.a-proxima {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 6px 0 0;
	font-size: 15px;
}

.a-ponto {
	flex: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--tinta);
	animation: a-pulso 1.6s ease-out infinite;
}

@keyframes a-pulso {
	from { box-shadow: 0 0 0 0 rgb(23 32 43 / 45%); }
	to { box-shadow: 0 0 0 10px rgb(23 32 43 / 0); }
}

.a-cal {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 6px;
	margin-top: 28px;
	min-width: 0;
}

.a-sem-tit {
	padding: 0 8px 2px;
	color: var(--suave);
	font-size: 13px;
}

.a-dia {
	position: relative;
	display: grid;
	align-content: start;
	gap: 6px;
	min-width: 0;
	min-height: 128px;
	padding: 8px;
	border-radius: 6px;
	background: var(--branco);
}

.a-dia.passado { background: color-mix(in srgb, var(--branco) 70%, var(--papel)); }
.a-dia.hoje { overflow: hidden; box-shadow: inset 0 0 0 2px var(--tinta); }
.a-dia.futuro { background: transparent; box-shadow: inset 0 0 0 1px var(--regua); }
.a-dia.eleicao { background: var(--tinta); color: var(--branco); }

.a-n { font: 700 20px/1 "Archivo", sans-serif; font-stretch: 112%; }
.a-n small { display: none; }

.a-hoje {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
}

.a-prog {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	background: var(--tinta);
	transition: width 1s linear;
}

.a-votacao { font-size: 14px; line-height: 1.35; }

.a-pesq {
	all: unset;
	box-sizing: border-box;
	display: grid;
	gap: 3px;
	min-width: 0;
	max-width: 100%;
	padding: 6px;
	margin: 0 -6px;
	border-radius: 4px;
	cursor: pointer;
	color: inherit;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	overflow-wrap: anywhere;
	transition: background 0.2s;
}

.a-pesq small { color: var(--suave); font-size: 12px; font-weight: 400; }
.a-pesq:hover, .a-pesq.sel { background: var(--papel); }
.a-pesq.sel { box-shadow: inset 2px 0 0 var(--tinta); }
.a-pesq:focus-visible { outline: 2px solid var(--f); }

.a-mini, .a-barra { display: flex; gap: 2px; height: 6px; }
.a-mini i:first-child, .a-barra i:first-child { background: var(--f); }
.a-mini i:last-child, .a-barra i:last-child { background: var(--l); }
.a-barra { height: 10px; }
.a-barra i { transition: width 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }

.a-sem { color: var(--suave); font-size: 12px; line-height: 1.3; overflow-wrap: anywhere; }
.a-sem small { display: block; }

.a-vem {
	justify-self: start;
	max-width: 100%;
	padding: 3px 8px;
	border-radius: 4px;
	color: var(--suave);
	font-size: 12px;
	overflow-wrap: anywhere;
	background:
		linear-gradient(90deg, var(--suave) 50%, transparent 0) 0 0 / 8px 1px repeat-x,
		linear-gradient(90deg, var(--suave) 50%, transparent 0) 0 100% / 8px 1px repeat-x,
		linear-gradient(0deg, var(--suave) 50%, transparent 0) 0 0 / 1px 8px repeat-y,
		linear-gradient(0deg, var(--suave) 50%, transparent 0) 100% 0 / 1px 8px repeat-y;
	animation: a-formigas 0.9s linear infinite;
}

@keyframes a-formigas {
	to { background-position: 8px 0, -8px 100%, 0 -8px, 100% 8px; }
}

.a-leg {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
	margin: 12px 0 32px;
	color: var(--suave);
	font-size: 13px;
}

.a-leg span::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 10px;
	margin-right: 6px;
	vertical-align: -1px;
	border-radius: 2px;
}

.a-leg-pub::before { background: linear-gradient(90deg, var(--f) 52%, var(--l) 52%); }
.a-leg-vem::before { border: 1px dashed var(--suave); }
.a-leg-sem::before { background: var(--regua); }

.a-rever {
	all: unset;
	margin-left: auto;
	color: var(--tinta);
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.a-rever:focus-visible { outline: 2px solid var(--f); outline-offset: 2px; }

.a-det {
	display: grid;
	gap: 10px;
	max-width: 760px;
	min-width: 0;
	padding: 24px 0 32px;
	border-top: 2px solid var(--tinta);
}

.a-det-num {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font: 600 18px/1 "Archivo", sans-serif;
}

.a-det-num b { font-size: 44px; font-stretch: 112%; }
.a-det-tit { margin: 4px 0 0; }
.a-ficha { margin: 0; color: var(--suave); font-size: 13px; }
.a-ficha a { color: var(--tinta); }

.a-mini-rosto {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin: 0 8px;
	vertical-align: -6px;
	object-fit: cover;
	object-position: 50% 22%;
	border-radius: 50%;
	background: var(--regua);
}

.a-det-num .a-f .a-mini-rosto { margin-left: 0; box-shadow: 0 0 0 2px var(--f); }
.a-det-num .a-l .a-mini-rosto { margin-right: 0; box-shadow: 0 0 0 2px var(--l); }

.a-dia.eleicao .a-pesq,
.a-dia.eleicao .a-pesq small,
.a-dia.eleicao .a-sem,
.a-dia.eleicao .a-vem { color: inherit; }
.a-dia.eleicao .a-pesq:hover,
.a-dia.eleicao .a-pesq.sel { background: rgb(255 255 255 / 12%); }
.a-dia.eleicao .a-pesq.sel { box-shadow: inset 2px 0 0 var(--branco); }
.a-dia.eleicao .a-vem {
	background:
		linear-gradient(90deg, currentColor 50%, transparent 0) 0 0 / 8px 1px repeat-x,
		linear-gradient(90deg, currentColor 50%, transparent 0) 0 100% / 8px 1px repeat-x,
		linear-gradient(0deg, currentColor 50%, transparent 0) 0 0 / 1px 8px repeat-y,
		linear-gradient(0deg, currentColor 50%, transparent 0) 100% 0 / 1px 8px repeat-y;
}

@media (max-width: 760px) {
	.a { padding: 20px 16px 64px; }
	.a-topo { grid-template-columns: minmax(0, 1fr); }
	.a-cabo-linha { grid-template-columns: 34px minmax(0, 1fr) 34px; gap: 8px; }
	.a-ponta { width: 34px; height: 34px; }
	.a-relogio { font-size: 17px; }
	.a-cal { grid-template-columns: minmax(0, 1fr); gap: 4px; }
	.a-sem-tit, .a-dia.vazio { display: none; }
	.a-dia { grid-template-columns: 64px minmax(0, 1fr); min-height: 0; column-gap: 12px; }
	.a-dia > :not(.a-n):not(.a-hoje) { grid-column: 2; }
	.a-n { grid-row: 1 / span 9; }
	.a-n small { display: block; margin-top: 4px; color: var(--suave); font-size: 12px; font-weight: 400; font-stretch: 100%; }
	.a-dia.eleicao .a-n small { color: inherit; }
	.a-det-num b { font-size: 34px; }
	.a-mini-rosto { width: 26px; height: 26px; }
}


.a-tend,
.a-calc,
.a-rodape {
	min-width: 0;
	max-width: 100%;
}

.a-tend,
.a-calc {
	display: grid;
	gap: 10px;
	padding-top: 24px;
	border-top: 1px solid var(--regua);
}

.a-tend h2,
.a-calc h2 {
	margin: 0;
	font: 700 22px/1.2 "Archivo", sans-serif;
	font-stretch: 112%;
}

.a-tend > p,
.a-calc > p,
.a-rodape p {
	margin: 0;
	color: var(--suave);
}

.a-calc { margin-top: 28px; }
.a-calc > p { max-width: 62ch; }

.a-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	min-width: 0;
}

.a-chips button {
	all: unset;
	box-sizing: border-box;
	padding: 4px 12px;
	border-radius: 999px;
	background: var(--tinta);
	color: var(--branco);
	font-family: inherit;
	font-size: 13px;
	cursor: pointer;
}

.a-chips button[aria-pressed="false"] {
	background: transparent;
	color: var(--suave);
	box-shadow: inset 0 0 0 1px var(--regua);
}

.a-chips button:focus-visible {
	outline: 2px solid var(--f);
	outline-offset: 2px;
}

.a-graf {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	column-gap: 8px;
	min-width: 0;
	max-width: 100%;
}

.a-plot {
	position: relative;
	height: 220px;
	min-width: 0;
}

.a-plot svg {
	display: block;
	width: 100%;
	height: 100%;
}

.t-zero,
.t-hoje-linha { stroke: var(--regua); }
.t-zero { stroke-width: 1.5px; }
.t-hoje-linha { stroke-width: 1px; }
.t-inst { stroke: var(--suave); }
.t-media { stroke: var(--tinta); }

.t-pt,
.t-inst {
	transition: opacity 350ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.t-pt.off,
.t-inst.off {
	opacity: 0;
	pointer-events: none;
}

.t-pt {
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.t-pt.lado-f { background: var(--f); }
.t-pt.lado-l { background: var(--l); }

.t-hoje {
	position: absolute;
	top: 0;
	font-size: 12px;
	font-weight: 600;
	transform: translateX(-50%);
}

.t-rot {
	position: absolute;
	color: var(--tinta);
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	pointer-events: none;
}

.a-eixo-y {
	position: relative;
	height: 220px;
	color: var(--suave);
	font-size: 12px;
}

.a-eixo-medida {
	visibility: hidden;
	white-space: nowrap;
}

.a-eixo-y span:not(.a-eixo-medida) {
	position: absolute;
	left: 0;
	white-space: nowrap;
	transform: translateY(-50%);
}

.a-eixo-x {
	position: relative;
	grid-column: 1;
	height: 22px;
	min-width: 0;
	color: var(--suave);
	font-size: 12px;
}

.a-eixo-x span {
	position: absolute;
	top: 4px;
	transform: translateX(-50%);
}

.a-rodape {
	margin-top: 28px;
	font-size: 13px;
}

.a-rodape a { color: var(--tinta); }

.a-graf-vazio { margin: 0; color: var(--suave); }

.a-fantasma {
	position: fixed;
	z-index: 50;
	margin: 0;
	transform-origin: top left;
	pointer-events: none;
}

.a-intro {
	position: fixed;
	inset: 0;
	z-index: 80;
	display: grid;
	place-items: center;
	overflow: hidden;
	background: rgb(242 244 247);
}

.a-i-faixa {
	position: absolute;
	inset: 0;
	display: flex;
	transform-origin: top left;
}

.a-i-f,
.a-i-l {
	position: relative;
	display: grid;
	align-content: center;
	gap: 18px;
	padding: 0 5vw;
	overflow: hidden;
	color: #fff;
	font-style: normal;
}

.a-i-f { background: var(--f); transform-origin: left; }
.a-i-l {
	flex: 1;
	justify-items: end;
	text-align: right;
	background: var(--l);
	transform-origin: right;
}

.a-i-f span,
.a-i-l span {
	position: relative;
	z-index: 1;
	display: grid;
	font: 600 clamp(20px, 3vw, 36px)/1.1 "Archivo", sans-serif;
}

.a-i-f b,
.a-i-l b {
	font: 800 clamp(64px, 15vw, 230px)/0.9 "Archivo", sans-serif;
	font-stretch: 112%;
	letter-spacing: -0.03em;
}

.a-i-faixa em {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	z-index: 1;
	width: 3px;
	margin-left: -1.5px;
	background: #fff;
	transform-origin: top;
}

.a-i-txt {
	position: relative;
	z-index: 1;
	display: grid;
	justify-items: center;
	gap: 12px;
	padding: 0 16px;
	text-align: center;
}

.a-i-data {
	overflow: hidden;
	font: 800 clamp(44px, 10vw, 150px)/1.02 "Archivo", sans-serif;
	font-stretch: 118%;
	letter-spacing: -0.03em;
}

.a-i-data span { display: inline-block; }

.a-i-sub {
	color: var(--suave);
	font-size: clamp(16px, 2vw, 22px);
}

.a-i-faltam { font-size: clamp(18px, 2.4vw, 28px); }

.a-i-faltam b {
	display: inline-block;
	min-width: 1.3em;
	font-weight: 800;
}

.a-i-rosto {
	position: relative;
	z-index: 1;
	width: clamp(110px, 16vw, 200px);
	height: clamp(110px, 16vw, 200px);
	object-fit: cover;
	object-position: 50% 22%;
	border-radius: 50%;
	background: var(--regua);
	box-shadow: 0 0 0 5px #fff;
}

.a-i-multidao {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
	mix-blend-mode: multiply;
	opacity: 0.62;
	pointer-events: none;
}

.a-i-ia {
	position: absolute;
	z-index: 2;
	top: 16px;
	left: 50%;
	color: #fff;
	font: 500 12px/1 "Archivo", sans-serif;
	white-space: nowrap;
	transform: translateX(-50%);
}

@media (prefers-reduced-motion: reduce) {
	.a-ponto, .a-vem, .a-faixa-ponto { animation: none; }
	.a-relogio .odo > span, .a-prog, .a-barra i, .a-pesq, .t-pt, .t-inst { transition: none; }
}

.a-faixa {
	position: sticky;
	top: 0;
	z-index: 40;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 16px;
	align-items: center;
	height: 44px;
	margin: 0 0 18px;
	padding: 0 24px;
	border-bottom: 1px solid var(--regua);
	background: rgb(242 244 247 / 86%);
	color: var(--suave);
	font-size: 14px;
	backdrop-filter: blur(10px);
}

.a-faixa-esq { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }

.a-faixa-ponto {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--suave);
}

.a-faixa[data-fase="ao_vivo"] .a-faixa-ponto {
	background: #1f9d55;
	animation: a-pulso-faixa 2s ease-out infinite;
}

@keyframes a-pulso-faixa {
	from { box-shadow: 0 0 0 0 rgb(31 157 85 / 50%); }
	to { box-shadow: 0 0 0 6px rgb(31 157 85 / 0%); }
}

.a-faixa strong { color: var(--tinta); font-weight: 700; }

.a-faixa-meio { min-width: 0; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

.a-faixa-dir { white-space: nowrap; }

.a-faixa[data-fase="encerrada"] {
	background: rgb(23 32 43 / 94%);
	color: #fff;
	border-color: transparent;
}

.a-faixa[data-fase="encerrada"] strong,
.a-faixa[data-fase="encerrada"] .a-faixa-dir { color: #fff; }

.a-faixa[data-fase="encerrada"] .a-faixa-ponto { background: #fff; }

.a-faixa[data-fase="encerrada"] .a-faixa-meio { color: rgb(255 255 255 / 70%); }

.a-eleito {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 8px;
	border-radius: 999px;
	background: var(--tinta);
	color: var(--branco);
	font: 700 14px/1.2 "Archivo", sans-serif;
	letter-spacing: 0.02em;
	vertical-align: middle;
	white-space: nowrap;
}

.a-veredito h1 > span:has(.a-eleito) { white-space: normal; }

.a-est li[data-linha="media"] {
	box-shadow: inset 0 0 0 1px var(--tinta);
}

.a-cabo-trilha {
	position: relative;
	min-width: 0;
}

.a-cabo-vazio { background: var(--regua); }

.a-cabo-media {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0;
	border-left: 2px solid var(--tinta);
	pointer-events: none;
}

.a-noite-grade {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 0 48px;
	align-items: start;
}

.a-noite-esq,
.a-noite-dir {
	display: grid;
	align-content: start;
	min-width: 0;
}

.a-noite-dir > :first-child { border-top: 2px solid var(--tinta); }

@media (max-width: 1100px) {
	.a-noite-grade { grid-template-columns: minmax(0, 1fr); }
}

.a-noite,
.a-momentos,
.a-est,
.a-geo {
	display: grid;
	gap: 10px;
	min-width: 0;
	max-width: 100%;
	margin-top: 28px;
	padding-top: 24px;
	border-top: 1px solid var(--regua);
}

.a-noite h2,
.a-momentos h2,
.a-est h2,
.a-geo h2 {
	margin: 0;
	font: 700 22px/1.2 "Archivo", sans-serif;
	font-stretch: 112%;
}

.a-noite > p,
.a-momentos li,
.a-est > p,
.a-geo > p,
.a-geo li {
	margin: 0;
	color: var(--suave);
}

.a-momentos ol,
.a-est ul {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.a-est ul {
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.a-est li {
	padding: 12px 14px;
	border-radius: 8px;
	background: var(--branco);
}

.a-est b { display: block; color: var(--tinta); }

.t-noite { stroke: var(--tinta); }
.t-apurar { fill: rgb(23 32 43 / 8%); }

.t-virada {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0;
	border-left: 1px dashed var(--tinta);
}

.a-cal.encolhido { margin-top: 8px; }

.a-anteriores {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	min-width: 0;
	margin-top: 12px;
}

.a-anteriores p {
	flex: 1 0 100%;
	margin: 0;
	color: var(--suave);
	font-size: 13px;
}

.a-geo h3 {
	margin: 8px 0 0;
	color: var(--tinta);
	font: 600 16px/1.3 "Archivo", sans-serif;
}

.a-geo b { color: var(--tinta); }

.a-mapa {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 4px;
	min-width: 0;
	max-width: 100%;
}

.a-uf {
	display: grid;
	place-content: center;
	aspect-ratio: 1;
	min-width: 0;
	overflow: hidden;
	border-radius: 6px;
	background: color-mix(in srgb, var(--c, var(--regua)) var(--a, 10%), var(--branco));
	color: var(--tinta);
	text-align: center;
	font-size: 11px;
	line-height: 1.1;
}

.a-uf b { display: block; font-size: 13px; }

.a-uf small,
.a-uf i { display: block; }

.a-uf i,
.a-colegios i { color: var(--tinta); font-style: normal; font-weight: 700; }

.a-uf-f { --c: var(--f); }
.a-uf-l { --c: var(--l); }
.a-uf-1t { color: var(--suave); box-shadow: inset 0 0 0 1px var(--regua); }
.a-uf[data-virou="1"] { box-shadow: inset 0 0 0 2px var(--tinta); }

.a-analise {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 8px;
	padding-top: 14px;
	border-top: 1px solid var(--regua);
}

.a-analise dt {
	color: var(--suave);
	font-size: 12px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.a-analise dd {
	margin: 0;
	color: var(--tinta);
	font: 700 22px/1.2 "Archivo", sans-serif;
	font-stretch: 112%;
}

.a-analise dd + dd {
	color: var(--suave);
	font: 400 13px/1.3 "Archivo", sans-serif;
	font-stretch: 100%;
}

.a-regioes,
.a-colegios,
.a-comp,
.a-lados {
	display: grid;
	gap: 8px;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.a-regioes li,
.a-colegios li,
.a-comp li,
.a-lados li {
	min-width: 0;
	max-width: 100%;
	padding: 12px 14px;
	border-radius: 8px;
	background: var(--branco);
	overflow-wrap: anywhere;
}

.a-barra {
	display: flex;
	min-width: 0;
	max-width: 100%;
	height: 12px;
	overflow: hidden;
	border-radius: 999px;
	background: var(--branco);
}

.a-barra i { display: block; height: 100%; min-width: 0; }

.a-legenda {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 12px;
	min-width: 0;
}

.a-selo {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 6px;
	border-radius: 4px;
	background: var(--tinta);
	color: var(--branco);
	font: 700 11px/1.2 "Archivo", sans-serif;
	letter-spacing: 0.04em;
	vertical-align: middle;
}

@media (max-width: 760px) {
	.a-faixa { grid-template-columns: auto minmax(0, 1fr); height: auto; min-height: 44px; padding: 8px 16px; font-size: 13px; }
	.a-faixa:not([data-fase="encerrada"]) .a-faixa-dir { display: none; }
	.a-faixa[data-fase="encerrada"] .a-faixa-dir { grid-column: 1 / -1; white-space: normal; }
	.a-est ul,
	.a-analise { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 420px) {
	.a-uf { padding: 3px 1px; font-size: 9px; }
	.a-uf b { font-size: 11px; }
	.a-regioes li,
	.a-colegios li,
	.a-comp li,
	.a-lados li { padding: 10px 12px; }
}