html,body{height:100%;min-height:100%;margin:0;overflow:hidden;font-family:system-ui,Arial,sans-serif}:root{--app-vh: 100dvh;--focus-x: 50%;--focus-y: 44%;--focus-inner: 18%;--focus-mid: 44%;--focus-edge: 100%;--focus-dark-mid: .42;--focus-dark-edge: .78}@supports (height: 100dvh){html,body{height:100dvh;min-height:100dvh}}body{min-height:var(--app-vh)}body.quality-medium .magic-sparkles:after{content:none}body.quality-medium .magic-glints .g3{display:none}body.quality-medium .magic-dust{opacity:.45}body.quality-low .magic-twinkles,body.quality-low .magic-glints,body.quality-low .gold-glints,body.quality-low .gold-dust,body.quality-low .sun-beam{display:none!important}body.quality-low .magic-sparkles:after{content:none}body.quality-low .magic-sparkles{opacity:.45}body.quality-low .magic-dust{opacity:.28;filter:none}.bg{position:fixed;inset:0;background:url(/assets/mesaFondo.jpeg) center/cover no-repeat}.bg:after{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 50% 35%,#0000,#00000059 60%,#0000008c)}#c{position:fixed;inset:0;width:100%;height:var(--app-vh)}.focus-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 120% 92% at var(--focus-x) var(--focus-y),rgba(0,0,0,0) 0 var(--focus-inner),rgba(0,0,0,var(--focus-dark-mid)) var(--focus-mid),rgba(0,0,0,var(--focus-dark-edge)) var(--focus-edge))}.ui{position:fixed;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#00000047;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ui button{cursor:pointer;border-radius:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;font-weight:600}.ui button:disabled{opacity:.45;cursor:not-allowed}#counter{color:#ffffffe6;font-weight:700;min-width:72px;text-align:center}.audio-toggle,.fullscreen-toggle{position:fixed;top:16px;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer}.audio-toggle{right:16px}.fullscreen-toggle{right:68px}.audio-toggle svg,.fullscreen-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fullscreen-toggle .fs-exit,.fullscreen-toggle[aria-pressed=true] .fs-enter{opacity:0}.fullscreen-toggle[aria-pressed=true] .fs-exit{opacity:1}.fullscreen-toggle:disabled{opacity:.45;cursor:not-allowed}.audio-toggle .slash,.audio-toggle[aria-pressed=true] .wave{opacity:0}.audio-toggle[aria-pressed=true] .slash{opacity:1}.gold-dust{position:fixed;inset:0;pointer-events:none;z-index:6;mix-blend-mode:screen;opacity:1;filter:blur(.6px);background:radial-gradient(circle at 10% 20%,rgba(255,210,120,.18) 0 2px,transparent 3px),radial-gradient(circle at 30% 80%,rgba(255,210,120,.14) 0 1.5px,transparent 3px),radial-gradient(circle at 70% 30%,rgba(255,220,140,.16) 0 2px,transparent 4px),radial-gradient(circle at 90% 60%,rgba(255,200,90,.12) 0 1.2px,transparent 3px),radial-gradient(circle at 50% 50%,rgba(255,230,160,.1) 0 1.6px,transparent 4px);background-size:320px 320px,420px 420px,360px 360px,500px 500px,380px 380px;animation:goldDrift 18s linear infinite}@keyframes goldDrift{0%{transform:translateZ(0)}50%{transform:translate3d(-40px,-60px,0)}to{transform:translate3d(-80px,-120px,0)}}.gold-dust:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 15% 25%,rgba(255,210,120,.12) 0 2px,transparent 3px),radial-gradient(circle at 45% 65%,rgba(255,230,160,.1) 0 1.6px,transparent 4px),radial-gradient(circle at 80% 40%,rgba(255,190,90,.09) 0 1.2px,transparent 3px);background-size:420px 420px,520px 520px,600px 600px;animation:goldDrift2 24s linear infinite;opacity:1}@keyframes goldDrift2{0%{transform:translate3d(40px,20px,0)}to{transform:translate3d(-120px,-160px,0)}}.bg{z-index:1}#c{z-index:2}.focus-vignette{z-index:3}.magic-dust,.magic-sparkles{z-index:4}.magic-glints{z-index:5}.audio-toggle,.fullscreen-toggle{z-index:9}.ui{z-index:10}@media(max-width:900px)and (orientation:landscape){.ui{left:0;right:0;bottom:0;transform:none;width:100%;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.ui button,#counter{pointer-events:auto}#prev,#next{position:fixed;top:50%;transform:translateY(-50%);z-index:11;padding:12px 10px;min-width:44px;border-radius:14px;background:#00000052;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#prev{left:max(8px,env(safe-area-inset-left))}#next{right:max(8px,env(safe-area-inset-right))}#counter{position:fixed;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));transform:translate(-50%);min-width:84px;padding:7px 10px;border-radius:999px;background:#00000047;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audio-toggle{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right))}.fullscreen-toggle{top:calc(10px + env(safe-area-inset-top));right:calc(62px + env(safe-area-inset-right))}}.rotate-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:radial-gradient(70% 55% at 50% 35%,rgba(255,224,154,.14),transparent 70%),#0c0806d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30}.rotate-card{width:min(92vw,420px);padding:20px 18px 18px;border-radius:20px;border:1px solid rgba(255,230,180,.22);background:linear-gradient(180deg,#3a2519e6,#1a110ceb);box-shadow:0 16px 50px #00000059,inset 0 0 0 1px #ffffff0a;text-align:center;color:#f8efdf}.rotate-title{margin:8px 0 6px;font-size:1.05rem;font-weight:700;letter-spacing:.02em}.rotate-text{margin:0;color:#f8efdfd1;font-size:.92rem;line-height:1.35}.rotate-icon{position:relative;width:92px;height:62px;margin:0 auto 6px}.rotate-icon .phone{position:absolute;inset:10px 24px;border-radius:10px;border:2px solid rgba(255,232,194,.88);box-shadow:inset 0 0 0 1px #ffffff14;transform-origin:center;animation:rotatePhoneHint 1.7s ease-in-out infinite}.rotate-icon .phone:before{content:"";position:absolute;top:4px;left:50%;width:18px;height:2px;transform:translate(-50%);border-radius:999px;background:#ffe8c2b3}.rotate-icon .arrow{position:absolute;right:6px;top:6px;width:30px;height:30px;border:2px solid transparent;border-top-color:#ffcd7af2;border-right-color:#ffcd7af2;border-radius:0 12px 0 0;transform:rotate(24deg)}.rotate-icon .arrow:after{content:"";position:absolute;right:-3px;top:-5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid rgba(255,205,122,.95);transform:rotate(45deg)}@keyframes rotatePhoneHint{0%,to{transform:rotate(0) scale(1);opacity:.92}40%{transform:rotate(90deg) scale(1.03);opacity:1}65%{transform:rotate(90deg) scale(1.03);opacity:1}}@media(max-width:900px)and (orientation:portrait){.rotate-overlay{display:flex}.ui,.audio-toggle,.fullscreen-toggle{visibility:hidden}}.gold-glints{position:fixed;inset:0;pointer-events:none;z-index:4;mix-blend-mode:screen;opacity:.85;filter:blur(.6px);background:radial-gradient(circle at 15% 30%,rgba(255,245,210,.85) 0 26px,rgba(255,210,120,.22) 34px,transparent 72px),radial-gradient(circle at 72% 22%,rgba(255,250,220,.8) 0 18px,rgba(255,215,120,.2) 26px,transparent 58px),radial-gradient(circle at 85% 65%,rgba(255,245,210,.75) 0 22px,rgba(255,215,120,.18) 30px,transparent 70px),radial-gradient(circle at 30% 75%,rgba(255,245,210,.7) 0 16px,rgba(255,215,120,.16) 24px,transparent 56px);animation:glintsMove 14s linear infinite,glintsPulse 3.8s ease-in-out infinite}@keyframes glintsMove{0%{transform:translate3d(40px,30px,0)}to{transform:translate3d(-140px,-120px,0)}}@keyframes glintsPulse{0%,to{opacity:.55}50%{opacity:.95}}.sun-beam{position:fixed;inset:-30%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 0%,rgba(255,230,160,.06) 38%,rgba(255,245,220,.12) 48%,rgba(255,230,160,.06) 58%,transparent 100%);mix-blend-mode:screen;animation:beamMove 10s ease-in-out infinite}@keyframes beamMove{0%{transform:translate3d(-60px,-40px,0);opacity:.25}50%{transform:translate3d(80px,60px,0);opacity:.55}to{transform:translate3d(-60px,-40px,0);opacity:.25}}.magic-dust{position:fixed;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.55;filter:blur(.25px);background:radial-gradient(circle at 10% 20%,rgba(255,210,120,.18) 0 2px,transparent 3px),radial-gradient(circle at 30% 80%,rgba(255,210,120,.14) 0 1.5px,transparent 3px),radial-gradient(circle at 70% 30%,rgba(255,220,140,.16) 0 2px,transparent 4px),radial-gradient(circle at 90% 60%,rgba(255,200,90,.12) 0 1.2px,transparent 3px),radial-gradient(circle at 50% 50%,rgba(255,230,160,.1) 0 1.6px,transparent 4px);background-size:320px 320px,420px 420px,360px 360px,500px 500px,380px 380px;animation:dustScroll 20s linear infinite}@keyframes dustScroll{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:-260px -420px,-180px -300px,-220px -360px,-300px -520px,-240px -380px}}.magic-sparkles{position:fixed;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:1}.magic-sparkles:before,.magic-sparkles:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,245,220,.95) 0 1px,transparent 2px),radial-gradient(circle,rgba(255,220,140,.9) 0 1px,transparent 2px),radial-gradient(circle,rgba(255,210,120,.85) 0 1px,transparent 2px);background-size:220px 220px,300px 300px,260px 260px;background-position:10% 20%,70% 30%,30% 80%;filter:blur(.15px);opacity:.65;animation:sparkleScroll2 34s linear infinite,sparkleTwinkle2 3.6s ease-in-out infinite}.magic-sparkles:after{background-size:280px 280px,360px 360px,320px 320px;background-position:80% 70%,20% 40%,55% 15%;opacity:.55;animation:sparkleMove2 28s linear infinite,sparkleTwinkle2 3.6s ease-in-out infinite}@keyframes sparkleMove{0%{transform:translate3d(20px,10px,0)}to{transform:translate3d(-120px,-160px,0)}}@keyframes sparkleMove2{0%{transform:translate3d(-10px,30px,0)}to{transform:translate3d(140px,-120px,0)}}@keyframes sparkleScroll2{0%{background-position:80% 70%,20% 40%,55% 15%}to{background-position:calc(80% + 320px) calc(70% - 480px),calc(20% + 260px) calc(40% - 360px),calc(55% + 380px) calc(15% - 520px)}}@keyframes sparkleTwinkle{0%,to{opacity:.25}40%{opacity:.85}60%{opacity:.45}}@keyframes sparkleTwinkle2{0%,to{opacity:.2}50%{opacity:.75}}.magic-glints{position:fixed;inset:0;pointer-events:none;z-index:5;mix-blend-mode:screen}.magic-glints .glint{position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(1.2px);background:radial-gradient(circle,rgba(255,250,230,.75) 0%,rgba(255,210,120,.22) 38%,rgba(255,210,120,.1) 55%,transparent 72%);opacity:0;animation:glintFlicker 5.6s ease-in-out infinite}.magic-glints .g1{left:10%;top:18%;animation-duration:6.4s;animation-delay:-1.3s}.magic-glints .g2{left:55%;top:22%;animation-duration:7.6s;animation-delay:-3.9s;width:140px;height:140px}.magic-glints .g3{left:78%;top:55%;animation-duration:6.9s;animation-delay:-2.2s;width:160px;height:160px}@keyframes glintFlicker{0%{opacity:0;transform:scale(.9)}15%{opacity:.85;transform:scale(1.03)}35%{opacity:.25;transform:scale(.98)}55%{opacity:.95;transform:scale(1.06)}70%{opacity:.15;transform:scale(.96)}to{opacity:0;transform:scale(.9)}}@keyframes glintsDrift{0%{transform:translate3d(40px,30px,0)}to{transform:translate3d(-140px,-110px,0)}}@keyframes glintsPulse{0%,to{opacity:.25}50%{opacity:.95}}.magic-twinkles{position:fixed;inset:0;pointer-events:none;z-index:6;mix-blend-mode:screen}.twinkle{position:absolute;width:var(--size, 14px);height:var(--size, 14px);left:var(--x, 50%);top:var(--y, 50%);transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(.6);opacity:0;filter:drop-shadow(0 0 10px rgba(255,220,140,.55)) drop-shadow(0 0 18px rgba(255,250,230,.35));animation:twinklePop var(--dur, 1.2s) ease-in-out forwards}.twinkle:before,.twinkle:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.95) 0 18%,rgba(255,225,150,.75) 38%,transparent 72%);border-radius:50%}.twinkle span{position:absolute;left:50%;top:50%;width:140%;height:10%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(255,245,220,.95),transparent);border-radius:999px;opacity:.9}.twinkle span:nth-child(2){transform:translate(-50%,-50%) rotate(90deg);width:140%}.twinkle span:nth-child(3){transform:translate(-50%,-50%) rotate(45deg);width:120%;opacity:.75}.twinkle span:nth-child(4){transform:translate(-50%,-50%) rotate(-45deg);width:120%;opacity:.75}@keyframes twinklePop{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rot)) scale(.35)}20%{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--rot) + 18deg)) scale(1)}55%{opacity:.65;transform:translate(-50%,-50%) rotate(calc(var(--rot) + 35deg)) scale(.9)}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--rot) + 55deg)) scale(.6)}}@media(prefers-reduced-motion:reduce){.twinkle{animation:none!important;opacity:.6}}