.contact-shortcut--clips{background:linear-gradient(135deg,#9867e9,#493080);cursor:pointer}
.stories-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.stories-dialog::backdrop{background:rgba(4,3,9,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.stories-shell{height:100%;display:flex;align-items:center;justify-content:center;gap:22px;padding:20px}
.story-stage{position:relative;flex:none;height:min(900px,calc(100dvh - 40px));width:auto;max-width:calc(100vw - 160px);aspect-ratio:9/16;overflow:hidden;border-radius:16px;background:#08070b;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;isolation:isolate}
.story-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.story-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.65),transparent 23%,transparent 62%,rgba(0,0,0,.65))}
.story-top{position:absolute;top:0;left:0;right:0;padding:12px 12px 0}
.story-progress{display:flex;gap:4px;width:100%}
.story-segment{position:relative;flex:1;min-width:0;height:14px;padding:5px 0;border:0;background:transparent;cursor:pointer;overflow:hidden}
.story-segment::before,.story-segment span{content:"";position:absolute;left:0;right:0;top:5px;height:3px;border-radius:8px;background:#ffffff50}
.story-segment span{display:block;background:#fff;transform:scaleX(0);transform-origin:left;pointer-events:none}
.story-toolbar{display:flex;align-items:center;gap:3px;margin-top:5px}
.story-brand{font-size:10px;font-weight:750;letter-spacing:1.2px;flex:1;text-shadow:0 1px 8px #000}
.story-count{display:block;font-size:10px;letter-spacing:.4px;font-weight:400;opacity:.75;margin-top:4px}
.story-toolbar button{display:grid;place-items:center;flex:none;width:38px;height:40px;padding:8px;border:0;border-radius:50%;background:transparent;color:#fff;font:500 20px/1 sans-serif;cursor:pointer;text-shadow:0 1px 8px #000}
.story-toolbar button:hover{background:#ffffff19}.story-toolbar button:disabled{opacity:.4;cursor:default}
.story-sound svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.story-center{position:absolute;inset:30% 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;pointer-events:none;text-align:center}
.story-status{font-size:13px;line-height:1.6;text-shadow:0 2px 10px #000;overflow-wrap:anywhere}
.story-resume{pointer-events:auto;border:1px solid #ffffff40;border-radius:999px;background:#0008;color:#fff;padding:12px 20px;font:600 13px/1.3 sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.story-resume[hidden],.story-held[hidden],.story-description[hidden],.story-nav[hidden]{display:none}
.story-caption{position:absolute;bottom:22px;left:20px;right:20px;text-shadow:0 2px 10px #000}
.story-title{font-size:20px;line-height:1.25;font-weight:700;overflow-wrap:anywhere;margin:0 0 10px}
.story-description{font-size:13px;line-height:1.6;user-select:text;-webkit-user-select:text}
.story-description summary{cursor:pointer;width:fit-content;padding:5px 0;color:#ffffffe0}
.story-description p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:22dvh;overflow:auto;padding-right:8px}
.story-description[open]{padding:10px 12px;border-radius:12px;background:#0009;backdrop-filter:blur(12px)}
.story-held{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 14px;border-radius:999px;background:#0009;font-size:12px;pointer-events:none}
.story-nav{flex:none;border:1px solid #ffffff20;background:#ffffff0c;color:#fff;width:42px;height:42px;border-radius:50%;font:300 33px/1 sans-serif;cursor:pointer;display:grid;place-items:center;padding-bottom:4px}
.story-nav:disabled{opacity:.2;cursor:default}.story-nav:not(:disabled):hover{background:#ffffff24}
.stories-dialog button:focus-visible,.story-description summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){.stories-shell{padding:max(8px,env(safe-area-inset-top)) 0 max(8px,env(safe-area-inset-bottom));gap:0}.story-stage{height:min(calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),calc(100vw * 16 / 9));max-width:100vw;border-radius:12px}.story-nav{position:absolute;z-index:2;bottom:max(12px,env(safe-area-inset-bottom));width:34px;height:34px;background:#0007}.story-prev{left:12px}.story-next{right:12px}.story-caption{bottom:24px;left:16px;right:16px}.story-top{padding:9px 9px 0}.story-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){.stories-dialog *{scroll-behavior:auto}}

/* Icono de pantallas apiladas y apertura desde el acceso Clips. */
.contact-shortcut--clips{background:linear-gradient(135deg,#ef315b,#b81743 65%,#7f173b);border-color:#ffb3c640;box-shadow:0 6px 24px #b8174338,0 6px 20px #0005}
.contact-shortcut .clips-symbol{width:28px;height:28px;overflow:visible;filter:drop-shadow(0 1px 4px #0003);transition:transform .22s ease}
.contact-shortcut--clips:hover .clips-symbol{transform:rotate(-7deg) scale(1.06)}
.story-stage{transform-origin:50% 50%}
.stories-dialog::backdrop{animation:stories-backdrop-enter .18s ease both}
.stories-dialog.stories-closing::backdrop{animation:stories-backdrop-exit .14s ease both}
.story-synopsis-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.6;margin:0 0 4px;color:#ffffffe0;text-shadow:0 1px 8px #000}
.story-synopsis-preview[hidden],.story-caption:has(.story-description[open]) .story-synopsis-preview{display:none}
.story-caption{background:linear-gradient(0deg,#0009,transparent);margin:-16px -12px;padding:16px 12px;border-radius:12px}
.story-description summary{font-size:12px;font-weight:600;color:#fff}
@keyframes stories-backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes stories-backdrop-exit{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.stories-dialog::backdrop,.stories-dialog.stories-closing::backdrop{animation:none}.contact-shortcut .clips-symbol{transition:none}.contact-shortcut--clips:hover .clips-symbol{transform:none}}

.mebius-stories-open .ambient-lights,.mebius-stories-open .ambient-lights *,.mebius-stories-open .catalog *{animation-play-state:paused!important}