/* © 2026 AS Sistemas · Alberto Salafia · Todos los derechos reservados */
.sup{--ease-paper:cubic-bezier(0.32, 0.72, 0, 1);--ease-out:cubic-bezier(0.23, 1, 0.32, 1);background:radial-gradient(130% 80% at 50% 0,#c5bca8 0,transparent 62%),var(--paper,#d6cfbe);padding-block:clamp(2.5rem,6vw,5rem);overflow:hidden}.sup__inner{max-width:1100px;margin-inline:auto;padding-inline:var(--pad-x,1.5rem)}.sup__masthead{text-align:center;margin-bottom:clamp(2rem,5vw,3.5rem)}.sup__paper-name{font-family:var(--ff-editorial, 'Old Standard TT', serif);font-weight:700;font-size:clamp(2.4rem, 1.6rem + 4vw, 5rem);letter-spacing:-.01em;text-transform:uppercase;color:var(--basalt,#1a1815);line-height:.9;border-block:4px double var(--basalt,#1A1815);padding-block:.5rem .35rem;display:inline-block}.sup__paper-sub{font-family:var(--ff-editorial-sans, 'Public Sans', sans-serif);font-size:.74rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--basalt-soft,#3b342c);margin-top:.9rem}.sup__stage{position:relative;height:clamp(440px,72vh,760px);perspective:2200px;perspective-origin:50% 42%;touch-action:pan-y;user-select:none;outline:0}.sup__deck{position:absolute;inset:0;margin:auto;width:min(84%,520px);height:100%;transform-style:preserve-3d}.sup__sheet{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;cursor:grab}.sup__sheet:active{cursor:grabbing}.sup__sheet.is-anim{transition:transform 720ms var(--ease-paper)}.sup__face{position:absolute;inset:0;background:#fff;box-shadow:0 1px 0 rgba(26,24,21,.05),0 26px 55px -26px rgba(40,30,15,.55),0 60px 100px -45px rgba(40,30,15,.32);overflow:hidden;backface-visibility:hidden}.sup__face img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;pointer-events:none;filter:contrast(1.06) sepia(.08) brightness(.99)}.sup__face::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px rgba(80,60,30,.2),inset 0 0 0 1px rgba(80,60,30,.1)}.sup__fold{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(20,14,6,.55) 0,rgba(20,14,6,.18) 22%,transparent 55%);opacity:0}.sup__back{position:absolute;inset:0;transform:rotateY(180deg);backface-visibility:hidden;background:repeating-linear-gradient(0deg,rgba(120,95,55,.05) 0 2px,transparent 2px 5px),#e7dfcb;box-shadow:inset 0 0 80px rgba(90,65,35,.3)}.sup__back::after{content:'';position:absolute;inset:14% 12%;border:1px solid rgba(90,65,35,.18);background:repeating-linear-gradient(180deg,rgba(90,65,35,.06) 0 1px,transparent 1px 9px);opacity:.6}.sup__num{position:absolute;top:14px;right:16px;z-index:3;font-family:var(--ff-editorial-sans, sans-serif);font-size:.62rem;font-weight:700;letter-spacing:.14em;background:rgba(26,24,21,.85);color:#d6cfbe;padding:3px 9px}.sup__controls{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,4vw,2.5rem);margin-top:clamp(1.75rem,4vw,2.75rem)}.sup__btn{width:54px;height:54px;border-radius:50%;background:var(--basalt,#1a1815);color:var(--paper,#d6cfbe);display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;transition:transform 160ms var(--ease-out),background .2s ease,opacity .2s ease}.sup__btn:hover{background:var(--limay,#1b3d79)}.sup__btn:active{transform:scale(.94)}.sup__btn:disabled{opacity:.26;cursor:default}.sup__btn svg{width:22px;height:22px}.sup__counter{font-family:var(--ff-editorial, serif);font-size:clamp(1.4rem, 1rem + 1.5vw, 2.1rem);font-weight:700;color:var(--basalt,#1a1815);min-width:7ch;text-align:center;letter-spacing:.02em}.sup__counter small{font-family:var(--ff-editorial-sans, sans-serif);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--basalt-muted,#5c5447);display:block;margin-top:.25rem}.sup__hint{text-align:center;margin-top:1.5rem;font-family:var(--ff-editorial-sans, sans-serif);font-size:.76rem;color:var(--basalt-muted,#5c5447);letter-spacing:.04em}.sup__hint kbd{font-family:var(--ff-editorial-sans, sans-serif);border:1px solid var(--paper-edge,#948b73);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:.72rem;margin:0 1px}.sup__lb{position:fixed;inset:0;z-index:999;background:rgba(14,15,12,.94);display:none;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2.5rem);opacity:0;transition:opacity 260ms var(--ease-out)}.sup__lb[data-open]{display:flex}.sup__lb.is-shown{opacity:1}.sup__lb img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 40px 90px -30px rgba(0,0,0,.8);transform:scale(.96);transition:transform 320ms var(--ease-paper)}.sup__lb.is-shown img{transform:scale(1)}.sup__lb-close{position:absolute;top:18px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 180ms}.sup__lb-close:hover{background:rgba(255,255,255,.22)}.sup__lb-close svg{width:20px;height:20px}.sup__footer-bottom{border:0;padding-top:0}.sup__back-link{color:var(--c-accent-glow)}@media (prefers-reduced-motion:reduce){.sup__sheet.is-anim{transition:none}.sup__lb,.sup__lb img{transition:opacity .2s}}@media (max-width:560px){.sup__deck{width:92%}.sup__btn{width:48px;height:48px}}