.info-gral-jugador {
    margin-left:120px;
    width:85%;
    text-align: center; /* Centra el contenido horizontalmente */

}


.jugador > div:nth-child(2) {
    margin-left: 10px; 
}

/* Estilo para cada div de jugador */
.jugador {
  font-size:.75em;
    border:1px solid grey;
    width: 25%; /* Divide el ancho en dos para mostrar dos divs por fila */
    display: inline-block; /* Muestra los divs en línea para que se coloquen lado a lado */
    box-sizing: border-box; /* Incluye el padding y el borde en el ancho especificado */
    margin-left:80px;
    margin-top:10px;
    border-radius: 10px;
    margin-bottom: 10px; /* Espacio entre los divs de jugador */
    padding: 10px; /* Espacio interno alrededor del contenido de cada div de jugador */
   /* font-size: 16px;  Tamaño de fuente */
     gap: 10px;
   
}
.jugador:hover{
     border:2px solid #007bff;
     color: #ff0000;
}


/* Estilo para los nombres que contienen '39' */
.jugador span:hover {
    color: #007bff; /* Color de fuente azul */
    font-weight: bold; /* Texto en negrita */
    /* Otros estilos personalizados aquí */
}

.jugador span {
      
    color: #ff0000; /* Color de fuente rojo */
    font-weight: bold; /* Texto en negrita */
    /* Otros estilos personalizados aquí */
}


/* Estilo para la información del jugador */
.info-gral-jugador {
    text-align: center; /* Alinea el contenido al centro */
}

/* Estilo para el contenedor de información del jugador */
.info-jugador {
    display: inline-block; /* Muestra el contenedor en línea */
    text-align: left; /* Alinea el texto a la izquierda dentro del contenedor */
}



  @media (max-width: 768px) {
 
 
      
      
  .info-gral-jugador {
      position: absolute;
      top:30em;
     left:-120px;
     width:100%;
      height:100%;
    text-align: center; /* Centra el contenido horizontalmente */
    margin-top:10px;

    
      
}
      
     .jugador {
    font-size:.25em;
    border:1px solid grey;
    width: 45%; /* Divide el ancho en dos para mostrar dos divs por fila */
    display: inline-block; /* Muestra los divs en línea para que se coloquen lado a lado */
    box-sizing: border-box; /* Incluye el padding y el borde en el ancho especificado */
    margin-left:10px;
       border-radius: 7px;
    margin-bottom: 10px; /* Espacio entre los divs de jugador */
    padding: 10px; /* Espacio interno alrededor del contenido de cada div de jugador */
   /* font-size: 16px;  Tamaño de fuente */
     gap: 10px;
    /* Otros estilos personalizados aquí */
}

.jugador:nth-child(2n) {
    margin-left: 10px; 
}    
      


.jugador:hover{
     border:2px solid #007bff;
     color: #ff0000;

} 
       
  }