.ig-stories-wrapper { position:relative; width:100%; max-width: 420px; margin:0 auto; aspect-ratio: 9/16; background:#000; border-radius:16px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.3); }
.ig-stories-viewport { position:relative; width:100%; height:100%; }
.ig-stories-viewport .ig-slide { position:absolute; inset:0; opacity:0; transition: opacity .25s ease; display:flex; align-items:center; justify-content:center; }
.ig-stories-viewport .ig-slide[data-active="1"] { opacity:1; }
.ig-stories-viewport .ig-media { width:100%; height:100%; object-fit:cover; }
.ig-stories-progress { position:absolute; top:8px; left:8px; right:8px; display:flex; gap:6px; z-index:10; }
.ig-stories-progress .bar { flex:1; height:3px; background:rgba(255,255,255,.3); border-radius:2px; overflow:hidden; }
.ig-stories-progress .bar > span { display:block; height:100%; width:0%; background:#fff; transition: width linear; }
.ig-stories-tapzone { position:absolute; top:0; bottom:0; width:50%; z-index:20; }
.ig-stories-tapzone.left { left:0; }
.ig-stories-tapzone.right { right:0; }

/* Captions / Stickers (texto simple) */
.ig-caption { position:absolute; left:8px; right:8px; color:#fff; font-weight:600; text-shadow:0 2px 6px rgba(0,0,0,.6); padding:8px 10px; border-radius:10px; background:rgba(0,0,0,.35); max-width: calc(100% - 16px); }
.ig-caption.pos-top { top:52px; }
.ig-caption.pos-middle { top:50%; transform: translateY(-50%); }
.ig-caption.pos-bottom { bottom:52px; }

/* Overlay host (usado por el carrusel) */
.ig-stories-overlay { position:fixed; inset:0; background:rgba(0,0,0,.8); z-index:9999; display:none; align-items:center; justify-content:center; padding:20px; }
.ig-stories-overlay .ig-overlay-inner { position:relative; width:min(420px, 100%); aspect-ratio:9/16; }
.ig-stories-overlay .ig-overlay-close { position:absolute; top:-8px; right:-8px; background:#111; color:#fff; border:0; border-radius:999px; width:36px; height:36px; font-size:24px; line-height:36px; cursor:pointer; z-index:10001; }
.ig-stories-overlay .ig-overlay-host { width:100%; height:100%; }
@media (max-width: 480px){
  .ig-stories-wrapper { border-radius:0; max-width:100%; height: calc(100dvh - 100px); }
  .ig-stories-overlay { padding:0; }
  .ig-stories-overlay .ig-overlay-inner { width:100%; height:100%; border-radius:0; }
}


/* Audio toggle */
.ig-audio-btn{ position:absolute; top:10px; right:10px; z-index:30; width:36px; height:36px; border-radius:999px; border:0; background:rgba(0,0,0,.45); color:#fff; font-size:18px; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.ig-audio-btn:hover{ background:rgba(0,0,0,.6); }


/* Caption styling with link */
.ig-stories-viewport { position: relative; }
.ig-caption { position:absolute; left:0; right:0; z-index:25; display:flex; justify-content:center; pointer-events:auto; }
.ig-caption.pos-top { top:8%; }
.ig-caption.pos-middle { top:50%; transform:translateY(-50%); }
.ig-caption.pos-bottom { bottom:8%; }
.ig-caption, .ig-caption * { pointer-events:auto; }
.ig-caption-link { display:inline-block; padding:8px 12px; border-radius:999px; background:rgba(0,0,0,.45); color:#fff; text-decoration:none; font-weight:600; }
.ig-caption-link:hover { background:rgba(0,0,0,.6); text-decoration:none; }

/* Botón de perfil del autor */
.ig-profile-btn{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:30;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;text-decoration:none;font-weight:600;}
.ig-profile-btn:hover{background:rgba(0,0,0,.6);}