/* Las imágenes son las piezas: proporción original, sin cajas añadidas. */
#flyers .carousel--3d{position:relative;display:block;height:clamp(500px,74svh,740px);margin:0 calc(var(--gutter)*-1);padding:0;overflow:hidden;scroll-snap-type:none;perspective:1200px;perspective-origin:50% 50%;touch-action:pan-y pinch-zoom}
.carousel--3d .poster{position:absolute;left:50%;top:50%;width:max-content;max-width:none;height:auto;margin:0;backface-visibility:hidden;transform-origin:50% 50%;pointer-events:none;scroll-snap-align:none;transition:none}
.carousel--3d .poster.is-visible{pointer-events:auto}
.carousel--3d .poster button{width:100%;height:auto;display:block;padding:0;margin:0;border:0;border-radius:0;background:none;overflow:visible;box-shadow:none;line-height:0}
.carousel--3d .poster img{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:initial;border-radius:0;scale:1;transition:none;-webkit-user-drag:none;user-select:none}
.carousel--3d .poster button:hover img,.carousel--3d .poster button:focus-visible img{scale:1}
.carousel--3d .poster h3{width:100%;min-width:0;margin:17px auto 0;text-align:center;line-height:1.65;font-size:12px;color:var(--ash);opacity:0;transition:opacity .4s ease}
.carousel--3d .poster.is-primary h3{opacity:1}
.carousel--3d .poster button:focus-visible{outline:2px solid var(--signal);outline-offset:6px}
#flyers .carousel__nav{display:flex}#flyers .carousel__btn{flex-shrink:0}
@media(max-width:760px){#flyers .carousel--3d{height:clamp(400px,52svh,460px);min-height:400px;perspective:850px}.carousel--3d .poster h3{font-size:11px;margin-top:14px;line-height:1.6}#flyers .block__head{gap:16px;align-items:center}#flyers .carousel__btn{width:44px;height:44px}}
@media(max-height:500px) and (orientation:landscape){#flyers .carousel--3d{height:360px;min-height:0}}



#flyers .carousel--3d,#flyers .carousel--3d button{cursor:grab;user-select:none}
#flyers .carousel--3d.is-dragging,#flyers .carousel--3d.is-dragging button{cursor:grabbing}

/* Background: the same reel, big and faint, clipped to the section and fading at the top and bottom (designer's guide p.4) */
#flyers{position:relative;isolation:isolate}
#flyers .carousel__ghost{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.2;perspective-origin:50% var(--ghost-y,50%);-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 16%,#000 70%,transparent)}
#flyers .carousel__ghost-card{position:absolute;left:50%;top:var(--ghost-y,50%);backface-visibility:hidden;transform-origin:50% 50%;will-change:transform}
#flyers .carousel__ghost img{display:block;width:100%;height:auto;max-width:none;user-select:none;-webkit-user-drag:none}