/* ============================================================
   CARRUSEL (componente compartido)
   Usado por: #portafolio (masonry) y #galeria (bento)
   ============================================================ */

.carousel-slide-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.carousel-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.carousel-slide.active {
  opacity: 1;
}