/* galerias.css — galería pública */
html, body { background-color: #ffffff !important; }
.card {
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
  transition: 0.3s;
  overflow: hidden;
}
.card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.card img, .card-img-top { height: 220px; object-fit: cover; }
card video.card-img-top { aspect-ratio: 16/9; height: 220px; object-fit: cover; }
.card-title { color: var(--primary); }
.btn-outline-orange {
  color: var(--primary);
  border-color: var(--primary);
  transition: 0.3s;
}
.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange.active {
  background: var(--primary) !important;
  color: white !important;
  border-color: var(--primary) !important;
}
.gallery-container { transition: opacity 0.3s ease; }
.gallery-container.fade-out { opacity: 0; }
#modalImg, #modalVideo { max-width: 80vw; max-height: 80vh; object-fit: contain; }
@media (max-width: 575px) {
  .card img, .card-img-top { height: 160px; }
  .row { margin-left: 0; margin-right: 0; }
}