/* ===== Historias (tipo Instagram) — Panda Producciones ===== */
.stories{border-bottom:1px solid var(--line);background:var(--black);padding:22px 0 18px;}
.stories[hidden]{display:none!important;}
.stories-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.stories-head .eyebrow{margin:0;}
.stories-live{font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.14em;color:var(--smoke-dim);text-transform:uppercase;display:flex;align-items:center;gap:8px;}
.stories-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#e5383b;box-shadow:0 0 0 0 rgba(229,56,59,.6);animation:stPulse 1.8s infinite;}
@keyframes stPulse{70%{box-shadow:0 0 0 8px rgba(229,56,59,0)}100%{box-shadow:0 0 0 0 rgba(229,56,59,0)}}
.stories-row{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 6px;}
.stories-row::-webkit-scrollbar{display:none;}
.story-bubble{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;cursor:pointer;color:var(--cream);font:inherit;width:84px;}
.story-ring{width:78px;height:78px;border-radius:50%;padding:3px;background:conic-gradient(from 210deg,#f9b81c,#ff6a3d,#e5383b,#f9b81c);transition:transform .2s;}
.story-bubble.seen .story-ring{background:#3a352d;}
.story-bubble:hover .story-ring{transform:scale(1.06);}
.story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--black);background:#1a1a1a;display:block;}
.story-label{font-size:.7rem;color:var(--smoke);max-width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* visor */
.sv{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;touch-action:none;}
.sv.open{display:flex;}
.sv-frame{position:relative;height:min(100vh,calc(100vw * 16 / 9));max-height:100vh;aspect-ratio:9/16;max-width:100vw;background:#000;overflow:hidden;border-radius:12px;user-select:none;-webkit-user-select:none;}
@media (max-width:600px){.sv-frame{border-radius:0;width:100vw;height:100vh;aspect-ratio:auto;}}
.sv-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.sv-media img,.sv-media video{width:100%;height:100%;object-fit:contain;background:#000;}
.sv-bars{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:3;}
.sv-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden;}
.sv-bar i{display:block;height:100%;width:0;background:#fff;}
.sv-top{position:absolute;top:22px;left:12px;right:12px;display:flex;align-items:center;gap:10px;z-index:3;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6);}
.sv-top img{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.4);}
.sv-top b{font-size:.88rem;}
.sv-top small{font-size:.76rem;opacity:.75;margin-left:4px;}
.sv-btn{background:rgba(0,0,0,.35);border:0;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;}
.sv-close{margin-left:auto;}
.sv-tap{position:absolute;top:70px;bottom:90px;width:35%;z-index:2;}
.sv-tap.prev{left:0;} .sv-tap.next{right:0;width:65%;}
.sv-bottom{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:60px 16px 18px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);display:flex;flex-direction:column;gap:12px;align-items:center;}
.sv-caption{color:#fff;font-size:.95rem;line-height:1.45;text-align:center;max-width:90%;white-space:pre-line;}
.sv-cta{background:#25D366;color:#fff;font-weight:700;font-size:.86rem;padding:10px 18px;border-radius:100px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;}
.sv-cta svg{width:18px;height:18px;}
.sv-sound{position:absolute;top:70px;right:12px;z-index:4;background:rgba(0,0,0,.55);color:#fff;border:0;border-radius:100px;padding:8px 12px;font-size:.78rem;cursor:pointer;display:none;}
.sv-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;}
.sv-arrow.l{left:calc(50% - min(28vh,28vw) - 70px);} .sv-arrow.r{right:calc(50% - min(28vh,28vw) - 70px);}
@media (max-width:900px){.sv-arrow{display:none;}}
@media (prefers-reduced-motion:reduce){.stories-live::before{animation:none;}}
.sv-spin{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border:3px solid rgba(255,255,255,.25);border-top-color:#f9b81c;border-radius:50%;animation:svSpin .8s linear infinite;z-index:2;display:none;pointer-events:none;}
@keyframes svSpin{to{transform:rotate(360deg)}}
.story-add{text-decoration:none;}
.story-add .story-ring{background:transparent;border:2px dashed rgba(249,184,28,.7);padding:4px;}
.story-plus{width:100%;height:100%;border-radius:50%;background:var(--black-2);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:2rem;font-weight:300;line-height:1;}
.story-add .story-label{color:var(--gold);}