@import url('https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css');

.incr-flipbook-wrap{margin-top:44px}
.incr-flipbook{position:relative;margin:0 auto;max-width:1040px;width:100%;aspect-ratio:16/9;background:transparent;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px -24px rgba(0,0,0,.55);touch-action:pan-y}
.incr-flipbook__stage{position:absolute;inset:0}
.incr-flipbook__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transform-origin:center center;backface-visibility:hidden}
.incr-flipbook__img--back{z-index:1;display:none}
.incr-flipbook__img--front{z-index:2}
.incr-flipbook.--zoomed{cursor:grab;touch-action:none}
.incr-flipbook.--zoomed.--panning{cursor:grabbing}

/* Flechas de navegación */
.incr-flipbook__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:54px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:rgba(0,0,0,.7);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,opacity .2s ease;opacity:.85;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.incr-flipbook__nav--prev{left:14px}
.incr-flipbook__nav--next{right:14px}
.incr-flipbook__nav:hover{background:var(--incr-primary);border-color:var(--incr-primary);opacity:1}
@media(hover:hover){.incr-flipbook__nav{opacity:.6}.incr-flipbook:hover .incr-flipbook__nav{opacity:1}}

/* Herramientas (zoom + fullscreen) */
.incr-flipbook__tools{position:absolute;top:14px;right:14px;z-index:5;display:flex;gap:10px}
.incr-flipbook__tool{width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.5);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
.incr-flipbook__tool:hover{background:var(--incr-primary)}

/* Barra de progreso auto-play */
.incr-flipbook__progress{position:absolute;top:0;left:0;right:0;z-index:6;height:4px;background:rgba(255,255,255,.15)}
.incr-flipbook__progress span{display:block;height:100%;width:0;background:var(--incr-accent);transition:none}
.incr-flipbook__progress.--running span{transition:width 4s linear}

/* Contador */
.incr-flipbook__counter{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:5;background:rgba(0,0,0,.5);color:#fff;font-size:13px;font-weight:600;padding:5px 14px;border-radius:99px;font-variant-numeric:tabular-nums;letter-spacing:1px;pointer-events:none}

.incr-flipbook-wrap:fullscreen,.incr-flipbook-wrap:-webkit-full-screen{background:#0b0f0d;display:flex;align-items:center;justify-content:center;padding:24px;margin:0;width:100%;height:100%}
.incr-flipbook-wrap:fullscreen .incr-flipbook,.incr-flipbook-wrap:-webkit-full-screen .incr-flipbook{max-width:min(94vw,166vh)}