#stage>.slot{position:absolute;inset:0}
.vid,.img{position:absolute;inset:0;background:#000}
.vid video,.img img{width:100%;height:100%;object-fit:contain;background:#000}
.img.cover img{object-fit:cover}
.adtag{position:absolute;left:2.5vw;top:2vh;font-size:1.8vh;letter-spacing:.3em;color:var(--dim);background:#070914aa;padding:.4vh 1vw;border-radius:1vh}
body.fullmedia header#top,body.fullmedia footer#foot{opacity:0;transition:opacity .5s}
body.fullmedia #stage{inset:0}
/* cumpleaños */
#bday{position:fixed;left:0;right:0;bottom:0;height:11vh;z-index:9;display:flex;align-items:center;overflow:hidden;
 background:linear-gradient(90deg,#ff3fd8,#7a2cff 40%,#00b7ff);box-shadow:0 -1vh 4vh #ff3fd877;border-top:.4vh solid #fff8}
#bday .bk{flex:0 0 auto;height:100%;display:flex;align-items:center;gap:1vw;padding:0 2vw;background:#070914;font-weight:900;font-size:3.4vh;color:#ffd84a;text-shadow:0 0 12px #ffd84a;z-index:2;box-shadow:2vw 0 3vw #070914}
#bday .tr{flex:1;overflow:hidden;height:100%}
#bday .ti{display:inline-flex;align-items:center;height:100%;white-space:nowrap;animation:bt var(--t,30s) linear infinite}
#bday .p{display:inline-flex;align-items:center;gap:1.4vw;margin-right:6vw;font-size:4.4vh;font-weight:900;color:#fff;text-shadow:0 .3vh 1vh #0008}
#bday .p img,#bday .p .ini{width:8vh;height:8vh;border-radius:50%;object-fit:cover;border:.4vh solid #fff;box-shadow:0 0 2vh #fff8}
#bday .p .ini{display:inline-flex;align-items:center;justify-content:center;background:#070914;color:#ffd84a;font-size:4vh}
#bday .p small{font-size:2.6vh;font-weight:700;opacity:.9}
@keyframes bt{from{transform:translateX(0)}to{transform:translateX(-50%)}}
body.bday footer#foot{display:none}
body.bday #stage{bottom:11vh;inset:9vh 0 11vh 0}
body.fullmedia.bday #stage{inset:0 0 11vh 0}
/* emparejamiento */
#pair{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh;background:#070914f2;text-align:center}
#pair h2{font-size:4vh;color:var(--cyan);text-shadow:0 0 14px var(--cyan)}
#pair .code{font-size:16vh;font-weight:900;letter-spacing:.15em;color:var(--orange);text-shadow:0 0 30px #ff9a3c}
#pair p{font-size:2.6vh;color:var(--muted);max-width:70vw}
#pair .id{font-size:1.8vh;color:var(--dim)}
.badge{position:fixed;right:1vw;top:10vh;z-index:8;font-size:1.6vh;color:var(--dim);background:#0009;padding:.3vh .8vw;border-radius:1vh}
[hidden]{display:none!important}

.adspace{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;text-align:center}
.adspace h1{font-size:12vh;font-weight:900;color:#fff;text-shadow:0 0 2vh #fff,0 0 6vh #ff3fd8}.adspace h2{font-size:5vh;color:#5ef3ff}.adspace p{font-size:3vh;color:#ffd84a}
.adspace .ex{margin-top:4vh;font-size:2vh;color:#c5d0ea;display:flex;gap:1.2vw;flex-wrap:wrap;justify-content:center}.adspace .ex b{color:#ff9a3c}.adspace .ex span{border:1px dashed #5ef3ff77;border-radius:1vh;padding:.4vh .8vw}
[hidden]{display:none!important}
.adspace .em{font-size:9vh}.adspace.bs h1{font-size:10vh}.adspace p{max-width:80vw}
.anv .k{font-size:3.4vh;letter-spacing:.5em;color:#5ef3ff;font-weight:800}.anv .big{font-size:28vh!important;line-height:.9}.anv .big small{font-size:8vh;vertical-align:top}.anv h2{font-size:4.4vh!important}
.anv .cnt{display:flex;gap:4vw;margin-top:3vh}.anv .cnt div{border:.4vh solid #5ef3ff;border-radius:2vh;padding:2vh 3vw;box-shadow:0 0 4vh #5ef3ff55}.anv .cnt b{display:block;font-size:8vh;color:#ff9a3c;text-shadow:0 0 3vh #ff9a3c}.anv .cnt span{font-size:2.2vh;color:#c5d0ea}

#off{position:fixed;inset:0;z-index:999;background:#000;cursor:none}
#off.msg{background:radial-gradient(circle at 50% 40%,#140a2a,#05060d 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}
#off .lg{height:12vh;opacity:.85;margin-bottom:4vh}
#off h1{font-size:13vh;margin:0;color:#ff3ea5;text-shadow:0 0 1vh #fff,0 0 3vh #ff3ea5,0 0 7vh #ff3ea5,0 0 12vh #ff3ea5;animation:nflk 6s infinite}
#off h2{font-size:3.6vh;color:#5ef3ff;text-shadow:0 0 2vh #5ef3ff;margin:2vh 0 5vh;font-weight:600}
#off .hrs{display:flex;flex-direction:column;gap:1.4vh;font-size:4vh;border:.4vh solid #5ef3ff;border-radius:2vh;padding:3vh 5vw;box-shadow:0 0 4vh #5ef3ff55,inset 0 0 3vh #5ef3ff22}
@keyframes nflk{0%,18%,22%,62%,64%,100%{opacity:1}20%,63%{opacity:.55}}
body.closed #top,body.closed #foot,body.closed #bday{display:none}
/* «Nuestras promos» */
.pslide{position:absolute;inset:0;overflow:hidden;background:radial-gradient(80vw 70vh at 20% 10%,#3a0d5c,transparent),radial-gradient(70vw 60vh at 100% 100%,#04384f,transparent),#070914}
.pslide .pbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;animation:kb 14s ease-out both}
.pslide .pshade{position:absolute;inset:0;background:linear-gradient(90deg,#070914f0 0,#070914c0 48%,#07091422 100%)}
.pslide:not(.hasbg) .pshade{background:repeating-linear-gradient(115deg,transparent 0 6vw,#ffffff05 6vw 6.4vw)}
.pbox{position:absolute;left:5vw;top:12vh;right:30vw;display:flex;flex-direction:column;gap:2.2vh;z-index:2}
.pbox .pk{font-size:3vh;font-weight:900;letter-spacing:.35em;color:var(--pk,#ff3fd8);text-shadow:0 0 1.5vh #ff3fd8}
.pbox h1{font-size:12vh;line-height:1;font-weight:900;color:#fff;text-shadow:0 0 2vh #fff8,0 0 6vh var(--glow,#ff3fd8);text-transform:uppercase}.pbox h1.long{font-size:8.5vh}
.pbox .psub{font-size:4vh;color:#5ef3ff;text-shadow:0 0 1.2vh #5ef3ffaa;font-weight:700}
.pbox .pcd{align-self:flex-start;font-size:4.2vh;font-weight:900;color:#070914;background:#ffd84a;padding:1vh 2vw;border-radius:2vh;box-shadow:0 0 4vh #ffd84a88;animation:pcd 1.6s ease-in-out infinite}
@keyframes pcd{50%{transform:scale(1.05)}}
.pbox .ppz{align-self:flex-start;font-size:11vh;font-weight:900;color:#ff9a3c;text-shadow:0 0 3vh #ff9a3caa;border:.5vh solid #ff9a3c;border-radius:3vh;padding:0 2.5vw;background:#070914cc;position:relative;z-index:3}
.pbox .ppz small{display:block;font-size:2.6vh;letter-spacing:.3em;color:#ffd84a;margin-top:1vh}
.pslide .pqr{position:absolute;right:4vw;top:12vh;z-index:3;text-align:center;background:#fff;padding:1.4vh;border-radius:2vh;box-shadow:0 0 4vh #5ef3ff99}
.pslide .pqr .q{width:22vh;height:22vh}.pslide .pqr svg{width:100%;height:100%;display:block}.pslide .pqr span{display:block;font-size:2vh;font-weight:800;color:#070914;margin-top:.6vh}
.pslide .tafi.pt{position:absolute;right:3vw;bottom:2vh;height:46vh;z-index:2}.pslide .tafi.pt img{height:100%;filter:drop-shadow(0 0 3vh #5ef3ff88)}
.pslide .ai{position:absolute;right:2vw;bottom:.6vh;font-size:1.3vh;color:#93a0c4;z-index:3}
.pslide.festival{--glow:#ff3fd8}.pslide.torneo{--glow:#5ef3ff}.pslide.torneo .pk{color:#5ef3ff;text-shadow:0 0 1.5vh #5ef3ff}.pslide.oferta{--glow:#ff9a3c}.pslide.oferta .pk{color:#ff9a3c}.pslide.evento{--glow:#7a2cff}
.pslide .r18{font-size:2.4vh;color:#ffd84a}
.pres{list-style:none;display:flex;flex-direction:column;gap:1.4vh;margin-top:1vh}
.pres li{display:flex;align-items:center;gap:2vw;font-size:4.4vh;font-weight:800;background:#ffffff0d;border:1px solid #5ef3ff44;border-radius:2vh;padding:1vh 2vw}
.pres li b{width:6vh;text-align:center}.pres li span{flex:1}.pres li em{font-style:normal;color:#ffd84a}
.pres li.p1{font-size:5.6vh;border-color:#ffd84a;box-shadow:0 0 3vh #ffd84a55}
.pslide.res .pbox h1{font-size:8vh}

/* 1.0.2 diapositiva de cumpleaños */
.bdslide{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 50% 40%,#ff3fa4 0,#7a1fd1 45%,#14082e 100%)}
.bdslide .bk2{font-weight:900;font-size:5vh;color:#ffd84a;text-shadow:0 0 2vh #ffd84a;letter-spacing:.3vw;z-index:2}
.bdslide h1{font-size:19vh;line-height:1;margin:1vh 0;font-weight:900;text-shadow:0 0 3vh #fff8,0 1vh 3vh #0008;z-index:2;animation:bpop 1.2s ease-out both}
.bdslide h1.long{font-size:13vh}
.bdslide .bdn{font-size:16vh;font-weight:900;line-height:1;color:#ffd84a;text-shadow:0 0 3vh #ffd84a;z-index:2;animation:bpulse 1.6s ease-in-out infinite}
.bdslide .bdn small{font-size:5vh;color:#fff;margin-left:2vw}
.bdslide .bda{font-size:4vh;font-weight:800;margin-top:1vh;z-index:2}
.bdslide .bmsg{display:flex;flex-direction:column;gap:.6vh;margin-top:2vh;font-size:4.4vh;font-weight:800;z-index:2}
.bdslide .bmsg span:nth-child(2){color:#9ff}.bdslide .bmsg span:nth-child(3){color:#ffd84a}
.bdslide .bteam{margin-top:2vh;font-size:3vh;opacity:.9;z-index:2}
.bdslide .bph{width:20vh;height:20vh;border-radius:50%;object-fit:cover;border:.6vh solid #fff;box-shadow:0 0 4vh #fff8;z-index:2;margin-top:1vh}
.bdslide .tafi.bdt{position:absolute;right:2vw;bottom:4vh;height:45vh;z-index:2}.bdslide .tafi.bdt img{height:100%}
.bdslide .ai{position:absolute;right:1vw;bottom:.5vh;font-size:1.4vh;opacity:.6}
.bconf i{position:absolute;top:-5vh;width:1.2vh;height:2.4vh;border-radius:.3vh;animation:bfall 6s linear infinite}
.bconf i:nth-child(4n){background:#ffd84a}.bconf i:nth-child(4n+1){background:#3ff}.bconf i:nth-child(4n+2){background:#ff5fa2}.bconf i:nth-child(4n+3){background:#7f7}
.bconf i:nth-child(1){left:0%;animation-delay:-0.0s;animation-duration:5.0s}.bconf i:nth-child(2){left:41%;animation-delay:-0.7s;animation-duration:6.0s}.bconf i:nth-child(3){left:82%;animation-delay:-1.4s;animation-duration:7.0s}.bconf i:nth-child(4){left:23%;animation-delay:-2.1s;animation-duration:8.0s}.bconf i:nth-child(5){left:64%;animation-delay:-2.8s;animation-duration:5.0s}.bconf i:nth-child(6){left:5%;animation-delay:-3.5s;animation-duration:6.0s}.bconf i:nth-child(7){left:46%;animation-delay:-4.2s;animation-duration:7.0s}.bconf i:nth-child(8){left:87%;animation-delay:-4.9s;animation-duration:8.0s}.bconf i:nth-child(9){left:28%;animation-delay:-5.6s;animation-duration:5.0s}.bconf i:nth-child(10){left:69%;animation-delay:-0.3s;animation-duration:6.0s}.bconf i:nth-child(11){left:10%;animation-delay:-1.0s;animation-duration:7.0s}.bconf i:nth-child(12){left:51%;animation-delay:-1.7s;animation-duration:8.0s}.bconf i:nth-child(13){left:92%;animation-delay:-2.4s;animation-duration:5.0s}.bconf i:nth-child(14){left:33%;animation-delay:-3.1s;animation-duration:6.0s}.bconf i:nth-child(15){left:74%;animation-delay:-3.8s;animation-duration:7.0s}.bconf i:nth-child(16){left:15%;animation-delay:-4.5s;animation-duration:8.0s}.bconf i:nth-child(17){left:56%;animation-delay:-5.2s;animation-duration:5.0s}.bconf i:nth-child(18){left:97%;animation-delay:-5.9s;animation-duration:6.0s}.bconf i:nth-child(19){left:38%;animation-delay:-0.6s;animation-duration:7.0s}.bconf i:nth-child(20){left:79%;animation-delay:-1.3s;animation-duration:8.0s}.bconf i:nth-child(21){left:20%;animation-delay:-2.0s;animation-duration:5.0s}.bconf i:nth-child(22){left:61%;animation-delay:-2.7s;animation-duration:6.0s}.bconf i:nth-child(23){left:2%;animation-delay:-3.4s;animation-duration:7.0s}.bconf i:nth-child(24){left:43%;animation-delay:-4.1s;animation-duration:8.0s}
.bballs b{position:absolute;bottom:-20vh;width:9vh;height:11vh;border-radius:50%;opacity:.8;animation:brise 12s linear infinite}
.bballs b:nth-child(1){left:5%;background:#ff5fa2;animation-delay:-0s}.bballs b:nth-child(2){left:17%;background:#ffd84a;animation-delay:-1s}.bballs b:nth-child(3){left:29%;background:#3ff;animation-delay:-3s}.bballs b:nth-child(4){left:41%;background:#7f7;animation-delay:-4s}.bballs b:nth-child(5){left:53%;background:#ff5fa2;animation-delay:-6s}.bballs b:nth-child(6){left:65%;background:#ffd84a;animation-delay:-7s}.bballs b:nth-child(7){left:77%;background:#3ff;animation-delay:-9s}.bballs b:nth-child(8){left:89%;background:#7f7;animation-delay:-10s}
@keyframes bfall{to{transform:translateY(115vh) rotate(720deg)}}
@keyframes brise{to{transform:translateY(-140vh)}}
@keyframes bpop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes bpulse{50%{transform:scale(1.08)}}