:root{--k:min(calc(100vw/1920),calc(100vh/1080));--red:#E62E2F;--txt:#DBDBDB;--sub:#A0A0A0;--sat:env(safe-area-inset-top);--sar:env(safe-area-inset-right);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;padding:0}
html,body{height:100%;width:100%;overflow:hidden;background:#000;color:var(--txt);font-family:Roboto,-apple-system,"Segoe UI",sans-serif;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}
input{-webkit-user-select:text;user-select:text;font-family:inherit}
button{font-family:inherit;border:0;background:none;color:inherit;cursor:pointer}
img{-webkit-user-drag:none}
[hidden]{display:none!important}
#app{position:fixed;inset:0;overflow:hidden}
html.land #app{inset:auto;left:0;top:0;width:var(--aw);height:var(--ah)}
#blk{position:absolute;inset:0;z-index:100;background:transparent}
.bgd{background:#05030A;background-image:
 radial-gradient(ellipse 55% 55% at 50% -6%,rgba(255,42,58,.42) 0%,rgba(229,25,42,.55) 18%,rgba(196,20,36,.22) 45%,transparent 75%),
 radial-gradient(ellipse 40% 50% at 0% 100%,rgba(122,20,56,.14),transparent 70%),
 radial-gradient(ellipse 40% 50% at 100% 100%,rgba(70,40,150,.12),transparent 70%)}
.bgd::before{content:"";position:absolute;inset:0;background:url(/assets/img/ak_bg_dot.png) repeat;background-size:calc(var(--k)*39) calc(var(--k)*39);opacity:.35;pointer-events:none}
#fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
#stack{position:absolute;inset:0;z-index:2}
.scr{position:absolute;inset:0;padding:var(--sat) var(--sar) var(--sab) var(--sal);display:flex;animation:scrIn .75s cubic-bezier(0,0,.2,1) both}
.scr.out{animation:scrOut .45s linear both;pointer-events:none}
@keyframes scrIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}
@keyframes scrOut{from{opacity:1}to{opacity:0}}
.ico{display:inline-block;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.ib{width:calc(var(--k)*72);height:calc(var(--k)*72);display:grid;place-items:center;border-radius:50%;color:#fff}
.ib:active{background:rgba(255,255,255,.14)}
.ib .ico{width:62%;height:62%}

/* splash */
#splash{animation:none;background:#000;flex-direction:column;align-items:center;justify-content:center;z-index:50}
#splash video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;background:#000}
#splash .sp-t{position:absolute;bottom:calc(var(--k)*70 + var(--sab));left:0;right:0;text-align:center;color:#ccc;font-size:calc(var(--k)*30)}
#splash .sp-v{position:absolute;bottom:calc(var(--k)*28 + var(--sab));left:0;right:0;text-align:center;color:#888;font-size:calc(var(--k)*26)}
#splash .sp-tap{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.5);z-index:2;font-size:calc(var(--k)*40);font-weight:500}

/* selector de método + login */
.lg{align-items:center;justify-content:space-around;padding-left:calc(var(--k)*100);padding-right:calc(var(--k)*100)}
.lg-l{display:flex;flex-direction:column;align-items:center;gap:calc(var(--k)*26)}
.lg-logo{width:calc(var(--k)*360);height:calc(var(--k)*360);border-radius:calc(var(--k)*90);box-shadow:0 calc(var(--k)*20) calc(var(--k)*60) rgba(0,0,0,.6)}
.wbtn{display:flex;align-items:center;gap:calc(var(--k)*16);background:#E9E9E9;color:#111;border-radius:calc(var(--k)*6);padding:calc(var(--k)*18) calc(var(--k)*28);font-weight:700;font-size:calc(var(--k)*40);text-transform:uppercase;box-shadow:inset 0 0 0 calc(var(--k)*3) #fff}
.wbtn:active{filter:brightness(.85)}
.wbtn .ico{width:calc(var(--k)*68);height:calc(var(--k)*68);color:#111}
.lg-card{width:calc(var(--k)*1010);max-width:56vw;border:calc(var(--k)*3) solid rgba(255,255,255,.18);border-radius:calc(var(--k)*14);background:rgba(20,10,15,.35);padding:calc(var(--k)*34);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.lg-card h1{font-weight:400;font-size:calc(var(--k)*46);letter-spacing:.01em;color:#E6E6E6;margin-bottom:calc(var(--k)*34);text-transform:uppercase}
.fld{display:flex;align-items:center;height:calc(var(--k)*108);border-radius:calc(var(--k)*54);border:calc(var(--k)*3) solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);margin-bottom:calc(var(--k)*26);overflow:hidden}
.fld .ico{width:calc(var(--k)*50);height:calc(var(--k)*50);margin:0 calc(var(--k)*26) 0 calc(var(--k)*34);color:#fff;flex:none}
.fld::after{content:none}
.fld .sep{width:calc(var(--k)*3);height:calc(var(--k)*72);background:rgba(255,255,255,.28);flex:none;margin-right:calc(var(--k)*26)}
.fld input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;color:#fff;font-size:calc(var(--k)*40);padding-right:calc(var(--k)*26)}
.fld input::placeholder{color:rgba(255,255,255,.55)}
.fld .eye{width:calc(var(--k)*90);height:100%;display:grid;place-items:center;color:#fff}
.fld .eye .ico{margin:0;width:calc(var(--k)*46);height:calc(var(--k)*46)}
.rbtn{width:100%;height:calc(var(--k)*108);border-radius:calc(var(--k)*10);background:linear-gradient(90deg,#FF2A2A,#C40000);color:#fff;font-size:calc(var(--k)*56);font-weight:400;text-transform:uppercase;box-shadow:0 calc(var(--k)*8) calc(var(--k)*26) rgba(255,30,30,.25)}
.rbtn:active{filter:brightness(.82)}
.rbtn[disabled]{opacity:.6}
.tc{text-align:center;margin-top:calc(var(--k)*26);font-size:calc(var(--k)*34);color:rgba(255,255,255,.62)}
.tc a{color:#E62E2F;text-decoration:underline}
.err{color:#ff7b7b;text-align:center;margin-top:calc(var(--k)*14);font-size:calc(var(--k)*32);min-height:1em}

/* usuarios */
.us{flex-direction:column;align-items:center}
.us .us-logo{height:calc(var(--k)*100);margin-top:calc(var(--k)*110);width:auto;object-fit:contain}
.us-row{flex:1;display:flex;align-items:center;justify-content:center;gap:calc(var(--k)*80);overflow-x:auto;max-width:100%;padding:0 calc(var(--k)*60)}
.us-it{display:flex;flex-direction:column;align-items:center;gap:calc(var(--k)*18);flex:none}
.us-it img{width:calc(var(--k)*290);height:calc(var(--k)*290);border-radius:50%;object-fit:cover}
.us-it span{font-size:calc(var(--k)*46);color:#DADADA;max-width:calc(var(--k)*340);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.us-it:active{transform:scale(.95)}
.addb{display:flex;align-items:center;gap:calc(var(--k)*22);background:rgba(40,36,44,.9);border-radius:calc(var(--k)*60);padding:calc(var(--k)*26) calc(var(--k)*42);font-size:calc(var(--k)*56);color:#fff;margin-bottom:calc(var(--k)*70)}
.addb .ico{width:calc(var(--k)*76);height:calc(var(--k)*76)}
.addb:active{filter:brightness(.8)}
.us-empty{color:#aaa;font-size:calc(var(--k)*44)}

/* bienvenida */
.wl{align-items:center;justify-content:flex-start;padding-left:calc(var(--k)*108)}
.wl-av{position:relative;width:calc(var(--k)*432);height:calc(var(--k)*432);flex:none}
.wl-av img{position:absolute;inset:calc(var(--k)*30);width:calc(100% - var(--k)*60);height:calc(100% - var(--k)*60);border-radius:50%;object-fit:cover}
.wl-av svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 1.6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.wl-t{margin-left:calc(var(--k)*56)}
.wl-t h2{font-size:calc(var(--k)*64);font-weight:700;color:#E6E6E6;margin-bottom:calc(var(--k)*34)}
.wl-t p{font-size:calc(var(--k)*50);color:#A8A0A4}

/* home */
.hm{flex-direction:column;padding-left:calc(var(--k)*166 + var(--sal));padding-right:calc(var(--k)*166 + var(--sar))}
.hm-top{display:flex;align-items:center;justify-content:space-between;height:calc(var(--k)*226);position:relative;padding-top:calc(var(--k)*0)}
.hm-user img,.hm-user b{cursor:pointer}
.hm-user{display:flex;align-items:center;gap:calc(var(--k)*50);margin-left:calc(var(--k)*-0)}
.hm-user img{width:calc(var(--k)*124);height:calc(var(--k)*124);border-radius:50%;object-fit:cover}
.hm-user b{font-size:calc(var(--k)*48);text-transform:uppercase;color:#fff;font-weight:700;max-width:calc(var(--k)*520);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-logo{position:absolute;left:50%;top:calc(var(--k)*80);transform:translateX(-50%);height:calc(var(--k)*76);width:auto}
.hm-ic{display:flex;align-items:center;gap:calc(var(--k)*30)}
.hm-ic .ib{width:calc(var(--k)*80);height:calc(var(--k)*80)}
.fx{width:calc(var(--k)*86);height:calc(var(--k)*44);border-radius:calc(var(--k)*22);background:linear-gradient(90deg,#FF2A2A,#C40000);position:relative;margin-right:calc(var(--k)*10)}
.fx i{position:absolute;top:calc(var(--k)*3);right:calc(var(--k)*3);width:calc(var(--k)*38);height:calc(var(--k)*38);border-radius:50%;background:#fff;color:#E11D2A;display:grid;place-items:center;transition:all .2s}
.fx i .ico{width:70%;height:70%}
.fx.off{background:#444}.fx.off i{right:calc(var(--k)*45)}
.hm-cards{flex:1;display:flex;gap:calc(var(--k)*58);padding-bottom:calc(var(--k)*20);min-height:0;max-height:calc(var(--k)*720)}
.cd{flex:1;position:relative;border-radius:calc(var(--k)*34);border:calc(var(--k)*4) solid var(--c);background:var(--g);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.cd:active{transform:scale(.98)}
.cd::before{content:"";position:absolute;inset:0;background:var(--pt);-webkit-mask:url(/assets/ic/pattern.svg) center/calc(var(--k)*960) auto repeat;mask:url(/assets/ic/pattern.svg) center/calc(var(--k)*960) auto repeat;pointer-events:none}
.cd .big{width:calc(var(--k)*190);height:calc(var(--k)*190);color:var(--a);position:relative}
.cd h3{font-size:calc(var(--k)*68);font-weight:700;margin-top:calc(var(--k)*8);position:relative;text-transform:uppercase}
.cd .bd{position:absolute;top:calc(var(--k)*34);right:calc(var(--k)*34);min-width:calc(var(--k)*44);height:calc(var(--k)*58);padding:0 calc(var(--k)*12);border-radius:calc(var(--k)*12);background:var(--bd,var(--a));border:calc(var(--k)*2) solid var(--bdb,transparent);color:#101418;font-weight:700;font-size:calc(var(--k)*34);display:grid;place-items:center}
.cd .bt{position:absolute;left:calc(var(--k)*30);right:calc(var(--k)*30);bottom:calc(var(--k)*28);height:calc(var(--k)*78);border-radius:calc(var(--k)*40);border:calc(var(--k)*2) solid var(--pb,var(--a));background:rgba(10,10,15,.8);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--k)*8) 0 calc(var(--k)*70);font-size:calc(var(--k)*27)}
.cd .bt .dl{width:calc(var(--k)*72);height:calc(var(--k)*60);border-radius:calc(var(--k)*30);background:var(--a);display:grid;place-items:center;color:#fff}
.cd .bt .dl .ico{width:56%;height:56%}
.cd .bt.ld .dl .ico{animation:spin 1s linear infinite}
.cd.live{--c:#FF0000;--a:#FF2A2A;--g:linear-gradient(0deg,#7A0C0C 0%,#1C0507 50%,#0B0305 100%);--pt:rgba(255,42,42,.35);--bar:rgba(255,42,42,.8)}
.cd.mov{--c:#3FA9F5;--a:#3FA9F5;--g:linear-gradient(0deg,#15405C 0%,#0A1519 50%,#05090B 100%);--pt:rgba(63,169,245,.25);--bar:#3FA9F5}
.cd.ser{--c:#FFC22E;--a:#FFC22E;--g:linear-gradient(0deg,#4A3B0E 0%,#14130A 50%,#060906 100%);--pt:rgba(255,194,46,.25);--bar:#FFC22E}
.hm-exp{text-align:center;font-size:calc(var(--k)*34);color:#E8E8E8;padding:calc(var(--k)*12) 0 calc(var(--k)*30)}

/* listas */
.ls{flex-direction:column}
.ls-top{display:flex;align-items:center;height:calc(var(--k)*130);padding:0 calc(var(--k)*40);flex:none}
.ls-top .mid{flex:1;display:flex;align-items:center;justify-content:center;gap:calc(var(--k)*24);font-size:calc(var(--k)*46);font-weight:700;text-transform:uppercase;color:#fff}
.ls-top .mid img{width:calc(var(--k)*80);height:calc(var(--k)*80);border-radius:50%;object-fit:cover}
.ls-body{flex:1;display:flex;min-height:0;padding:0 calc(var(--k)*30) calc(var(--k)*20)}
.ls-l{flex:1;display:flex;flex-direction:column;min-width:0;padding-right:calc(var(--k)*14)}
.ls-sr{display:flex;align-items:center;height:calc(var(--k)*80);border-radius:calc(var(--k)*40);background:rgba(255,255,255,.1);border:calc(var(--k)*2) solid rgba(255,255,255,.2);margin-bottom:calc(var(--k)*14);padding:0 calc(var(--k)*22);flex:none}
.ls-sr .ico{width:calc(var(--k)*36);height:calc(var(--k)*36);color:#fff;margin-right:calc(var(--k)*14)}
.ls-sr input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font-size:calc(var(--k)*32)}
.ls-sr input::placeholder{color:rgba(255,255,255,.5)}
.cats{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}
.cat{display:flex;align-items:center;min-height:calc(var(--k)*74);padding:calc(var(--k)*10) calc(var(--k)*22);border-radius:calc(var(--k)*12);font-size:calc(var(--k)*31);color:#D8D8D8;margin-bottom:calc(var(--k)*6);line-height:1.15;gap:calc(var(--k)*10)}
.cat span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cat em{font-style:normal;font-size:calc(var(--k)*26);opacity:.7}
.cat.on{background:linear-gradient(90deg,#FF2A2A,#9E1620);color:#fff;font-weight:700}
.cat:active{background:rgba(255,255,255,.1)}
.ls-div{width:calc(var(--k)*2);background:rgba(255,255,255,.22);margin:0 calc(var(--k)*8);flex:none}
.ls-r{flex:2.8;min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-left:calc(var(--k)*16)}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--k)*20);padding-bottom:calc(var(--k)*30)}
.grid.lv{grid-template-columns:repeat(5,1fr)}
.pc{position:relative;border-radius:calc(var(--k)*14);overflow:hidden;background:#15121a;aspect-ratio:1/1.15;display:block}
.pc:active{transform:scale(.96)}
.pc img{width:100%;height:100%;object-fit:cover;display:block;background:#15121a}
.pc.lv{aspect-ratio:1/1;background:rgba(255,255,255,.07)}
.pc.lv img{object-fit:contain;padding:calc(var(--k)*18) calc(var(--k)*18) calc(var(--k)*60)}
.pc .tt{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);color:#fff;font-size:calc(var(--k)*26);padding:calc(var(--k)*8) calc(var(--k)*10);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc .st{position:absolute;top:calc(var(--k)*8);left:calc(var(--k)*8);background:rgba(0,0,0,.6);border-radius:calc(var(--k)*8);padding:calc(var(--k)*3) calc(var(--k)*10);font-size:calc(var(--k)*24);color:#FFC22E;display:flex;gap:calc(var(--k)*5);align-items:center}
.pc .st .ico{width:calc(var(--k)*24);height:calc(var(--k)*24)}
.mre{display:block;margin:calc(var(--k)*10) auto calc(var(--k)*40);padding:calc(var(--k)*20) calc(var(--k)*70);border-radius:calc(var(--k)*14);background:linear-gradient(90deg,#FF2A2A,#C40000);color:#fff;font-weight:700;font-size:calc(var(--k)*34)}
.empty{display:grid;place-items:center;height:100%;color:#999;font-size:calc(var(--k)*40);text-align:center}
.spin{width:calc(var(--k)*80);height:calc(var(--k)*80);border:calc(var(--k)*8) solid rgba(255,255,255,.2);border-top-color:#FF2A2A;border-radius:50%;animation:spin .9s linear infinite;margin:auto}

/* detalle */
.dt{position:relative;overflow:hidden}
.dt-bg{position:absolute;inset:-5%;background-size:cover;background-position:center;filter:blur(calc(var(--k)*24)) brightness(.35);z-index:0}
.dt-in{position:relative;z-index:1;display:flex;flex-direction:column;width:100%}
.dt-main{flex:1;display:flex;gap:calc(var(--k)*50);padding:0 calc(var(--k)*70) calc(var(--k)*30);min-height:0}
.dt-p{flex:none;width:calc(var(--k)*430);display:flex;flex-direction:column;align-items:center;gap:calc(var(--k)*16)}
.dt-p img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:calc(var(--k)*16);max-height:calc(var(--k)*620)}
.stars{display:flex;gap:calc(var(--k)*6);color:#FFC22E}.stars .ico{width:calc(var(--k)*40);height:calc(var(--k)*40)}.stars .o{color:#777}
.dt-i{flex:1;min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.dt-i h1{font-size:calc(var(--k)*62);font-weight:700;color:#fff;margin-bottom:calc(var(--k)*14)}
.meta{font-size:calc(var(--k)*32);color:#C8C8C8;margin-bottom:calc(var(--k)*8)}.meta b{color:#fff}
.btns{display:flex;gap:calc(var(--k)*26);margin:calc(var(--k)*24) 0}
.bp{display:flex;align-items:center;gap:calc(var(--k)*14);padding:calc(var(--k)*20) calc(var(--k)*50);border-radius:calc(var(--k)*50);background:linear-gradient(90deg,#F03A3B,#B8222C);color:#fff;font-size:calc(var(--k)*38);font-weight:700}
.bp .ico{width:calc(var(--k)*44);height:calc(var(--k)*44)}
.bp:active{filter:brightness(.8)}
.bs{background:rgba(255,255,255,.14)}
.plot{font-size:calc(var(--k)*32);line-height:1.45;color:#D0D0D0}
.sea{display:flex;gap:calc(var(--k)*14);flex-wrap:wrap;margin:calc(var(--k)*10) 0 calc(var(--k)*20)}
.chip{padding:calc(var(--k)*12) calc(var(--k)*34);border-radius:calc(var(--k)*40);background:rgba(255,255,255,.12);font-size:calc(var(--k)*32);color:#fff}.chip.on{background:linear-gradient(90deg,#FF2A2A,#C40000)}
.eps{display:flex;flex-direction:column;gap:calc(var(--k)*10)}
.ep{display:flex;align-items:center;gap:calc(var(--k)*20);padding:calc(var(--k)*16) calc(var(--k)*24);border-radius:calc(var(--k)*14);background:rgba(255,255,255,.08);font-size:calc(var(--k)*32);color:#fff}
.ep:active{background:rgba(255,255,255,.2)}.ep .ico{width:calc(var(--k)*44);height:calc(var(--k)*44);color:#FF2A2A;flex:none}.ep span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* reproductor */
.pl{position:fixed;inset:0;z-index:60;background:#000;display:block;padding:0;animation:none}
.pl video{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain}
.pl .ct{position:absolute;inset:0;transition:opacity .25s;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.65),transparent 30%,transparent 65%,rgba(0,0,0,.75));padding:var(--sat) var(--sar) var(--sab) var(--sal)}
.pl .ct.h{opacity:0;pointer-events:none}
.pl .tb{display:flex;align-items:center;gap:calc(var(--k)*20);padding:calc(var(--k)*20) calc(var(--k)*34)}
.pl .tb h4{flex:1;min-width:0;font-size:calc(var(--k)*40);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl .cn{align-self:center;display:flex;align-items:center;gap:calc(var(--k)*90)}
.pl .cn .ib{width:calc(var(--k)*130);height:calc(var(--k)*130)}
.pl .cn .pp{width:calc(var(--k)*180);height:calc(var(--k)*180);background:rgba(0,0,0,.45)}
.pl .bm{padding:0 calc(var(--k)*50) calc(var(--k)*34)}
.pl .sk{display:flex;align-items:center;gap:calc(var(--k)*20);font-size:calc(var(--k)*30);color:#fff}
.pl input[type=range]{flex:1;accent-color:#FF2A2A;height:calc(var(--k)*50)}
.pl .lvb{display:flex;align-items:center;justify-content:center;gap:calc(var(--k)*40);color:#fff;font-size:calc(var(--k)*36)}
.pl .lvb small{display:block;color:#FF4A4A;font-size:calc(var(--k)*26);letter-spacing:.1em}
.pl .tag{padding:calc(var(--k)*6) calc(var(--k)*22);border-radius:calc(var(--k)*8);background:rgba(255,255,255,.2);font-size:calc(var(--k)*28);color:#fff}
.pl .cl{position:absolute;top:0;bottom:0;right:0;width:calc(var(--k)*620);background:rgba(8,6,10,.92);overflow-y:auto;transform:translateX(100%);transition:transform .25s;padding:var(--sat) var(--sar) var(--sab) calc(var(--k)*10)}
.pl .cl.o{transform:none}
.pl .cl .cat{font-size:calc(var(--k)*34)}
.pl .ld{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.pl .er{position:absolute;left:0;right:0;top:50%;text-align:center;color:#fff;font-size:calc(var(--k)*40);padding:0 calc(var(--k)*80);transform:translateY(-50%);background:rgba(0,0,0,.6);padding-top:calc(var(--k)*20);padding-bottom:calc(var(--k)*20)}

/* overlays: diálogos, toasts */
#ovl{position:absolute;inset:0;z-index:80;pointer-events:none}
#ovl>*{pointer-events:auto}
.dlg-bk{position:absolute;inset:0;background:rgba(0,0,0,.7);display:grid;place-items:center;animation:bkIn .22s both}
.dlg-bk .dlg{animation:dlIn .22s cubic-bezier(0,0,.2,1) both}
.dlg-bk.x{animation:bkOut .16s both;pointer-events:none}
.dlg-bk.x .dlg{animation:dlOut .16s both}
@keyframes bkIn{from{opacity:0}to{opacity:1}}@keyframes bkOut{to{opacity:0}}
@keyframes dlIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes dlOut{to{opacity:0;transform:scale(.96)}}
.dlg{width:calc(var(--k)*1000);max-width:86vw;max-height:88vh;overflow:auto;background:#14101A;border:calc(var(--k)*2) solid rgba(255,255,255,.14);border-radius:calc(var(--k)*28);padding:calc(var(--k)*50);text-align:center}
.dlg h3{font-size:calc(var(--k)*50);color:#fff;margin-bottom:calc(var(--k)*22)}
.dlg p{font-size:calc(var(--k)*36);color:#C8C8C8;margin-bottom:calc(var(--k)*34);line-height:1.35}
.dlg .row{display:flex;gap:calc(var(--k)*24);justify-content:center}
.dlg .row button{flex:1;padding:calc(var(--k)*24);border-radius:calc(var(--k)*16);font-size:calc(var(--k)*38);font-weight:700;background:rgba(255,255,255,.14);color:#fff}
.dlg .row button.p{background:linear-gradient(90deg,#FF2A2A,#C40000)}
.dlg .row button:active{filter:brightness(.8)}
.avs{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--k)*30);margin-bottom:calc(var(--k)*34);justify-items:center}
.avs img{width:calc(var(--k)*230);height:calc(var(--k)*230);border-radius:50%;object-fit:cover;border:calc(var(--k)*6) solid transparent}
.avs img.on{border-color:#FF2A2A}
.opts{display:flex;flex-direction:column;gap:calc(var(--k)*10);margin-bottom:calc(var(--k)*30);text-align:left}
.opt{padding:calc(var(--k)*22) calc(var(--k)*28);border-radius:calc(var(--k)*14);background:rgba(255,255,255,.08);font-size:calc(var(--k)*36);color:#fff;display:flex;justify-content:space-between}
.opt.on{background:linear-gradient(90deg,#FF2A2A,#9E1620)}
#toasts{position:absolute;left:0;right:0;bottom:calc(var(--k)*80);z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.toast{background:rgba(30,26,34,.95);color:#fff;border-radius:calc(var(--k)*40);padding:calc(var(--k)*18) calc(var(--k)*44);font-size:calc(var(--k)*34);animation:scrIn .2s both}

/* girar */
#rot{position:fixed;inset:0;z-index:200;background:#05030A;display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#fff;text-align:center;padding:30px;font-size:18px}
#rot svg{width:76px;height:76px;animation:rot 2.2s ease-in-out infinite}
@keyframes rot{0%,20%{transform:rotate(0)}60%,100%{transform:rotate(-90deg)}}
html.port #rot{display:flex}

/* ===== aviso de instalación (mismo diseño que el de Botcode) ===== */
.pwa{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:max(12px,var(--sat)) 16px max(12px,var(--sab));background:radial-gradient(ellipse at 50% 0%,rgba(229,25,42,.35),#05030A 70%);overflow:auto}
.pwa-card{width:min(440px,100%);max-height:100%;overflow:auto;background:linear-gradient(180deg,#16101a,#0c080f);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:22px 24px;text-align:center;animation:pwaIn .5s cubic-bezier(.2,.9,.3,1.2) both;box-shadow:0 20px 70px rgba(0,0,0,.7)}
@keyframes pwaIn{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
.pwa-lg{position:relative;width:84px;height:84px;margin:0 auto 12px}
.pwa-glow{position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,rgba(255,42,58,.55),transparent 68%);animation:pwaGl 2.4s ease-in-out infinite}
@keyframes pwaGl{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
.pwa-ic{position:relative;width:84px;height:84px;border-radius:20px;animation:pwaIc 3s ease-in-out infinite}
@keyframes pwaIc{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.pwa-h{font-size:22px;font-weight:700;color:#fff;margin-bottom:6px}
.pwa-p{font-size:14px;color:#BDB6BD;line-height:1.4;margin-bottom:14px}
.pwa-st{list-style:none;text-align:left;display:flex;flex-direction:column;gap:8px;margin-bottom:14px;counter-reset:s}
.pwa-st li{counter-increment:s;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border-radius:12px;padding:9px 12px;font-size:14px;color:#fff;opacity:0;animation:pwaUp .45s ease forwards}
.pwa-st li:nth-child(1){animation-delay:.25s}.pwa-st li:nth-child(2){animation-delay:.45s}.pwa-st li:nth-child(3){animation-delay:.65s}
.pwa-st li::before{content:counter(s);flex:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#FF2A2A,#C40000);display:grid;place-items:center;font-size:13px;font-weight:700;animation:pwaStep 2.4s ease-in-out infinite}
.pwa-st li svg{width:20px;height:20px;vertical-align:-4px;margin:0 2px;color:#4aa3ff}
@keyframes pwaUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pwaStep{0%,100%{box-shadow:0 0 0 0 rgba(255,42,58,.5)}50%{box-shadow:0 0 0 6px rgba(255,42,58,0)}}
@keyframes pwaSh{0%,60%{left:-60%}100%{left:130%}}
.pwa-ft{margin-top:10px;font-size:12px;color:#8d848d}
@media (orientation:landscape) and (max-height:480px){.pwa-card{display:grid;grid-template-columns:auto 1fr;column-gap:20px;text-align:left;width:min(720px,100%);padding:14px 20px}.pwa-lg{grid-row:1/5;margin:0;align-self:center}.pwa-st{margin-bottom:8px}.pwa-p{margin-bottom:8px}.pwa-h{font-size:19px}.pwa-st li{padding:6px 10px;font-size:13px}}

/* ===== ALTOKE v258 ===== */
.ls-r.fin .grid,.ls-r.fin .empty{animation:fadeIn .75s ease both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.cd,.pc,.cat,.st-c,.us-it,.hm-user,.bp,.rbtn,.ib{transition:transform .2s ease,filter .2s ease,background-color .2s ease}
.dlb{width:auto;padding:0 calc(var(--k)*80);margin-top:calc(var(--k)*30)}
.dlg .fld{height:calc(var(--k)*96);margin-bottom:calc(var(--k)*18)}
.dlg .fld input{padding-left:calc(var(--k)*34);font-size:calc(var(--k)*36);text-align:left}
.dlg .err{font-size:calc(var(--k)*30);margin:0 0 calc(var(--k)*18)}
.dlg .row button[data-n]{background:rgba(255,255,255,.14)}

/* Ajustes (estilo de la app Android) */
.st,.wb,.ab{flex-direction:column}
.st-top{display:flex;align-items:center;gap:calc(var(--k)*30);height:calc(var(--k)*170);padding:0 calc(var(--k)*50);flex:none}
.st-bd{width:calc(var(--k)*100);height:calc(var(--k)*100);border-radius:calc(var(--k)*30);background:linear-gradient(135deg,#FF3B3B,#9E1620);display:grid;place-items:center;color:#fff;box-shadow:0 calc(var(--k)*8) calc(var(--k)*28) rgba(230,46,47,.45);animation:wig 1.6s ease-in-out .5s 1}
.st-bd .ico{width:58%;height:58%}
@keyframes wig{0%,100%{transform:rotate(0)}30%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}}
.st-tt{display:flex;flex-direction:column}
.st-tt b{font-size:calc(var(--k)*58);font-weight:700;color:#fff;letter-spacing:.04em}
.st-tt small{font-size:calc(var(--k)*30);color:var(--sub);letter-spacing:.2em}
.st-g{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:calc(var(--k)*34);padding:calc(var(--k)*10) calc(var(--k)*120) calc(var(--k)*60);min-height:0}
.st-c{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--k)*8);border-radius:calc(var(--k)*40);border:calc(var(--k)*3) solid color-mix(in srgb,var(--c) 55%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 22%,rgba(255,255,255,.04)),rgba(255,255,255,.05));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;overflow:hidden;opacity:0;animation:cardUp .6s cubic-bezier(0,0,.2,1) forwards}
.st-c:nth-child(1){animation-delay:.25s}.st-c:nth-child(2){animation-delay:.35s}.st-c:nth-child(3){animation-delay:.45s}.st-c:nth-child(4){animation-delay:.55s}
@keyframes cardUp{from{opacity:0;transform:translateY(calc(var(--k)*40)) scale(.96)}to{opacity:1;transform:none}}
.st-c:active{transform:scale(.97);filter:brightness(1.15)}
.st-i{width:calc(var(--k)*130);height:calc(var(--k)*130);border-radius:calc(var(--k)*40);background:color-mix(in srgb,var(--c) 30%,transparent);display:grid;place-items:center;color:var(--c)}
.st-i .ico{width:56%;height:56%}
.st-c b{font-size:calc(var(--k)*46);font-weight:700;letter-spacing:.03em}
.st-c small{font-size:calc(var(--k)*28);color:var(--sub)}
.wb-f{flex:1;position:relative;margin:0 calc(var(--k)*60) calc(var(--k)*40);border-radius:calc(var(--k)*30);overflow:hidden;background:#10090e;border:calc(var(--k)*2) solid rgba(255,255,255,.14);display:flex}
.wb-f iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#10090e}
.ab-c{flex:1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:0 calc(var(--k)*200) calc(var(--k)*40);text-align:center;gap:calc(var(--k)*14)}
.ab-c img{width:calc(var(--k)*200);height:calc(var(--k)*200);border-radius:calc(var(--k)*50)}
.ab-c h2{font-size:calc(var(--k)*58);color:#fff}
.ab-c p{font-size:calc(var(--k)*32);color:#C8C8C8;line-height:1.4;max-width:calc(var(--k)*1300)}
.ab-g{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--k)*24);width:100%;margin-top:calc(var(--k)*20)}
.ab-i{display:flex;flex-direction:column;align-items:center;gap:calc(var(--k)*8);padding:calc(var(--k)*28) calc(var(--k)*14);border-radius:calc(var(--k)*28);background:rgba(255,255,255,.07);border:calc(var(--k)*2) solid rgba(255,255,255,.12);min-width:0}
.ab-i .ico{width:calc(var(--k)*64);height:calc(var(--k)*64);color:#FF4A4A}
.ab-i small{font-size:calc(var(--k)*24);color:var(--sub);letter-spacing:.15em}
.ab-i b{font-size:calc(var(--k)*30);color:#fff;font-weight:500;max-width:100%;overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce){.scr,.st-c{animation-duration:.01s!important}}

.cd.live{--bd:#C41515;--bdb:rgba(255,42,42,.35);--pb:rgba(255,42,42,.5)}

.cd .vw{position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:5;pointer-events:none}
.cd .pbf{position:absolute;inset:0;z-index:6;pointer-events:none;background:var(--bar);opacity:.4;clip-path:inset(0 calc(100% - var(--p,0%)) 0 0)}
.cd .bt{z-index:2}

/* ===== listas: cabecera como la app ===== */
.ls-top{position:relative;height:calc(var(--k)*180);padding:0 calc(var(--k)*70)}
.ls-av{width:calc(var(--k)*118);height:calc(var(--k)*118);border-radius:50%;object-fit:cover;margin-left:calc(var(--k)*20);box-shadow:0 0 0 calc(var(--k)*5) #1E7BFF,0 0 calc(var(--k)*22) rgba(30,123,255,.8)}
.ls-top .mid{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;font-size:calc(var(--k)*62)}
.gls{position:absolute;right:calc(var(--k)*70);top:50%;transform:translateY(-50%);width:calc(var(--k)*140);height:calc(var(--k)*108);border-radius:calc(var(--k)*28);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:calc(var(--k)*3) solid rgba(255,255,255,.28);display:grid;place-items:center;color:#fff}
.gls .ico{width:46%;height:46%}.gls:active{filter:brightness(.8)}
.ls-body{padding:0 calc(var(--k)*70) calc(var(--k)*20)}
.ls-sr.cs{border-radius:calc(var(--k)*18);height:calc(var(--k)*92);background:rgba(255,255,255,.12);border:calc(var(--k)*2) solid rgba(255,255,255,.2);justify-content:space-between;padding:0 calc(var(--k)*26)}
.ls-sr.cs input{padding:0;font-size:calc(var(--k)*40)}
.ls-sr.cs .ico{margin:0 0 0 calc(var(--k)*14)}
.pc{aspect-ratio:auto;border-radius:calc(var(--k)*8)}
.pc img{height:auto;min-height:calc(var(--k)*150)}
.pc.lv{aspect-ratio:1/1}.pc.lv img{height:100%}
.pc .st{top:calc(var(--k)*10);left:auto;right:calc(var(--k)*10);background:rgba(0,0,0,.55);padding:calc(var(--k)*3) calc(var(--k)*12);font-size:calc(var(--k)*36);color:#fff}
.pc .st .ico{width:calc(var(--k)*40);height:calc(var(--k)*40);color:#fff}
.pc .tt{left:calc(var(--k)*10);right:calc(var(--k)*10);bottom:calc(var(--k)*10);border-radius:calc(var(--k)*10);background:rgba(0,0,0,.55);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.12;font-size:calc(var(--k)*30)}

/* ===== buscador como la app ===== */
.sc-top{display:flex;align-items:center;gap:calc(var(--k)*34);padding:0 calc(var(--k)*80);height:calc(var(--k)*160);flex:none}
.sc-top b{font-size:calc(var(--k)*52);color:#fff;font-weight:700}
.sc-pill{display:flex;align-items:center;margin:0 calc(var(--k)*80) calc(var(--k)*30);height:calc(var(--k)*132);border-radius:calc(var(--k)*66);background:rgba(255,255,255,.1);border:calc(var(--k)*3) solid rgba(255,255,255,.28);padding:0 calc(var(--k)*12) 0 calc(var(--k)*50);flex:none}
.sc-pill .sc-l{width:calc(var(--k)*50);height:calc(var(--k)*50);color:#E62E2F;flex:none}
.sc-pill input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font-size:calc(var(--k)*44);margin:0 calc(var(--k)*20) 0 calc(var(--k)*26);height:100%}
.sc-pill input::placeholder{color:rgba(255,255,255,.55)}
.sc-pill button{width:calc(var(--k)*108);height:calc(var(--k)*108);border-radius:50%;background:#E0272B;color:#fff;display:grid;place-items:center;flex:none}
.sc-pill button .ico{width:50%;height:50%}
.sc .ls-body{padding:0 calc(var(--k)*80) 0}

/* ===== Nosotros como la app ===== */
.st-bd{border-radius:calc(var(--k)*26);background:#E0272B;box-shadow:none;animation:none}
.st-top{height:calc(var(--k)*200);padding:0 calc(var(--k)*60);gap:calc(var(--k)*34)}
.ab-c{justify-content:flex-start;padding:0 calc(var(--k)*200) calc(var(--k)*40);gap:calc(var(--k)*8)}
.ab-c img{width:calc(var(--k)*206);height:calc(var(--k)*206);border-radius:calc(var(--k)*50)}
.ab-c h2{font-size:calc(var(--k)*56);margin-top:calc(var(--k)*6)}
.ab-c p{font-size:calc(var(--k)*35);color:#B8B8B8;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:calc(var(--k)*1500)}
.ab-g{grid-template-columns:1fr 1fr;gap:calc(var(--k)*34) calc(var(--k)*36);width:calc(var(--k)*1420);margin-top:calc(var(--k)*28)}
.ab-i{height:calc(var(--k)*216);justify-content:center;border-radius:calc(var(--k)*40);background:rgba(255,255,255,.07);border:calc(var(--k)*3) solid rgba(255,255,255,.14);gap:calc(var(--k)*10)}
.ab-i .ico{width:calc(var(--k)*46);height:calc(var(--k)*46);color:#E0272B}
.ab-i small{font-size:calc(var(--k)*30);letter-spacing:.02em;color:#B0B0B0;text-transform:uppercase}
.ab-i b{font-size:calc(var(--k)*42);font-weight:700}

/* Ajustes: las 4 tarjetas ya aparecen cargadas */
.st-c{opacity:1;animation:none}

/* sin barras de scroll, partículas por encima de todo */
*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{display:none;width:0;height:0}
#fx{z-index:95}
body.inplayer #fx{display:none}

/* ===== aviso de instalación: animación suave ===== */
.pwa{animation:pwaBg .5s ease both}
@keyframes pwaBg{from{opacity:0}to{opacity:1}}
.pwa-card{animation:pwaIn .7s cubic-bezier(.16,1,.3,1) .05s both}
@keyframes pwaIn{from{opacity:0;transform:translateY(28px) scale(.94);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.pwa-lg{animation:pwaLg .8s cubic-bezier(.16,1,.3,1) .15s both}
@keyframes pwaLg{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.pwa-ic{animation:none}
.pwa-glow{animation:pwaGl 4s ease-in-out infinite}
@keyframes pwaGl{0%,100%{opacity:.45;transform:scale(.95)}50%{opacity:.8;transform:scale(1.08)}}
.pwa-h,.pwa-p{animation:pwaUp .6s cubic-bezier(.16,1,.3,1) both}
.pwa-h{animation-delay:.3s}.pwa-p{animation-delay:.38s}
.pwa-st li{opacity:0;animation:pwaUp .6s cubic-bezier(.16,1,.3,1) forwards}
.pwa-st li:nth-child(1){animation-delay:.48s}.pwa-st li:nth-child(2){animation-delay:.58s}.pwa-st li:nth-child(3){animation-delay:.68s}
.pwa-st li::before{animation:none}
.pwa-ft{animation:pwaUp .6s ease .85s both}
@media (prefers-reduced-motion:reduce){.pwa,.pwa-card,.pwa-lg,.pwa-h,.pwa-p,.pwa-st li,.pwa-ft{animation-duration:.01s!important;animation-delay:0s!important}}

/* ===== iPhone: márgenes seguros, nada toca los bordes ni el notch ===== */
.scr{padding:max(var(--sat),calc(var(--k)*20)) max(var(--sar),calc(var(--k)*56)) max(var(--sab),calc(var(--k)*28)) max(var(--sal),calc(var(--k)*56))}
#splash,.pl{padding:0}
.hm{padding-left:calc(var(--k)*110 + max(var(--sal),calc(var(--k)*56)));padding-right:calc(var(--k)*110 + max(var(--sar),calc(var(--k)*56)))}
.ls-top,.sc-top,.st-top{padding-left:calc(var(--k)*30);padding-right:calc(var(--k)*30)}
.gls{right:calc(var(--k)*30)}
.ls-body,.sc .ls-body{padding-left:calc(var(--k)*30);padding-right:calc(var(--k)*30)}
.sc-pill{margin-left:calc(var(--k)*30);margin-right:calc(var(--k)*30)}
.st-g{padding-left:calc(var(--k)*70);padding-right:calc(var(--k)*70)}
.wb-f{margin-left:calc(var(--k)*30);margin-right:calc(var(--k)*30)}
.ab-c{padding-left:calc(var(--k)*100);padding-right:calc(var(--k)*100)}
.pl .tb,.pl .bm{padding-left:max(var(--sal),calc(var(--k)*50));padding-right:max(var(--sar),calc(var(--k)*50))}
.pl .bm{padding-bottom:max(var(--sab),calc(var(--k)*34))}
.dlg{max-height:calc(var(--ah,100vh) - var(--k)*80)}
/* canales: tarjetas grises como la app */
.pc.lv{background:linear-gradient(180deg,#ececec,#b9b9b9);border:calc(var(--k)*2) solid rgba(255,255,255,.35)}
.pc.lv img{object-fit:contain;padding:calc(var(--k)*12) calc(var(--k)*12) calc(var(--k)*70);background:none}
.cat em{display:none}

html{background-color:#05030A;background-image:radial-gradient(ellipse 55% 55% at 50% -6%,rgba(255,42,58,.42) 0%,rgba(229,25,42,.55) 18%,rgba(196,20,36,.22) 45%,transparent 75%)}
body{background:transparent}
.ab-c p{flex:none}
#splash video{opacity:1}
#splash.nov video{display:none}

/* fondo de película a pantalla completa (también cuando iOS entrega un tamaño viejo) */
html.land,html.land body{width:var(--aw);height:var(--ah);min-height:var(--ah)}
.dt-bg{position:fixed;left:calc(var(--k)*-60);top:calc(var(--k)*-60);width:calc(var(--aw,100vw) + var(--k)*120);height:calc(var(--ah,100vh) + var(--k)*120);right:auto;bottom:auto;background-size:cover;background-position:center}
.dt{position:absolute;inset:0;overflow:hidden}
/* detalle: la columna de la derecha (capítulos) se desliza */
.dt-in{height:100%;min-height:0}
.dt-main{min-height:0;overflow:hidden}
.dt-i{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-bottom:calc(var(--k)*40)}
.dt-p{overflow:hidden}

/* ===== tarjetas: borde de color y brillo solo cuando ya hay contenido descargado ===== */
.cd{border-color:rgba(255,255,255,.16)}
.cd.dld{border-color:var(--c)}
.cd .shim{display:none;position:absolute;inset:0;pointer-events:none;background:rgba(0,0,0,.7);
  -webkit-mask-image:url(/assets/ic/pattern.svg),linear-gradient(100deg,transparent 0,#000 50%,transparent 100%);mask-image:url(/assets/ic/pattern.svg),linear-gradient(100deg,transparent 0,#000 50%,transparent 100%);
  -webkit-mask-size:calc(var(--k)*960) auto,60% 100%;mask-size:calc(var(--k)*960) auto,60% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;
  -webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-position:center,-150% 0;mask-position:center,-150% 0;animation:shim 3.5s linear infinite}
.cd.dld .shim{display:block}
@keyframes shim{from{-webkit-mask-position:center,-150% 0;mask-position:center,-150% 0}to{-webkit-mask-position:center,250% 0;mask-position:center,250% 0}}
#blk.upd{background:rgba(0,0,0,.55)}
body.insplash #fx{opacity:0}

/* ===== listas: avatar y nombre en el mismo lugar que el inicio ===== */
.ls-top{height:calc(var(--k)*226);padding:0 calc(var(--k)*110);justify-content:flex-start}
.ls-top .hm-user{margin:0}
.ls-bk{position:absolute;left:calc(var(--k)*20);top:50%;transform:translateY(-50%)}
.ls-top .mid{font-size:calc(var(--k)*62)}
.gls{right:calc(var(--k)*110)}
.ls-av{display:none}

/* ===== Nosotros: todo cabe sin scroll ===== */
.ab .st-top{height:calc(var(--k)*140)}
.ab .st-bd{width:calc(var(--k)*88);height:calc(var(--k)*88);border-radius:calc(var(--k)*22)}
.ab .st-tt b{font-size:calc(var(--k)*46)}.ab .st-tt small{font-size:calc(var(--k)*26)}
.ab-c{overflow:hidden;gap:calc(var(--k)*4);padding-bottom:calc(var(--k)*20)}
.ab-c img{width:calc(var(--k)*150);height:calc(var(--k)*150);border-radius:calc(var(--k)*36)}
.ab-c h2{font-size:calc(var(--k)*50);margin-top:calc(var(--k)*2)}
.ab-c p{font-size:calc(var(--k)*31)}
.ab-g{gap:calc(var(--k)*24) calc(var(--k)*28);margin-top:calc(var(--k)*16);width:calc(var(--k)*1320)}
.ab-i{height:calc(var(--k)*168);gap:calc(var(--k)*4)}
.ab-i .ico{width:calc(var(--k)*40);height:calc(var(--k)*40)}
.ab-i small{font-size:calc(var(--k)*26)}.ab-i b{font-size:calc(var(--k)*36)}

/* ===== iOS horizontal: la app mide la pantalla real aunque iOS entregue un tamaño viejo ===== */
html.ios.land,html.ios.land body{overflow:visible}
html.ios.land #app{position:fixed;left:0;top:0;right:0;bottom:0;width:auto;height:auto}
html.ios .pl{position:absolute;inset:0}

/* calificación: amarilla, arriba a la izquierda (como antes) */
.pc .st{left:calc(var(--k)*10);right:auto;top:calc(var(--k)*10);color:#FFC22E;background:rgba(0,0,0,.6);font-size:calc(var(--k)*30)}
.pc .st .ico{color:#FFC22E;width:calc(var(--k)*30);height:calc(var(--k)*30)}

/* pantalla de entrada (gesto para audio) */
#entry{animation:none;background:#000;flex-direction:column;align-items:center;justify-content:center;z-index:50;padding:0}
#entry .eg-logo{height:calc(var(--k)*360);width:auto;max-width:80%;object-fit:contain}
#entry .eg-t{margin-top:calc(var(--k)*60);color:#fff;font-size:calc(var(--k)*64);font-weight:500;letter-spacing:.5px;animation:egp 1.6s ease-in-out infinite}
@keyframes egp{0%,100%{opacity:.35}50%{opacity:1}}

/* la franja negra animada queda DETRÁS del contador, icono y título */
.cd .shim{z-index:0}
.cd .big,.cd h3{z-index:1}
.cd .bd{z-index:3}

#entry video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;opacity:0}
#entry.go video{opacity:1}
#entry.go .eg-logo,#entry.go .eg-t{display:none}
#entry .sp-t,#entry .sp-v{display:none}
#entry.go .sp-t,#entry.go .sp-v{display:block;position:absolute;left:0;right:0;text-align:center}
#entry.go .sp-t{bottom:calc(var(--k)*70 + var(--sab));color:#ccc;font-size:calc(var(--k)*30)}
#entry.go .sp-v{bottom:calc(var(--k)*28 + var(--sab));color:#888;font-size:calc(var(--k)*26)}

#fx{transition:opacity 1.2s ease}
.scr.fi{animation:fadeIn 1.2s ease both}