/* La zona blanca preserva el margen de lectura del QR. */
.story-qr{position:relative;isolation:isolate;aspect-ratio:1;width:100%;overflow:hidden;background:#fff}
.story-qr-code{position:absolute;inset:0;clip-path:circle(0% at 50% 50%);animation:story-qr-reveal 1.7s .5s ease-out forwards}
.story-qr-code svg{display:block;width:100%;height:100%}
.story-qr-intro{position:absolute;inset:0;pointer-events:none;animation:story-qr-intro-exit .3s 2.15s ease forwards}
.story-qr-book{position:absolute;left:50%;top:50%;width:42%;transform:translate(-50%,-50%) scale(.55);filter:drop-shadow(0 4px 6px #39224b55);animation:story-qr-book-open .55s ease-out forwards}
.book-share-qr .story-qr-book{width:42%;height:auto}
.story-qr-pages{transform-box:fill-box;transform-origin:left center;animation:story-qr-page-turn .18s .5s ease-in-out 7 alternate}
.story-qr-spark{position:absolute;left:50%;top:50%;opacity:0;font-size:clamp(17px,7vw,26px);font-weight:800;line-height:1;color:#9a49b5;text-shadow:0 1px 2px white;animation:story-qr-fly 1.05s var(--delay) ease-out both}
.story-qr-letter{font-family:Georgia,serif;color:#55409a}.story-qr-sword{color:#43567a}.story-qr-magic{color:#d98b27}
@keyframes story-qr-reveal{to{clip-path:circle(75% at 50% 50%)}}
@keyframes story-qr-book-open{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(-10deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(3deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes story-qr-page-turn{from{transform:scaleX(1)}to{transform:scaleX(-.75)}}
@keyframes story-qr-fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--turn)) scale(1.05)}}
@keyframes story-qr-intro-exit{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.story-qr-code{animation:none;clip-path:none}.story-qr-intro{display:none}}

/* Compartir: dos iconos en una línea (WhatsApp y copiar) y «Tus invitaciones». Mismo patrón que BabyKit. */
.share-icons{display:flex;justify-content:center;gap:14px;margin:6px 0 12px}
.share-icon{width:52px;height:52px;min-width:44px;min-height:44px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;padding:0;color:#fff;text-decoration:none;box-shadow:0 4px 10px #0006}
.share-icon svg{width:26px;height:26px}
.share-icon:focus-visible{outline:3px solid #cbb2ff;outline-offset:3px}
.share-whatsapp{background:#25d366}
.share-copy{background:#ffffff14;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line)}
.share-invitados{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.share-invitados summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--purple)}
.share-invitados .invitados{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.share-invitados .invitados li{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.share-invitados .invitados small{color:var(--muted)}
.entry-invita{margin-top:-14px;font-weight:700;color:var(--purple)}