.button-back {
	padding-bottom: 20px;
}

.team-detail {
	margin: -20px 0 20px;

}


.full-width-image {
	width: 100%;
	max-height: 440px;
	object-fit: cover;
	border-radius: 2px;
	margin-bottom: 20px;
}

.team-header {
	display: flex;
	margin-bottom: 20px;
	bottom: -50px;
	width: 100%;
}

.team-info-container {
	padding: 10px 20px;

	display: flex;
	align-items: center;
	width: 100%;
}

.Masculino .team-info-container {
	background-color: var(--blue);
}

.Femenino .team-info-container {
	background-color: var(--red);
}

.team-details-logo {
	width: 100px;
	margin-right: 15px;
	object-fit: contain;
	max-height: 100px !important;
}

.team-name {
	text-transform: uppercase;
	font-size: 2em;
	font-weight: bold;
	margin: 0;

	padding-bottom: 5px;
	color: white;

}

.team-year, .redes-icons {
	font-size: 14px;
	color: white;
}

.redes-icons {
	display: flex;
	gap: 15px;
}

.redes-icons a i {
	font-size: 24px;
}

.partidos {
	margin-top: 60px !important;
}

.players-title {
	font-size: 1.5em;
	margin-bottom: 10px;
	font-weight: bold;
}

.players-list {
	list-style: none;
	padding: 0;
	margin-left: 10px;
}

.player-name {
	padding: 5px 0;
	font-size: 1.2em;
	color: var(--blue);
}

.players-list {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	/* Removes default bullets */
	padding: 0;
}

.player-name {
	width: 50%;
	/* Each player takes half of the width (2 columns) */
	list-style-position: inside;
}

.player-name::before {
	content: '-';
	/* Adds custom '-' before the player name */
	margin-right: 5px;
	/* Adds space between '-' and player name */
	color: black;
	/* Customize bullet color if needed */
}

.matches-team-detail-day-card {

	border-radius: 8px;

	padding: 10px;
	margin-bottom: 5px;
}

.Masculino .matches-team-detail-card-header {
	background-color: var(--blue);
	color: white;
	font-weight: bold;
	padding: 10px 15px;

	border-start-end-radius: 5px;
	border-start-start-radius: 5px;
}

.Femenino .matches-team-detail-card-header {
	background-color: var(--red);
	color: white;
	font-weight: bold;
	padding: 10px 15px;

	border-start-end-radius: 5px;
	border-start-start-radius: 5px;
}

.matches-team-detail-date-title {
	font-size: 16px;
	text-transform: capitalize;
	margin: 0;
}

.matches-team-detail-list {
	display: flex;
	flex-direction: column;
	gap: 5px;
	background-color: white;
	padding: 5px 10px 10px 10px;
	border-end-end-radius: 5px;
	border-end-start-radius: 5px;
}

.matches-team-detail-row, .matches-team-detail-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.matches-team-detail-teams {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: bold;
}

.matches-team-detail-team {
	display: flex;
	align-items: center;
	gap: 5px;
	color: var(--gray3);
}

.matches-team-detail-team-logo {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.matches-team-detail-score-container {
	background-color: var(--gray2);
	border-radius: 5px;
	padding: 5px 10px;
}

.matches-team-detail-score {
	font-size: 1.1rem;
	font-weight: bold;

}

.matches-team-detail-status {
	font-size: 14px;
}

.matches-team-detail-status:hover {
	text-decoration: underline;
}

.matches-team-detail-video-link {
	color: var(--gray);
	padding: 5px 10px;
	border-radius: 5px;
	text-decoration: none;
}

.matches-team-detail-details {
	display: flex;
	align-items: center;
	gap: 10px;

}

.match-cancha {
	font-size: 14px !important;
}

.Masculino .score-ended {
	background-color: var(--blue);
	color: white;
}

.Femenino .score-ended {
	background-color: var(--red);
	color: white;
}

/* Responsive Design */
@media (max-width: 768px) {
	.matches-team-detail-date-title, .matches-team-detail-status {
		font-size: 12px;
	}

	.matches-team-detail-info {
		flex-direction: column;
		align-items: flex-start;
	}

	.team-detail {
		margin: -20px 0 20px;
		position: initial !important;
	}

	.image-container {
		display: flex;
		flex-direction: column-reverse;
	}

	.team-details-logo {
		width: 70px;
		max-height: 70px100px !important;
	}

	.team-name {
		text-transform: uppercase;
		font-size: 1.2rem;
	}

	.team-header {
		position: initial !important;
	}

	.players-container {
		margin-top: 10px !important;
	}

	.player-name {
		width: 100%;

	}

	.partidos {
		margin-top: 0 !important;
	}

	.full-width-image {
		margin-bottom: 10px !important;
	}
}