.entrenador {
  max-width: 20vw; /* adaptativo según pantalla */
  min-width: 200px;
  background-color: #add8e6; /* Celeste claro */
  border-radius: 12px;
  padding: 10px; /*Añade espacio interior de 10px en todos los lados del bloque para que el contenido no toque los bordes. */
  margin: 10px; /* Espacio entre campo y bloque de entrenador */
  height: 375px;
  width:300px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2); /*Añade una sombra suave alrededor del recuadro para darle un poco de relieve. */
  overflow-y: auto; /*Permite que el contenido tenga scroll vertical si excede la altura definida (375px). */
  font-size: 0.95rem; /*Establece el tamaño de la fuente ligeramente más pequeño que el tamaño base por defecto. */
  line-height: 1; /* Controla la altura de línea del texto, en este caso sin espacio extra (valor mínimo de separación vertical).*/
}

.foto-entrenador {
  float: right; /*La imagen se posiciona a la derecha del texto */
  width: auto;
  height: 100px;
  margin-right: 5px;
  margin-bottom: 5px; /* Márgenes para separar la imagen del texto*/
  border-radius: 4px;
  object-fit: contain; /* Asegura que la imagen se muestre completa sin recortes, respetando su proporción original dentro del espacio dado.*/
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); /*Agrega una sombra sutil a la imagen, dándole profundidad visual.*/
}