lateY(-5px);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
    }
  
    .bio-text {
      font-size: 1.1rem;
      line-height: 1.8; /* Mayor espaciado entre líneas */
      color: #d1d1d1; /* Color más suave */
      text-align: justify; /* Texto justificado */
      margin: 0 auto; /* Centrar el texto */
      max-width: 90%; /* Limitar el ancho del texto */
      transition: color 0.3s ease; /* Transición suave para el color */
    }
  
    .bio-text:hover {
      color: #f1f1f1; /* Cambio de color