/**
 * LOZANO DESIGN SYSTEM -- Carousel (motor unico para toda la plataforma)
 */
.ln-ui-carousel { position: relative; overflow: hidden; width: 100%; }
.ln-ui-carousel-track { display: flex; gap: var(--ln-space-4); will-change: transform; cursor: grab; touch-action: pan-y; user-select: none; }
.ln-ui-carousel-track.ln-ui-arrastrando { cursor: grabbing; }
.ln-ui-carousel-item { flex-shrink: 0; width: var(--ln-carousel-item-width, 280px); }
@media (max-width: 768px) { .ln-ui-carousel-item { width: var(--ln-carousel-item-width-mobile, 220px); } }

.ln-ui-carousel-item img, .ln-ui-carousel-item video { pointer-events: none; -webkit-user-drag: none; }

.ln-ui-carousel-flecha { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 40px; height: 40px; border-radius: 50%; background: var(--ln-bg-card); border: 1px solid var(--ln-border); color: var(--ln-text); display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.85; transition: opacity var(--ln-transition-fast), background var(--ln-transition-fast); }
.ln-ui-carousel-flecha:hover { opacity: 1; background: var(--ln-accent); color: #171717; }
.ln-ui-carousel-flecha-prev { left: var(--ln-space-2); }
.ln-ui-carousel-flecha-next { right: var(--ln-space-2); }

@media (prefers-reduced-motion: reduce) {
    .ln-ui-carousel-track { transition: none !important; }
}