:root{--bg: #121212;--fg: #ffffff;--green: #3ac569;--on-green: #06210f;--green-deep: #2fa457;--muted: #9aa79f;--alert: #e4223b;--orange-pink: linear-gradient(135deg, #e07d56, #f24d5d);--glass: rgba(12, 16, 18, .82);--glass-border: rgba(255, 255, 255, .12);--violeta: linear-gradient(180deg, #996295, #bd5c6c);--teal-verde: linear-gradient(90deg, #27947e, #3ac569);--fade: .4s;--px: clamp(.75px, calc(100vh / 720), 1.5px);--ic-stroke: 1.6;--ic-size: calc(28 * var(--px))}.ic{stroke:currentColor;stroke-width:var(--ic-stroke);stroke-linecap:round;stroke-linejoin:round;fill:none;width:var(--ic-size);height:var(--ic-size);flex:0 0 auto;display:block}.ic-filled{fill:currentColor}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:Open Sans,system-ui,-apple-system,sans-serif;font-weight:300;overflow:hidden;user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}button{font:inherit;color:inherit}#app{position:fixed;top:0;right:0;bottom:0;left:0}.stage{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}.stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.stage canvas.ilcanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;display:none}.stage canvas.ilcanvas.visible{display:block}.osd{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;opacity:0;pointer-events:none;transition:opacity var(--fade) ease-out}.osd.visible{opacity:1}.osd .capsula,.osd .pildora{pointer-events:none}.osd.visible .capsula,.osd.visible .pildora{pointer-events:auto}.osd .capsula{position:absolute;left:calc(28 * var(--px));bottom:calc(28 * var(--px));display:flex;align-items:stretch;min-width:min(calc(420 * var(--px)),70vw);max-width:calc(100vw - 150 * var(--px));background:var(--glass);border:1px solid var(--glass-border);border-radius:calc(17 * var(--px));overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.osd .marca{width:calc(9 * var(--px));flex:none;background:var(--violeta)}.osd .oslogo{align-self:center;height:calc(39 * var(--px));max-width:calc(70 * var(--px));object-fit:contain;margin-left:calc(13 * var(--px));flex:none;border-radius:calc(6 * var(--px));background:#ffffff14;padding:3px 7px}.osd .osnum{align-self:center;flex:none;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:calc(28 * var(--px));line-height:1;color:var(--green);margin-left:calc(13 * var(--px))}.osd .cuerpo{padding:calc(12 * var(--px)) calc(19 * var(--px));min-width:0;flex:1 1 auto}.osd .osprg{font-size:calc(21 * var(--px));font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osd .oscn{font-size:calc(13.5 * var(--px));color:var(--muted);margin-top:calc(3 * var(--px));min-height:calc(17 * var(--px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osd .osprog{height:calc(4 * var(--px));border-radius:4px;background:#ffffff26;margin-top:calc(8 * var(--px));overflow:hidden}.osd .osprog i{display:block;height:100%;border-radius:4px;background:var(--teal-verde)}.osd .osiso{align-self:center;height:calc(24 * var(--px));margin:0 calc(15 * var(--px)) 0 calc(17 * var(--px));opacity:.55;flex:none}.osd .pildora{--item: min(calc(56 * var(--px)), calc((100vh - 40px)/8) );position:absolute;right:calc(20 * var(--px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;padding:calc(8 * var(--px)) calc(6 * var(--px));background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.osd .pildora .item{position:relative;width:var(--item);height:var(--item);margin:calc(3 * var(--px)) 0;padding:0;border:0;border-radius:50%;background:transparent;color:#cfd8d6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--fade) ease-out,color var(--fade) ease-out,box-shadow var(--fade) ease-out}.osd .pildora .item .ic{width:calc(var(--item) * .5);height:calc(var(--item) * .5)}.osd .pildora .item:hover,.osd .pildora .item:focus-visible{color:#fff;background:#3ac56938;box-shadow:0 0 0 2px var(--green),0 0 16px #3ac56973;outline:none}.osd .pildora .item.activo{color:var(--green)}.osd .pildora .item.off{color:#cfd8d659}.osd .pildora .item.off:hover,.osd .pildora .item.off:focus-visible{color:#cfd8d68c;background:#ffffff0f;box-shadow:0 0 0 2px #ffffff40}.osd .pildora .item .eti{display:none;position:absolute;right:118%;top:50%;transform:translateY(-50%);background:#0c1012e6;border:1px solid rgba(58,197,105,.5);border-radius:calc(7 * var(--px));padding:calc(5 * var(--px)) calc(13 * var(--px));font-size:calc(15 * var(--px));color:#fff;white-space:nowrap;pointer-events:none}@media (hover: hover) and (pointer: fine){.osd .pildora .item:hover .eti,.osd .pildora .item:focus-visible .eti{display:block}}.osd .pildora .sleepcount{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:calc(14 * var(--px));color:#fff;white-space:nowrap}.toast{position:fixed;left:50%;top:calc(36 * var(--px));z-index:150;transform:translate(-50%);display:flex;align-items:center;background:#0c1012d9;border:1px solid rgba(255,255,255,.14);border-radius:999px;overflow:hidden;font-size:calc(17 * var(--px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s ease-out}.toast.visible{opacity:1}.toast .tfranja{align-self:stretch;width:calc(7 * var(--px));flex:none;background:var(--violeta)}.toast .tdot{width:calc(9 * var(--px));height:calc(9 * var(--px));border-radius:50%;flex:none;background:var(--green);box-shadow:0 0 8px var(--green);margin:0 calc(10 * var(--px)) 0 calc(12 * var(--px))}.toast .ttx{padding:calc(9 * var(--px)) calc(17 * var(--px)) calc(9 * var(--px)) 0;white-space:nowrap}.toast .tcuenta{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--green);transition:width 2.5s linear}.placa{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.4em;background-color:#121212;background-size:cover;background-position:center}.placa.visible{display:flex}.placa .pnum{font-family:monospace;font-size:70px;line-height:1;text-shadow:2px 2px 3px #000}.placa .pname{font-size:1.3rem;font-weight:300;color:#ffffffd9}.dimmer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;opacity:0;transition:opacity var(--fade) ease-out;pointer-events:none;visibility:hidden}.dimmer.visible{opacity:1;pointer-events:auto;visibility:visible}.dimmer.mar{background:radial-gradient(120% 70% at 50% -10%,rgba(39,148,126,.28),transparent 60%),radial-gradient(90% 50% at 80% 30%,rgba(61,171,74,.12),transparent 65%),linear-gradient(180deg,#06131a,#0a2530 38%,#0d3a44 68%,#145247 86%,#2c4a41)}.dimmer.mar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:26vh;background:linear-gradient(180deg,transparent,rgba(194,169,120,.2) 60%,rgba(214,189,138,.32));pointer-events:none}.dimmer.mar .olas{position:absolute;left:-10vw;right:-10vw;bottom:4vh;height:18vh;pointer-events:none;opacity:.5}.dimmer.mar .olas svg{width:120vw;height:100%;display:block}.dimmer.mar .ola1{animation:mar-vaiven 14s ease-in-out infinite alternate}.dimmer.mar .ola2{animation:mar-vaiven 21s ease-in-out infinite alternate-reverse}@keyframes mar-vaiven{0%{transform:translate(-4vw)}to{transform:translate(4vw)}}@media (prefers-reduced-motion: reduce){.dimmer.mar .ola1,.dimmer.mar .ola2{animation:none}}.dimmer.mar .modal{background:#0a161aa8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.modal{width:min(90vw,360px);background:#1c1c1c;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:2rem 1.75rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 60px #0009}.modal h1{margin:0;font-size:1.3rem;font-weight:300;text-align:center;color:var(--fg)}.modal .brand{text-align:center;color:var(--green);font-weight:400;letter-spacing:.04em;font-size:.9rem;text-transform:uppercase}.modal input{font-family:inherit;font-weight:300;font-size:1rem;padding:.8em 1em;color:var(--fg);background:#121212;border:1px solid rgba(255,255,255,.15);border-radius:6px}.modal input:focus{outline:none;border-color:var(--green)}.modal button.primary{font-family:inherit;font-weight:400;font-size:1rem;color:var(--on-green);background:var(--green);border:none;border-radius:6px;padding:.85em 1em;cursor:pointer;transition:background var(--fade) ease-out}.modal button.primary:hover{background:var(--green-deep)}.modal button.primary:disabled{opacity:.6;cursor:default}.modal .msg{min-height:1.2em;font-size:.85rem;text-align:center;color:var(--alert)}.modal .hint{font-size:.75rem;text-align:center;color:var(--muted)}.modal .link{font-family:inherit;font-weight:400;font-size:.9rem;color:var(--fg);background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:.2em}.modal .link:hover{color:var(--green)}.guia{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:linear-gradient(90deg,#000000d9,#0000008c 45%,#0003);opacity:0;pointer-events:none;transition:opacity var(--fade) ease-out}.guia.visible{opacity:1;pointer-events:auto}.guia .gcab{position:absolute;left:calc(40 * var(--px));top:calc(18 * var(--px));display:flex;align-items:baseline}.guia .gtit{font-size:calc(26 * var(--px));font-weight:600;letter-spacing:.15em}.guia .ghora{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:calc(20 * var(--px));color:var(--green);margin-left:calc(16 * var(--px))}.panel-close{position:absolute;top:calc(14 * var(--px));right:calc(22 * var(--px));z-index:2;width:calc(44 * var(--px));height:calc(44 * var(--px));display:flex;align-items:center;justify-content:center;background:#0c1012b3;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:var(--fg);cursor:pointer}.panel-close:hover{background:#ffffff29}.panel-close .ic{width:calc(17 * var(--px));height:calc(17 * var(--px))}.guia .grails{position:absolute;left:0;right:0;top:calc(64 * var(--px));bottom:0;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(40 * var(--px));scrollbar-width:none}.guia .grails::-webkit-scrollbar{display:none}.guia .grail{height:calc(137 * var(--px));padding:calc(6 * var(--px)) 0 0 calc(40 * var(--px));overflow:hidden}.guia .gchip{display:flex;align-items:center;margin-bottom:calc(7 * var(--px))}.guia .gpick{display:flex;align-items:center;min-width:0;padding:0;border:0;background:none;color:var(--fg);text-align:left;cursor:pointer}.guia .glogo{height:calc(29 * var(--px));max-width:calc(53 * var(--px));object-fit:contain;margin-right:calc(9 * var(--px));border-radius:4px;background:#ffffff14;padding:1px 4px}.guia .gnum{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:calc(19 * var(--px));color:var(--green);margin-right:calc(9 * var(--px))}.guia .grail.activa .gnum{text-shadow:0 0 8px rgba(58,197,105,.8)}.guia .gnom{font-size:calc(17 * var(--px));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guia .heart{flex:0 0 auto;width:calc(32 * var(--px));height:calc(32 * var(--px));margin-left:calc(4 * var(--px));display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:50%;color:var(--muted);cursor:pointer}.guia .heart.fav{color:var(--green)}.guia .heart:hover{background:#ffffff14}.guia .heart .ic{width:calc(16 * var(--px));height:calc(16 * var(--px))}.guia .gcards{display:flex;overflow-x:auto;overflow-y:hidden;padding-right:calc(40 * var(--px));scrollbar-width:none}.guia .gcards::-webkit-scrollbar{display:none}.guia .gcard{flex:0 0 calc(253 * var(--px));height:calc(92 * var(--px));margin-right:calc(10 * var(--px));border-radius:calc(8 * var(--px));padding:calc(10 * var(--px)) calc(13 * var(--px));text-align:left;color:var(--fg);border:1px solid rgba(255,255,255,.09);background:#101618d1;display:flex;flex-direction:column;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color var(--fade) ease-out,background var(--fade) ease-out}.guia .gcard:hover{border-color:#3ac569b3;background:#101618f2}.guia .gcard.ahora{flex-basis:calc(427 * var(--px));justify-content:flex-start;background:linear-gradient(135deg,#27947e57,#101618db 55%);border-color:#3ac5698c}.guia .gcard.ahora:hover{border-color:var(--green)}.guia .gvive{align-self:flex-start;font-size:calc(10 * var(--px));line-height:1.4;font-weight:700;letter-spacing:.2em;color:var(--on-green);background:var(--green);border-radius:3px;padding:0 calc(7 * var(--px));margin-bottom:calc(4 * var(--px))}.guia .gpn{font-size:calc(17 * var(--px));font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.guia .gph{font-size:calc(13.5 * var(--px));color:var(--muted);margin-top:2px}.guia .gprog{display:block;width:100%;height:calc(5 * var(--px));border-radius:5px;background:#ffffff29;margin-top:calc(8 * var(--px));overflow:hidden}.guia .gprog i{display:block;height:100%;border-radius:5px;background:var(--teal-verde)}.guia .gcard.sindatos{flex-basis:calc(427 * var(--px));background:transparent;border:1px dashed rgba(255,255,255,.25);color:#8a938f}.guia .gcard.sindatos .gpn{font-size:calc(14 * var(--px));font-weight:300}.userpanel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--fade) ease-out}.userpanel.visible{opacity:1;pointer-events:auto}.tarjeta{position:relative;width:min(calc(467 * var(--px)),92vw);background:#0c1012eb;border:1px solid rgba(255,255,255,.14);border-radius:calc(19 * var(--px));overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tfilete{height:calc(8 * var(--px));background:linear-gradient(90deg,#996295,#bd5c6c)}.tcuerpo{padding:calc(25 * var(--px)) calc(32 * var(--px)) calc(20 * var(--px));display:flex;align-items:center}.tavatar{width:calc(61 * var(--px));height:calc(61 * var(--px));border-radius:50%;flex:none;background:linear-gradient(135deg,#996295,#bd5c6c);display:flex;align-items:center;justify-content:center;font-size:calc(28 * var(--px));font-weight:700}.tdatos{margin-left:calc(20 * var(--px));min-width:0}.tmail{font-size:calc(20 * var(--px));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tlinea{margin-top:calc(8 * var(--px));display:flex;align-items:center;flex-wrap:wrap;gap:calc(9 * var(--px))}.tpill{font-size:calc(11 * var(--px));font-weight:700;letter-spacing:.1em;border-radius:999px;padding:2px calc(11 * var(--px));background:#263034;color:#cfd8d6}.tpill.premium{background:var(--green);color:var(--on-green)}.tver{font-size:calc(13 * var(--px));color:var(--muted)}.tbotones{display:flex;gap:calc(11 * var(--px));padding:0 calc(32 * var(--px)) calc(16 * var(--px))}.tbtn{flex:1;text-align:center;padding:calc(11 * var(--px));border-radius:calc(9 * var(--px));font-size:calc(15 * var(--px));background:#ffffff14;border:2px solid transparent;color:#cfd8d6;cursor:pointer;transition:background var(--fade) ease-out,border-color var(--fade) ease-out}.tbtn.volver{border-color:var(--green);background:#3ac56926;color:#fff;font-weight:600}.tbtn.salir:hover,.tbtn.salir:focus-visible{border-color:#bd5c6c;background:#bd5c6c33;color:#fff;outline:none}.tbtn.volver:focus-visible{outline:none;box-shadow:0 0 0 2px #3ac56980}.tlink{display:block;margin:0 auto calc(18 * var(--px));padding:.3em .6em;background:none;border:0;color:var(--muted);font-size:calc(13 * var(--px));text-decoration:underline;cursor:pointer}.tlink:hover{color:var(--fg)}.register .register-header{display:flex;align-items:center;gap:.5rem;margin:-2rem -1.75rem .5rem;padding:1rem 1.25rem;border-radius:10px 10px 0 0;background:var(--orange-pink)}.register .register-header h1{margin:0;font-size:1.2rem;font-weight:400;color:#fff}.register .register-back{font-size:1.6rem;line-height:1;color:#fff;background:transparent;border:none;cursor:pointer;padding:0 .3rem}.modal.register{max-height:92vh;overflow-y:auto}.register .register-input,.register .register-select{font-family:inherit;font-weight:300;font-size:1rem;padding:.75em .9em;color:var(--fg);background:#121212;border:1px solid rgba(255,255,255,.15);border-radius:6px;width:100%}.register .register-input:focus,.register .register-select:focus{outline:none;border-color:var(--green)}.register .register-field{display:flex;flex-direction:column;gap:.35rem}.register .register-label{font-size:.8rem;color:var(--muted)}.register .register-phone-row{display:flex;gap:.5rem}.register .register-phone-row .country{flex:1 1 55%;min-width:0}.register .register-phone-row .phone{flex:1 1 45%;min-width:0}.numpad{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:118}.numpad.visible{display:flex}.numpad-digits{font-family:monospace;font-size:20vh;line-height:1;color:#fff;text-shadow:3px 3px 8px #000}.poweroff,.blocked{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;text-align:center;padding:2rem;background:#000;z-index:200}.poweroff.visible,.blocked.visible{display:flex}.poweroff-logo,.blocked-logo{width:min(46vw,220px);opacity:.9}.poweroff-btn{display:flex;align-items:center;gap:.6rem;font-family:inherit;font-size:1rem;color:var(--fg);background:#ffffff0f;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.7em 1.4em;cursor:pointer}.poweroff-btn:hover{background:#ffffff1f}.poweroff-btn .ic{width:22px;height:22px}.blocked-text{font-size:1.15rem;font-weight:300;color:var(--fg);max-width:28ch;margin:0}.blocked-btn{font-family:inherit;font-weight:400;font-size:1rem;color:var(--on-green);background:var(--green);border:none;border-radius:6px;padding:.85em 1.6em;min-width:160px;cursor:pointer;transition:background var(--fade) ease-out}.blocked-btn:hover{background:var(--green-deep)}.blocked-btn.ghost{margin-top:.6rem;color:#fffc;background:transparent;border:1px solid rgba(255,255,255,.25)}.blocked-btn.ghost:hover{background:#ffffff14}.centered{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--muted);font-size:.95rem}.stage .ilsubs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none;container-type:size}.stage .ilsubs.visible{display:block}.stage .ilsubs .cue{position:absolute;left:4%;right:4%;bottom:8%;text-align:center;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:clamp(16px,5cqh,48px);line-height:1.35;color:#fff}.stage .ilsubs .cue span{white-space:pre-line;background:#000c;padding:.08em .35em;-webkit-box-decoration-break:clone;box-decoration-break:clone}