/* ---------- HALL DA SEMANA: Top Resta 1 + MU UFC (inc/hall_semana.php) ----------
 * .mi-hall-esq     = ao lado esquerdo do site (so' em tela larga, >= 1760 px)
 * .mi-hall-lateral = coluna da direita (tela menor)
 */
.mi-hall { font-family: var(--mi-corpo); color: var(--mi-texto); text-align: left; }
.mi-hall-esq { display: none; }

@media (min-width: 1760px) {
	/* absoluto dentro do .mi-wrap: encosta do lado de fora, na altura do comeco do conteudo */
	.mi-hall-esq { display: block; position: absolute; right: 100%; width: 250px; margin-right: 18px; z-index: 5; }
	.mi-hall-lateral { display: none; }
}

.mi-hall-bloco {
	position: relative; margin: 26px 0 18px; padding: 0 9px 9px;
	background: linear-gradient(180deg, #3b1273 0%, #1a0638 100%);
	border: 2px solid #b37b15; border-radius: 10px;
	box-shadow: 0 0 0 2px #2a0b52, 0 0 16px rgba(155, 77, 255, .55), inset 0 0 10px rgba(255, 216, 44, .18);
}
.mi-hall-esq .mi-hall-bloco:first-child { margin-top: 20px; }
.mi-hall-placa {
	margin: -19px 4px 6px; padding: 8px 6px 6px;
	text-align: center;
	font-family: var(--mi-titulo); font-weight: 900; font-size: 18px; line-height: 1.1;
	letter-spacing: 1.5px; text-transform: uppercase;
	color: #ffe9a8;
	background: linear-gradient(180deg, #6a28d6 0%, #3a1080 55%, #1c0640 100%);
	border: 2px solid #ffd82c; border-radius: 22px;
	text-shadow: 0 1px 0 #b37b15, 0 2px 0 #6b4308, 0 3px 4px #000, 0 0 12px rgba(255, 216, 44, .5);
	box-shadow: 0 0 0 2px #2a0b52, 0 0 14px rgba(155, 77, 255, .8), inset 0 0 10px rgba(255, 216, 44, .3);
}
.mi-hall-placa span { color: #ffd82c; }
.mi-hall-sub {
	margin: 0 0 8px; text-align: center;
	font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
	color: var(--mi-lilas);
}
.mi-hall a { color: #fff !important; text-decoration: none !important; }
.mi-hall a:hover { color: #ffd82c !important; }
.mi-hall-nome { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.mi-hall-img { display: block; object-fit: cover; background: #000; }

/* Top Resta 1: lider em destaque + 2o a 5o */
.mi-hall-lider {
	display: flex; align-items: center; gap: 10px;
	padding: 8px; margin: 0 0 6px;
	background: linear-gradient(90deg, rgba(255, 216, 44, .18), rgba(255, 216, 44, .02));
	border: 1px solid rgba(255, 216, 44, .45); border-radius: 8px;
}
.mi-hall-foto { flex-shrink: 0; }
.mi-hall-foto .mi-hall-img {
	width: 64px; height: 64px; border: 2px solid #ffd82c; border-radius: 6px;
	box-shadow: 0 0 12px rgba(255, 200, 40, .7);
}
.mi-hall-lider-info { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.mi-hall-pos1 { font-size: 10.5px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #ffd82c; }
.mi-hall-lider-info .mi-hall-nome { font-size: 16px; }
.mi-hall-lider-info small { font-size: 12.5px; font-weight: 700; color: var(--mi-rosa); }
.mi-hall-lista { margin: 0; padding: 0; list-style: none; }
.mi-hall-lista li {
	display: flex; align-items: center; gap: 8px;
	padding: 5px 6px; font-size: 13px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}
.mi-hall-lista .mi-hall-n { flex-shrink: 0; width: 24px; font-weight: 700; color: #ffd82c; }
.mi-hall-lista .mi-hall-nome { flex: 1; }
.mi-hall-lista b { flex-shrink: 0; color: var(--mi-rosa); }

/* MU UFC: 1 linha por classe */
.mi-hall-classes { margin: 0; padding: 0; list-style: none; }
.mi-hall-classes li {
	display: flex; align-items: center; gap: 7px;
	padding: 5px 4px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}
.mi-hall-classes li:first-child { border-top: 0; }
.mi-hall-sigla {
	--cls: #c77dff;
	flex-shrink: 0; width: 38px; padding: 3px 0;
	text-align: center; font-size: 11.5px; font-weight: 700; letter-spacing: .5px;
	color: #fff; text-shadow: 0 1px 2px #000;
	background: #2a0b52;
	background: color-mix(in srgb, var(--cls) 35%, #14042b);
	border: 1px solid var(--cls); border-radius: 4px;
}
.mi-hall-cls-sm .mi-hall-sigla { --cls: #4aa8ff; }
.mi-hall-cls-bk .mi-hall-sigla { --cls: #ff5a4f; }
.mi-hall-cls-elf .mi-hall-sigla { --cls: #5fe08a; }
.mi-hall-cls-mg .mi-hall-sigla { --cls: #c77dff; }
.mi-hall-cls-dl .mi-hall-sigla { --cls: #ffc74a; }
.mi-hall-cls-sum .mi-hall-sigla { --cls: #ff7ad9; }
.mi-hall-cls-rf .mi-hall-sigla { --cls: #ff9b3d; }
.mi-hall-mini { flex-shrink: 0; }
.mi-hall-mini .mi-hall-img { width: 34px; height: 34px; border: 1px solid #b37b15; border-radius: 4px; }
.mi-hall-quem { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; font-size: 13.5px; }
.mi-hall-quem small { font-size: 11px; color: var(--mi-texto-2); }
.mi-hall-quem em { font-style: normal; font-weight: 700; color: #ffd82c; }
.mi-hall-ninguem { font-size: 12px; font-style: italic; color: var(--mi-texto-2); }

.mi-hall-ant {
	margin: 6px 0 0; padding: 6px 8px;
	font-size: 11.5px; line-height: 1.35; color: var(--mi-lilas);
	background: rgba(12, 3, 26, .55); border: 1px dashed rgba(255, 216, 44, .35); border-radius: 6px;
}
.mi-hall-ant b { color: #fff; }
.mi-hall-ant small { display: block; font-size: 11px; color: var(--mi-texto-2); }
.mi-hall-vazio { padding: 10px 4px; text-align: center; font-size: 12.5px; color: var(--mi-texto-2); }
.mi-hall-mais { display: block; margin-top: 6px; text-align: right; font-size: 12px; font-weight: 700; }
.mi-hall .mi-hall-mais { color: #ffd82c !important; }
.mi-hall .mi-hall-mais:hover { color: #fff !important; }

/* coluna da direita (222 px): um pouco mais compacto */
.mi-hall-lateral .mi-hall-bloco:first-child { margin-top: 30px; }
.mi-hall-lateral .mi-hall-placa { font-size: 14.5px; letter-spacing: 1px; white-space: nowrap; }
.mi-hall-lateral .mi-hall-foto .mi-hall-img { width: 54px; height: 54px; }
.mi-hall-lateral .mi-hall-sigla { width: 34px; font-size: 11px; }
.mi-hall-lateral .mi-hall-mini .mi-hall-img { width: 30px; height: 30px; }
@media (max-width: 991px) {
	.mi-hall-lateral { max-width: 420px; margin: 0 auto; }
}