*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030305;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}button{font:inherit}.desktop-aura{position:fixed;inset:0;background:radial-gradient(circle at 50% 20%,#29122e 0,#080810 30%,#020204 70%);pointer-events:none}.experience{position:relative;width:100%;min-height:100svh;margin:auto;background:var(--bg);overflow:hidden;box-shadow:0 0 90px rgba(0,0,0,.72)}.top-progress{position:fixed;z-index:50;top:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:4px;background:rgba(255,255,255,.08)}.top-progress span{display:block;height:100%;width:2%;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .35s}.experience-step{display:none;position:relative;min-height:100svh;padding:26px 20px 34px;align-items:center;justify-content:center;isolation:isolate}.experience-step.is-active{display:flex;animation:enter .45s cubic-bezier(.2,.7,.2,1)}@keyframes enter{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.step-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,rgba(124,58,237,.18),transparent 36%),linear-gradient(180deg,rgba(255,54,95,.05),transparent 28%);z-index:-1}.step-inner{width:100%;max-width:440px;text-align:center}.media-frame{position:relative;width:min(74vw,300px);aspect-ratio:9/16;margin:0 auto 18px;border-radius:28px;overflow:hidden;background:#11111a;border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 80px rgba(0,0,0,.44)}.media-frame img,.media-frame video{width:100%;height:100%;object-fit:cover;display:block}.eyebrow,.result-kicker{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.055);font-size:.72rem;letter-spacing:.09em;font-weight:900;color:#f4dce5}h1{font-size:clamp(2rem,8vw,3.3rem);line-height:.98;letter-spacing:-.045em;margin:14px 0 12px}h2{font-size:1.8rem;line-height:1.05;margin:12px 0}.subtitle{font-size:1.08rem;line-height:1.35;color:#f0edf4;margin:0 auto 10px}.bodycopy{font-size:.95rem;line-height:1.5;color:var(--muted);max-width:360px;margin:8px auto 18px}.cta,.audio-control{appearance:none;border:0;width:100%;min-height:58px;border-radius:18px;margin-top:18px;padding:15px 18px;background:linear-gradient(135deg,var(--accent),#ff6939);color:#fff;font-weight:950;letter-spacing:.01em;box-shadow:0 15px 40px rgba(255,54,95,.24);cursor:pointer}.cta.secondary{background:#1b1b27;border:1px solid rgba(255,255,255,.12);box-shadow:none}.options{display:grid;gap:11px;margin-top:23px}.option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:64px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(20,20,30,.86);color:#fff;text-align:left;padding:14px 16px;cursor:pointer;transition:.2s}.option b{font-size:1.7rem;color:var(--accent)}.option.chosen,.option:hover{border-color:var(--accent);background:rgba(255,54,95,.11);transform:scale(.99)}.scanner{height:260px;display:grid;place-items:center;align-content:center;gap:24px}.scanner-ring{width:116px;height:116px;border-radius:50%;border:3px solid rgba(255,255,255,.08);border-top-color:var(--accent);border-right-color:var(--accent2);animation:spin 1.1s linear infinite;box-shadow:0 0 50px rgba(124,58,237,.2)}@keyframes spin{to{transform:rotate(360deg)}}.result-card{padding:18px 0}.result-card img{width:min(46vw,180px);aspect-ratio:9/16;height:auto;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 55px rgba(255,54,95,.18)}.metric{margin:15px 0;text-align:left}.metric>div:first-child{display:flex;justify-content:space-between;font-size:.88rem}.metricbar{height:9px;background:#20202b;border-radius:999px;overflow:hidden;margin-top:6px}.metricbar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:inherit}.product-card{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:18px}.product-image{width:min(44vw,170px);aspect-ratio:9/16;height:auto;object-fit:contain;border-radius:18px}.benefits{display:grid;gap:9px;text-align:left;color:#eee;margin:18px 0}.price{font-size:2.4rem;font-weight:950;margin:14px}.bonus{background:rgba(255,54,95,.1);border:1px solid rgba(255,54,95,.25);padding:12px;border-radius:14px;color:#ffdbe4}.audio-control{display:flex;align-items:center;gap:13px;background:#171722;border:1px solid rgba(255,255,255,.12);box-shadow:none;text-align:left}.audio-control .playicon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);flex:0 0 auto}.audio-control i{height:3px;flex:1;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.1));border-radius:999px}.audio-control.played .playicon{background:#20b86a}.countdown-wrap{padding:28px 18px;border:1px solid rgba(255,54,95,.35);background:rgba(255,54,95,.07);border-radius:24px}.countdown-label{font-size:.82rem;font-weight:800;color:#ffd7e0}.countdown-wrap #countdown{font-size:2.7rem;font-weight:950;letter-spacing:.055em;margin-top:8px}.hidden{display:none!important}@media(min-width:900px){.experience{max-width:520px;border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07)}.experience-step{padding-left:32px;padding-right:32px}.media-frame{width:285px}}@media(max-height:720px){.media-frame{width:min(56vw,215px)}h1{font-size:1.8rem}.experience-step{padding-top:18px;padding-bottom:20px}}
.sound-toggle{position:fixed;z-index:60;top:14px;left:calc(50% + min(50vw,260px) - 48px);width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(10,10,16,.72);backdrop-filter:blur(10px);color:#fff;cursor:pointer}@media(max-width:899px){.sound-toggle{right:12px;left:auto}}

/* v8 · multimedia inmersiva */
.media-frame{isolation:isolate}
.media-frame.is-image{width:min(88vw,350px);max-height:50svh}
.media-frame.is-image img{object-fit:cover}
.video-audio-prompt{position:absolute;z-index:5;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(82%,250px);min-height:118px;padding:14px 16px;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(4,4,9,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;display:grid;place-items:center;gap:5px;text-align:center;cursor:pointer;box-shadow:0 18px 60px rgba(0,0,0,.48);animation:audioPulse 1.8s ease-in-out infinite}.video-audio-prompt strong{font-size:.84rem;letter-spacing:.045em}.video-audio-prompt small{font-size:.7rem;color:#ddd4df;line-height:1.25}.video-audio-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));font-size:1.25rem;box-shadow:0 8px 30px rgba(255,54,95,.34)}.video-audio-prompt.is-hidden{display:none}@keyframes audioPulse{0%,100%{box-shadow:0 18px 60px rgba(0,0,0,.48),0 0 0 0 rgba(255,54,95,.18)}50%{box-shadow:0 18px 60px rgba(0,0,0,.48),0 0 0 11px rgba(255,54,95,0)}}
.voice-note-label{margin:14px 0 0;font-size:.72rem;letter-spacing:.09em;font-weight:900;color:#ffc7d4}.audio-help{margin:8px auto 0;max-width:340px;font-size:.72rem;line-height:1.35;color:var(--muted)}.audio-control.is-playing{border-color:rgba(255,54,95,.52);background:rgba(255,54,95,.1)}.audio-control.is-playing i{animation:voiceWave 1s ease-in-out infinite}.audio-control.autoplay-blocked{border-color:rgba(255,198,61,.55);box-shadow:0 0 0 3px rgba(255,198,61,.06)}.audio-control.autoplay-blocked .playicon{animation:playNudge 1.3s ease-in-out infinite}@keyframes voiceWave{0%,100%{opacity:.4;transform:scaleX(.85)}50%{opacity:1;transform:scaleX(1)}}@keyframes playNudge{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.type-commitment .media-frame.is-image,.type-micro_reveal .media-frame.is-image,.type-desire .media-frame.is-image{width:min(86vw,340px)}
@media(max-width:899px){.media-frame{width:min(88vw,360px)}.media-frame.is-image{max-height:48svh}.video-audio-prompt{width:min(78%,245px)}}
@media(max-height:720px){.media-frame.is-image{width:min(48vw,210px);max-height:42svh}.video-audio-prompt{min-height:96px}.video-audio-prompt small{display:none}}

/* v10 · media vertical real + control por paso */
.media-frame{max-height:none!important}
.media-frame.is-image{max-height:none!important}
.media-frame.ratio-9-16{aspect-ratio:9/16}
.media-frame.ratio-4-5{aspect-ratio:4/5}
.media-frame.ratio-1-1{aspect-ratio:1/1}
.media-frame.ratio-auto{aspect-ratio:auto}
.media-frame.size-compact{width:min(86vw,210px)}
.media-frame.size-medium{width:min(88vw,250px)}
.media-frame.size-large{width:min(90vw,300px)}
.media-frame.size-full{width:min(94vw,380px)}
.media-frame.fit-contain img,.media-frame.fit-contain video{object-fit:contain!important;background:#07070d}
.media-frame.fit-cover img,.media-frame.fit-cover video{object-fit:cover!important}
.media-frame.pos-center img,.media-frame.pos-center video{object-position:center center}
.media-frame.pos-top img,.media-frame.pos-top video{object-position:center top}
.media-frame.pos-bottom img,.media-frame.pos-bottom video{object-position:center bottom}
.media-frame.ratio-auto img,.media-frame.ratio-auto video{height:auto;max-height:none}
.result-card img{width:min(58vw,220px);height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;background:#07070d}
.product-image{height:auto!important;object-fit:contain!important}
.product-card h2{overflow-wrap:anywhere;word-break:normal}
@media(max-height:760px){
 .media-frame.size-medium{width:min(82vw,205px)}
 .media-frame.size-large{width:min(84vw,230px)}
 .media-frame.size-full{width:min(86vw,250px)}
}
@media(min-height:900px) and (max-width:899px){
 .media-frame.size-medium{width:min(86vw,280px)}
 .media-frame.size-large{width:min(90vw,330px)}
 .media-frame.size-full{width:min(94vw,390px)}
}