/* LightGallery custom styles for TDJ gallery */
/* Fondo oscuro para el visor principal */
.lg-backdrop {
  background: rgba(0,0,0,0.95) !important;
}
/* Borde dorado en thumbnail activo y hover */
.lg-thumb-item.active, .lg-thumb-item:hover {
  border-color: #C9A13B !important;
  box-shadow: 0 0 0 2px #C9A13B;
}
/* Barra de progreso dorada */
.lg-progress-bar {
  background-color: #C9A13B !important;
}
/* Iconos dorados en la barra superior */
.lg-toolbar .lg-icon {
  color: #C9A13B !important;
}
/* Fondo beige institucional para la tira de thumbnails */
.lg-outer .lg-thumb-outer {
  background: #f3e5c0 !important;
  padding-top: 8px;
  padding-bottom: 8px;
}
/* Tamaño más grande para los thumbnails */
.lg-thumb-item {
  width: 80px !important;
  height: 60px !important;
  border-radius: 6px;
  margin: 0 !important;
  overflow: hidden;
}
.lg-thumb-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 2px solid #fff;
  transition: border-color 0.2s;
}
/* Mejorar visibilidad de la tira de thumbnails en móvil */
@media (max-width: 600px) {
  .lg-thumb-item {
    width: 48px !important;
    height: 36px !important;
    margin: 0 !important;
  }
}