.l-slideshow { --slide-h: calc(100svh - var(--header-h) - 2rem); }
.l-slideshow--dark { background: #0d0d0d; color: #eee; padding: 1rem 0; }
.l-slideshow--dark .g-caption { color: #bbb; }

/* Sin JS: fotos en columna */
.l-slideshow__main .swiper-wrapper { display: grid; gap: 1rem; }
.l-slideshow__main.swiper-initialized .swiper-wrapper { display: flex; gap: 0; }

.l-slideshow__main { position: relative; }
.l-slideshow__main .swiper-slide { display: flex; align-items: center; justify-content: center; height: var(--slide-h); }
.l-slideshow .g-item { display: flex; flex-direction: column; align-items: center; height: 100%; width: 100%; justify-content: center; }
.l-slideshow .g-frame { display: flex; justify-content: center; min-height: 0; flex: 0 1 auto; max-height: 100%; border-radius: 0; }
.l-slideshow .g-frame img { width: auto; height: auto; max-width: 100%; max-height: var(--slide-h); object-fit: contain; }
.l-slideshow .g-caption { text-align: center; padding: 0 var(--gutter); }

.l-slideshow__arrow {
    position: absolute; top: 50%; z-index: 2; transform: translateY(-50%);
    width: 48px; height: 48px; border: 0; border-radius: 50%;
    background: rgb(255 255 255 / .12); color: inherit;
    font-size: 2rem; line-height: 1; cursor: pointer;
}
.l-slideshow:not(.l-slideshow--dark) .l-slideshow__arrow { background: rgb(0 0 0 / .06); }
.l-slideshow__arrow--prev { left: 1rem; }
.l-slideshow__arrow--next { right: 1rem; }

.l-slideshow__thumbs { margin-top: .75rem; padding: 0 var(--gutter); }
.l-slideshow__thumbs .swiper-slide { width: 72px; height: 54px; opacity: .45; cursor: pointer; transition: opacity .2s; }
.l-slideshow__thumbs .swiper-slide-thumb-active { opacity: 1; }
.l-slideshow__thumbs img { width: 100%; height: 100%; object-fit: cover; }
