/* css styles */

p {
  text-align: justify !important;
}

/* styles.css */

/* Estilo para la foto de perfil en la barra de navegación */
.navbar-profile-pic {
  height: 38px;           /* Altura de la imagen */
  width: 38px;            /* Anchura de la imagen */
  border-radius: 50%;     /* Esto hace que la imagen sea perfectamente redonda */
  object-fit: cover;      /* Evita que la imagen se deforme si no es cuadrada */
  border: 2px solid #eee; /* Añade un borde sutil y claro */

  /* Ajustes finos para alinearla verticalmente con los iconos */
  margin-top: -8px;
  margin-bottom: -8px;
  transition: border-color 0.3s ease; /* Transición suave para el efecto hover */
}

/* Efecto al pasar el ratón por encima de la foto */
.navbar-profile-pic:hover {
  border-color: #EB6909; /* Cambia el color del borde al color primario (naranja) */
  opacity: 0.95;
}