.share-sheet{position:relative;overflow-x:hidden}.channel-qr-panel{position:absolute;z-index:12;inset:0;min-height:100%;padding:18px 34px max(30px,env(safe-area-inset-bottom));background:#fff;transform:translateX(105%);opacity:.7;transition:transform .58s cubic-bezier(.2,.78,.2,1),opacity .38s ease;border-radius:34px 34px 0 0;overflow:auto}.channel-qr-panel.visible{transform:translateX(0);opacity:1}.channel-qr-panel.leaving{transform:translateX(105%);opacity:.4;transition-duration:.34s}.channel-qr-head{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;text-align:center}.channel-qr-head span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#8e8e93;font-weight:800}.channel-qr-head h2{font-size:30px;margin:2px 0;letter-spacing:-.04em}.channel-back{width:42px;height:42px;border:0;border-radius:50%;background:#efeff4;color:#0878f9;font:400 38px/1 system-ui;display:grid;place-items:center;padding:0 0 5px;cursor:pointer}.channel-qr-body{text-align:center}.channel-app-icon{width:66px;height:66px;border-radius:20px;margin:19px auto 12px;display:grid;place-items:center;color:#fff;font-size:35px;box-shadow:0 8px 22px rgba(0,0,0,.15)}.channel-app-icon.correo{background:linear-gradient(145deg,#4b9cff,#0878f9)}.channel-app-icon.whatsapp{background:linear-gradient(145deg,#52e979,#21b64b)}.channel-qr-box{width:min(370px,78vw);aspect-ratio:1;margin:0 auto 18px;padding:13px;border-radius:27px;background:#fff;box-shadow:0 12px 42px rgba(0,0,0,.1);border:1px solid #ececf0}.channel-qr-box img{display:block;width:100%;height:100%;border-radius:16px}.channel-qr-body h3{font-size:20px;margin:0 0 7px}.channel-qr-body>p{color:#8e8e93;margin:0 auto 18px;max-width:480px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-open{width:min(370px,100%);margin:auto}.channel-head-space{display:block}
@media(max-width:600px){.channel-qr-panel{padding:15px 20px max(24px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.channel-qr-box{width:min(330px,80vw)}.channel-app-icon{width:60px;height:60px;border-radius:18px}.channel-qr-head h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.channel-qr-panel{transition-duration:.01ms!important}}

/* Carrusel: únicamente cambia el QR, el resto de la hoja permanece fijo. */
.share-sheet .qr-stage.qr-ready:not(.qr-slide-old):not(.qr-slide-new){animation:none}
.qr-stage.qr-slide-old{animation:qr-exit-left .58s cubic-bezier(.42,0,.65,1) both}.qr-stage.qr-slide-new{position:absolute;left:50%;margin:0;z-index:4;animation:qr-enter-right .58s cubic-bezier(.2,.78,.2,1) both}.sheet-channels a{transition:transform .2s ease,opacity .2s ease}.sheet-channels a.selected{transform:translateY(-3px)}.sheet-channels a:not(.selected){opacity:.78}.sheet-channels a.selected span{box-shadow:0 0 0 3px #fff,0 0 0 5px #0878f9,0 9px 22px rgba(0,122,255,.2)}
@keyframes qr-exit-left{0%{transform:translateX(0)}100%{transform:translateX(-125%)}}
@keyframes qr-enter-right{0%{transform:translateX(75vw)}100%{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.qr-stage.qr-slide-old,.qr-stage.qr-slide-new{animation-duration:.01ms!important}}