/* Tabela Copa do Mundo 2026 */

.tcopa-box {
	width: 100%;
	margin: 20px 0;
	padding: 20px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	box-sizing: border-box;
}

.tcopa-box h3 {
	margin: 0 0 15px;
	font-size: 22px;
	font-weight: 700;
}

.tcopa-jogos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 15px;
}

.tcopa-jogo {
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #f9f9f9;
}

.tcopa-jogo-grupo {
	font-size: 13px;
	font-weight: 700;
	color: #666;
	margin-bottom: 8px;
	text-transform: uppercase;
	text-align: center;
}

.tcopa-jogo-times {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 10px;
	align-items: center;
	text-align: center;
	font-size: 15px;
}

.tcopa-jogo-times strong {
	font-size: 18px;
	background: #111;
	color: #fff;
	padding: 5px 10px;
	border-radius: 6px;
	white-space: nowrap;
}

.tcopa-jogo-data,
.tcopa-jogo-local {
	margin-top: 8px;
	font-size: 13px;
	color: #555;
	text-align: center;
}

.tcopa-table-scroll {
	width: 100%;
	overflow-x: auto;
}

.tcopa-tabela {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	min-width: 680px;
}

.tcopa-tabela th,
.tcopa-tabela td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

.tcopa-tabela th {
	background: #111;
	color: #fff;
	font-weight: 700;
}

.tcopa-tabela td:nth-child(2),
.tcopa-tabela th:nth-child(2) {
	text-align: left;
}

.tcopa-tabela tbody tr:nth-child(even) {
	background: #f7f7f7;
}

.tcopa-time {
	display: flex;
	align-items: center;
	gap: 8px;
}

.tcopa-time img {
	width: 24px;
	height: auto;
	display: inline-block;
}

@media (max-width: 600px) {
	.tcopa-box {
		padding: 12px;
	}

	.tcopa-jogo-times {
		font-size: 13px;
	}

	.tcopa-jogo-times strong {
		font-size: 15px;
	}

	.tcopa-tabela {
		font-size: 12px;
	}

	.tcopa-tabela th,
	.tcopa-tabela td {
		padding: 7px;
	}
}


/* Chaveamento Mata-mata */
.tcopa-bracket{display:flex;gap:18px;overflow-x:auto;padding-bottom:10px}.tcopa-bracket-fase{min-width:240px;flex:0 0 240px}.tcopa-bracket-fase h4{margin:0 0 12px;padding:10px;background:#111;color:#fff;border-radius:8px;text-align:center;font-size:14px}.tcopa-bracket-card{margin-bottom:14px;padding:12px;background:#f7f7f7;border:1px solid #ddd;border-radius:10px}.tcopa-bracket-time{padding:8px 10px;background:#fff;border-radius:7px;font-weight:600;border:1px solid #e5e5e5}.tcopa-bracket-time.vencedor{background:#111;color:#fff}.tcopa-bracket-placar{padding:7px 0;text-align:center;font-weight:700}.tcopa-bracket-placar small{font-weight:400;font-size:11px}


/* Bandeiras nos cards de jogos */
.tcopa-time-jogo {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-width: 0;
}

.tcopa-time-jogo img {
	width: 26px;
	height: 18px;
	object-fit: cover;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.08);
	flex: 0 0 auto;
}

.tcopa-time-jogo em {
	font-style: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 480px) {
	.tcopa-jogo-times {
		grid-template-columns: 1fr;
	}

	.tcopa-time-jogo em {
		white-space: normal;
	}
}


/* Visual colorido - Copa 2026 v1.6.0 */
.tcopa-box {
	border: 1px solid rgba(0, 74, 173, .18);
	box-shadow: 0 8px 24px rgba(0,0,0,.06);
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.tcopa-box h3 {
	padding: 12px 16px;
	margin: -5px -5px 18px;
	border-radius: 10px;
	color: #fff;
	background: linear-gradient(135deg, #004aad 0%, #00a651 55%, #ffcc00 100%);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,.25);
}

.tcopa-tabela {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 12px rgba(0,0,0,.05);
}

.tcopa-tabela th {
	background: linear-gradient(135deg, #003b85 0%, #005fcc 100%);
	color: #fff;
	border-bottom: 0;
}

.tcopa-tabela tbody tr:nth-child(odd) {
	background: #ffffff;
}

.tcopa-tabela tbody tr:nth-child(even) {
	background: #eef6ff;
}

.tcopa-tabela tbody tr:hover {
	background: #fff7d6;
}

.tcopa-tabela tbody tr.tcopa-classificado {
	background: #e8f8ef;
}

.tcopa-tabela tbody tr.tcopa-classificado td:first-child {
	background: #00a651;
	color: #fff;
	font-weight: 800;
}

.tcopa-tabela td strong {
	color: #004aad;
	font-size: 15px;
}

.tcopa-jogo {
	border: 1px solid rgba(0, 74, 173, .16);
	background: linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%);
	box-shadow: 0 6px 18px rgba(0,0,0,.05);
	transition: transform .18s ease, box-shadow .18s ease;
}

.tcopa-jogo:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(0,0,0,.10);
}

.tcopa-jogo-grupo {
	display: inline-block;
	width: 100%;
	padding: 6px 8px;
	border-radius: 6px;
	background: #004aad;
	color: #fff;
	letter-spacing: .3px;
}

.tcopa-jogo-times strong {
	background: linear-gradient(135deg, #004aad 0%, #001d42 100%);
	color: #fff;
	box-shadow: 0 3px 8px rgba(0,0,0,.18);
}

.tcopa-jogo-data {
	color: #004aad;
	font-weight: 700;
}

.tcopa-jogo-local {
	color: #555;
}

.tcopa-time-jogo img,
.tcopa-time img {
	border: 1px solid rgba(0,0,0,.12);
	box-shadow: 0 2px 5px rgba(0,0,0,.12);
}

/* Chaveamento colorido */
.tcopa-bracket-fase h4 {
	background: linear-gradient(135deg, #004aad 0%, #00a651 100%);
}

.tcopa-bracket-card {
	background: linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%);
	border: 1px solid rgba(0, 74, 173, .18);
	box-shadow: 0 5px 15px rgba(0,0,0,.05);
}

.tcopa-bracket-time {
	border-color: rgba(0, 74, 173, .16);
}

.tcopa-bracket-time.vencedor {
	background: linear-gradient(135deg, #00a651 0%, #007a3d 100%);
	color: #fff;
}

.tcopa-bracket-placar {
	color: #004aad;
}