.plantilla-equipo {
    display: flex;
    flex-wrap: wrap; /* Permite que los elementos pasen a la siguiente línea */
    justify-content: space-between; /* Distribuye en dos columnas */
    gap: 10px; /* Espaciado entre jugadores */
    margin: 20px 0;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 10px;
}

.plantilla-equipo .jugador-div {
    width: calc(50% - 10px); /* 50% menos el espacio del gap */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #ffffff;
    transition: transform 0.2s ease;
    position: relative;
    text-decoration: none;
    color: inherit;
}

.plantilla-equipo .nombre {
    font-weight: bold;
    font-size: 1rem;
}

.h3_posicion {
    padding: 10px 20px;
    display: block;
    margin: 0 auto !important;
    border-radius: 5px;
    text-align: center;
}

.plantilla-equipo .jugador-div:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.plantilla-equipo .info-jugador {
    display: flex;
    align-items: center;
    gap: 10px;
}

.plantilla-equipo .posicion-jugador {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.plantilla-equipo .posicion {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 3px;
}

.plantilla-equipo .equipo-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
}

.plantilla-equipo .equipo-logo {
    width: 100%;
    height: 100%;
}

.plantilla-equipo .precio {
    font-size: 0.825rem;
}

.plantilla-equipo .puntos {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background: #333 !important;
    padding: 5px 10px;
    border-radius: 3px;
}

.plantilla-equipo .imagenes-jugador {
    display: flex;
    align-items: center;
    gap: 5px;
}

.plantilla-equipo .imagen-jugador {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #ddd;
    object-fit: cover;
	background:#ececec no-repeat center bottom;
}

.jornadas-puntos {
    position: absolute;
    right: 10px; /* Alineado a la derecha */
    top: 50%;
    transform: translateY(-50%); /* Centrado verticalmente */
    display: flex;
    gap: 4px;
}

.pts-jornada {
    font-size: 12px;
    font-weight: bold;
    background: #f1f1f1;
    border-radius: 3px;
    text-align: center;
    min-width: 25px;
    min-height: 25px;
    line-height: 25px;
    text-shadow: 0 0 1px #333;
}

.pts-azules {
	background-color:#03a9f4;
	color:#fff;
}

.pts-verdes {
	background-color:#10af00;
	color:#fff;
}

.pts-naranjas {
	background-color:#ff9800;
	color:#fff;
}

.pts-rojos {
	background-color:red;
	color:#fff;
}

.pts-grises {
	background-color:#aaa;
	color:#fff;
}

/* Ajustes para menos de 1225px */
@media (max-width: 1225px) {
    .plantilla-equipo .jugador-div {
        min-width: auto;
        padding: 8px;
    }

    .plantilla-equipo .imagen-jugador {
        width: 50px;
        height: 50px;
    }

    .plantilla-equipo .equipo-logo-container {
        width: 25px;
        height: 25px;
    }

    .plantilla-equipo .puntos,
    .plantilla-equipo .posicion {
        font-size: 10px;
        padding: 4px 8px;
    }

    .plantilla-equipo .market-value {
        font-size: 1rem;
    }

}

/* Ajustes para menos de 1024px */
@media (max-width: 1024px) {
    .plantilla-equipo .info-jugador {
        flex-wrap: wrap;
        gap: 5px;
    }

    .plantilla-equipo .player-values {
        text-align: right;
        padding-right: 30px;
    }

    .plantilla-equipo .imagen-jugador {
        width: 45px;
        height: 45px;
    }

    .plantilla-equipo .market-value {
        font-size: 0.9rem;
    }

}

/* Ajustes para menos de 880px */
@media (max-width: 880px) {
    .plantilla-equipo {
        padding: 5px;
        gap: 5px;
    }

    .plantilla-equipo .imagen-jugador {
        width: 30px;
        height: 30px;
    }

    .plantilla-equipo .equipo-logo-container {
        width: 15px;
        height: 15px;
    }
	
	.pts-jornada {
    font-size: 10px;
    font-weight: bold;
    border-radius: 3px;
    text-align: center;
    min-width: 16px;
    min-height: 16px;
    line-height: 16px;
    text-shadow: 0 0 1px #333;
}
.cambio-precio {
    font-size: .525rem !important;
	padding: 2px 5px !important;
}
.jornadas-puntos {
    gap: 2px;
}

    .plantilla-equipo .nombre {
        font-size: 0.65rem;
    }

    .plantilla-equipo .puntos,
    .plantilla-equipo .posicion {
        font-size: 8px;
        padding: 2px 4px;
    }

    .plantilla-equipo .market-value {
        font-size: 0.65rem;
    }

}

/* Ajustes para menos de 782px (Misma configuración que 1225px) */
@media (max-width: 782px) {
    .plantilla-equipo .jugador-div {
		width:100%;
        min-width: auto;
        padding: 8px;
    }

    .plantilla-equipo .imagen-jugador {
        width: 50px;
        height: 50px;
    }

    .plantilla-equipo .equipo-logo-container {
        width: 25px;
        height: 25px;
    }
	
	.jornadas-puntos {
    position: absolute;
    right: 10px; /* Alineado a la derecha */
    top: 50%;
    transform: translateY(-50%); /* Centrado verticalmente */
    display: flex;
    gap: 4px;
}

.pts-jornada {
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    text-align: center;
    min-width: 25px;
    min-height: 25px;
    line-height: 25px;
    text-shadow: 0 0 1px #333;
}

.cambio-precio {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: .725rem;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 3px;
    text-align: center;
}
	
	.plantilla-equipo .nombre {
    font-size: .925rem;
}

    .plantilla-equipo .puntos,
    .plantilla-equipo .posicion {
        font-size: 10px;
        padding: 4px 8px;
    }

    .plantilla-equipo .market-value {
        font-size: 1rem;
    }

}

/* Ajustes para menos de 880px */
@media (max-width: 465px) {
    .plantilla-equipo {
        padding: 5px;
        gap: 5px;
    }

    .plantilla-equipo .imagen-jugador {
        width: 30px;
        height: 30px;
    }

    .plantilla-equipo .equipo-logo-container {
        width: 15px;
        height: 15px;
    }

    .plantilla-equipo .nombre {
        font-size: 0.65rem;
    }

    .plantilla-equipo .puntos,
    .plantilla-equipo .posicion {
        font-size: 8px;
        padding: 2px 4px;
    }

    .plantilla-equipo .market-value {
        font-size: 0.65rem;
    }
.pts-jornada {
    font-size: 10px;
    font-weight: bold;
    border-radius: 3px;
    text-align: center;
    min-width: 16px;
    min-height: 16px;
    line-height: 16px;
    text-shadow: 0 0 1px #333;
}
.jornadas-puntos {
    gap: 2px;
}
}

.cambio-precio {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: .725rem;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 3px;
    text-align: center;
}
.verde {
    color: green;
}

.rojo {
    color: red;
}