.comparativo-container .comparativo-stats { margin-top: 3em; margin-bottom: 3em; }
.comparativo-container .select-row { display: flex; justify-content: center; align-items: center; gap: 10px; }
.comparativo-container .select-row .select { width: 300px; }
.comparativo-container .select-row .select_1 { text-align: right;}
.comparativo-container .select-row .select_1 .clube { justify-content: end; }
.comparativo-container .select-row .select_1 .clube-escudo { order: 3; }
.comparativo-container .total { text-align: center; }
.comparativo-container .table { border: 1px solid lightgray; }
.comparativo-container .table .row:not(:first-child) { border-top: 1px solid lightgray; }
.comparativo-container .table .row .titulo.even { background: #fff; }
.comparativo-container .table .row .titulo.odd { background: #eee; }
.comparativo-container .table .row .right,
.comparativo-container .table .row .left { width: 4em; flex-basis: auto; flex-grow: 0; flex-shrink: 0; text-align: center; background: #ccc; border-bottom: 1px solid #eee; font-weight: bold}
.comparativo-container .table .row .titulo { flex-basis: 100%; flex-shrink: 10; flex-grow: 10; text-align: center; }
.comparativo-container .comparativo-title { text-align: center; padding: 1em; }
.comparativo-container .nao-aconteceu { text-align: center; padding: 1em; color: gray; }

.comparativo-container .select-row .select_1, .comparativo-container .select-row .select_2 {
	padding-bottom: 10px; 
}
.select>div {
	text-align: center;
}
.select .div-select-search {
	display: flex;
    width: 280px;
	text-align: center;
}
.select-line {
	padding: 0.2em;
	text-align: center;
}
.select-line:hover {
	background: #7eb46680;
	color: white;
}

.select-line.selected {
	background: #7eb466;
	color: white;
}
.select-line.inactive {
	color: #ddd;
}

.mobile-clubes-comparativo {
	display: none;
}

/* ClubeSelect */
.popup-wrapper { position: relative; z-index: 3; }
.popup { position: absolute; top: 0; left: 0; z-index: 3; background: white; border: 1px solid #7eb466; overflow-y: auto; max-height: 300px; min-width: 100%; }
.popup .clube { gap: 0; }
.popup .clube:hover { background-color: #7eb466; cursor: pointer; }
.popup .clube img { height: 32px; padding: 2px; }
.popup .clube > * { margin-left: 0 0.5em; }
.popup .clube > .clube-nome-short { display: none; }
.select { cursor: pointer; border: 1px solid lightgray; border-radius: 10px; padding: 5px 10px; min-height: 44px; display: flex; align-items: center; }
.select>div>svg { color: #9a1032; }
.popup input { width: calc(100% - 20px); border: 1px solid lightgray; border-radius: 10px; padding: 10px; margin: 10px; }
.select .clube img { height: 32px; }
.select .clube > .clube-nome-short { display: none; }
.select .clube > .clube-suffix:empty { display: none; }
.blackout { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 3; background: #0004; }

.comparativo-container { position: relative; min-height: 400px; }
.comparativo-container .loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0003; min-height: 200px; }

.comparativo .lance {
	border: 1px solid gray;
	border-radius: 10px;
	margin: 0.5em;
}
.comparativo-container .clube.escudo { flex-direction: column; }
.comparativo-container .clube.escudo > .clube-escudo { max-width: 120px; width: 90%; }
.comparativo-container .clube.escudo > .clube-nome,
.comparativo-container .clube.escudo > .clube-nome-suffix,
.comparativo-container .clube.escudo > .clube-nome-short { display: none; }

@media (max-width: 600px) {
	.select .clube > .clube-nome-short { display: block; }
	.select .clube > .clube-nome { display: none; }
	.comparativo-container .select-row { flex-direction: column; }
	.comparativo-container .select-row .select_1 .clube {
		justify-content: center;
	}
	.comparativo-container .select-row .select_2 .clube {
		justify-content: center;
	}
	.mobile-clubes-comparativo {
		display: flex;
	}
	.comparativo-stats .e25 {
		display: none;
	}
	.comparativo-stats .e50 {
		padding: 15px;
	}
}

.comparativo-ano-resultado {
	font-weight: bold;
    font-size: 32px;
    text-align: center;
    padding-top: 18px;
}