/* Ajustar el tamaño de los iconos de control */
.lg-icon {
  font-size: 24px; /* Ajusta el tamaño del icono según prefieras */
}

/* Personalizar los botones de navegación (anterior/siguiente) */
.lg-prev,
.lg-next {
  background-color: rgba(0, 0, 0, 0.5); /* Color de fondo para los botones de navegación */
  border-radius: 50%; /* Hacer los botones circulares */
}

/* Ajustar el estilo del botón de cerrar */
.lg-close {
  background-color: rgba(255, 0, 0, 0.7); /* Cambiar el color del botón de cerrar */
  border-radius: 50%; /* Botón circular */
}

/* Estilo para la barra de herramientas de la galería (fullscreen, zoom, etc.) */
.lg-toolbar {
  background-color: rgba(0, 0, 0, 0.3); /* Fondo semi-transparente para la barra de herramientas */
  padding: 10px; /* Añadir algo de padding */
}

.lg-thumb.lg-group {
  display: flex;
  flex-direction: row;
}

.lg-outer {
  margin-top: 20px;
}