:root{--bg: #000000;--bg-soft: #1c1c1e;--card: #1c1c1e;--card-hover: #2c2c2e;--glass: rgba(28, 28, 30, .72);--border: rgba(255, 255, 255, .08);--text: #f5f5f7;--text-dim: #86868b;--accent: #2997ff;--accent-hover: #47a8ff;--green: #30d158;--radius: 14px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:36px;padding:0 4vw;height:56px;background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border)}.topbar.scrolled{background:#000000d9}.topbar__logo{color:var(--accent);font-size:22px;font-weight:700;letter-spacing:-.5px}.topbar__nav{display:flex;gap:26px;font-size:13px;font-weight:500;color:var(--text-dim)}.topbar__nav a{transition:color .2s}.topbar__nav a:hover,.topbar__nav a.active{color:var(--text)}.topbar__spacer{flex:1}.topbar__avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#5e5ce6);display:grid;place-items:center;font-size:13px;font-weight:600;color:#fff}.hero{position:relative;height:64vh;min-height:420px;display:flex;align-items:flex-end;padding:0 4vw 6vh;background-size:cover;background-position:center}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#0000008c 55%,#000 96%)}.hero--noimg{background:radial-gradient(ellipse 80% 60% at 70% 20%,rgba(41,151,255,.16) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 20% 30%,rgba(94,92,230,.12) 0%,transparent 55%),#000}.hero__content{position:relative;z-index:2;max-width:640px}.hero__title{font-size:clamp(30px,4.4vw,54px);font-weight:700;letter-spacing:-1.5px;line-height:1.05;margin-bottom:14px}.hero__meta{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--text-dim);margin-bottom:14px}.hero__meta .match{color:var(--green);font-weight:600}.hero__desc{font-size:15px;line-height:1.5;color:#d1d1d6;margin-bottom:22px;max-width:560px}.hero__buttons{display:flex;gap:12px}.btn{border-radius:980px;padding:11px 24px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:transform .15s ease,background .2s}.btn:active{transform:scale(.97)}.btn--play{background:#fff;color:#000}.btn--play:hover{background:#e8e8ed}.btn--ghost{background:#ffffff1f;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--ghost:hover{background:#fff3}.row{margin:30px 0 0;padding-left:4vw}.row__title{font-size:19px;font-weight:700;letter-spacing:-.3px;margin-bottom:14px;color:var(--text)}.row__scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 4vw 14px 0;scrollbar-width:none}.row__scroll::-webkit-scrollbar{display:none}.card{flex:0 0 auto;width:176px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.card:hover{transform:scale(1.05);background:var(--card-hover);box-shadow:0 12px 32px #0009,0 0 0 1px #2997ff40;z-index:2}.card__thumb{width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;display:block}.card__placeholder{width:100%;aspect-ratio:3/4;display:grid;place-items:center;background:linear-gradient(160deg,#232336,#1c1c1e 70%);font-size:42px;font-weight:700;color:var(--accent)}.card__body{padding:11px 13px 13px}.card__title{font-size:13px;font-weight:600;letter-spacing:-.2px;line-height:1.3;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.card__meta{font-size:11.5px;color:var(--text-dim)}.badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2.5px 8px;border-radius:980px;margin-left:6px;vertical-align:1px}.badge--premium{background:var(--accent);color:#fff}.badge--free{background:var(--green);color:#000}.home{padding-bottom:90px}.home__rows{margin-top:-5vh;position:relative;z-index:3}.detail{min-height:100vh;padding-bottom:60px}.detail__back{position:fixed;top:66px;left:4vw;z-index:60;color:var(--text);font-size:14px;font-weight:600;background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);padding:8px 16px;border-radius:980px;border:1px solid var(--border)}.detail__back:hover{background:#ffffff26}.detail__hero{position:relative;height:56vh;min-height:380px;overflow:hidden}.detail__cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.detail__placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(ellipse 80% 60% at 70% 20%,rgba(41,151,255,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 20% 30%,rgba(94,92,230,.14) 0%,transparent 55%),#000;font-size:clamp(80px,16vw,160px);font-weight:700;color:var(--accent)}.detail__fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0003,#0000008c 60%,#000 96%)}.detail__info{position:relative;z-index:2;margin-top:-12vh;padding:0 4vw;max-width:780px}.detail__info h1{font-size:clamp(30px,4.5vw,56px);font-weight:700;letter-spacing:-1.5px;line-height:1.05;margin-bottom:14px}.detail__meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:14px;color:var(--text-dim);margin-bottom:16px}.detail__meta .match{color:var(--green);font-weight:600}.detail__desc{font-size:16px;line-height:1.55;color:#d1d1d6;margin-bottom:24px}.detail__buttons{display:flex;gap:12px;margin-bottom:32px}.detail__grid{display:flex;flex-wrap:wrap;gap:28px;padding:22px 0;border-top:1px solid var(--border)}.detail__grid span{display:block;font-size:12px;color:var(--text-dim);margin-bottom:4px}.detail__grid b{font-size:14px;font-weight:600}.visor{height:100vh;display:flex;flex-direction:column;background:#000}.visor__bar{display:flex;align-items:center;gap:16px;padding:12px 4vw;background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border)}.visor__bar button{background:#ffffff1f;color:#fff;border:none;border-radius:980px;padding:8px 18px;font-weight:600;font-size:13px}.visor__bar button:hover{background:#fff3}.visor__bar span{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visor__frame{flex:1;border:none;width:100%;background:#000}.visor__msg{padding:38vh 6vw;color:var(--text-dim);text-align:center;font-size:15px}.visor__titulo{flex:1}.visor__pager{display:flex;align-items:center;gap:12px}.visor__pager button{width:32px;height:32px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:18px;line-height:1;display:grid;place-items:center}.visor__pager button:hover:not(:disabled){background:#ffffff38}.visor__pager button:disabled{opacity:.3;cursor:default}.visor__pager span{font-size:13px;font-weight:600;color:var(--text-dim);min-width:48px;text-align:center}.visor__stage{flex:1;overflow:auto;display:flex;justify-content:center;padding:24px 20px 40px;background:#0a0a0c}.visor__canvas{border-radius:10px;box-shadow:0 16px 48px #000000a6;background:#fff}.auth{min-height:100vh;display:grid;place-items:center;padding:90px 20px 40px;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(41,151,255,.12),transparent 60%),#000}.auth__card{width:100%;max-width:380px;background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;padding:36px 32px;display:flex;flex-direction:column;gap:8px}.auth__logo{color:var(--accent);font-size:26px;font-weight:700;text-align:center;margin-bottom:6px}.auth__card h1{font-size:22px;font-weight:700;text-align:center}.auth__sub{font-size:13px;color:var(--text-dim);text-align:center;margin-bottom:14px}.auth__card label{font-size:12px;color:var(--text-dim);font-weight:600;margin-top:6px}.auth__card input{background:#000;border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:14px;outline:none}.auth__card input:focus{border-color:var(--accent)}.auth__error{background:#ff453a1f;border:1px solid rgba(255,69,58,.4);color:#ff9f9a;font-size:13px;padding:10px 14px;border-radius:10px}.auth__submit{justify-content:center;margin-top:16px}.auth__switch{background:none;color:var(--accent);font-size:13px;margin-top:8px}.auth__switch:hover{text-decoration:underline}.topbar__user{display:flex;align-items:center;gap:10px}.topbar__logout{background:#ffffff1a;color:#fff;border-radius:980px;padding:6px 14px;font-size:12px;font-weight:600}.topbar__logout:hover{background:#fff3}.topbar__loginbtn{background:var(--accent);color:#fff;border-radius:980px;padding:8px 18px;font-size:13px;font-weight:600}.topbar__loginbtn:hover{background:var(--accent-hover)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:230px;z-index:120;display:flex;flex-direction:column;gap:6px;padding:28px 18px 24px;background:#0c0c0eeb;-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-right:1px solid var(--border)}.sidebar__logo{color:var(--accent);font-size:24px;font-weight:800;letter-spacing:-.5px;padding:0 12px 22px}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.sidebar__nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;font-size:14px;font-weight:600;color:var(--text-dim);transition:background .2s,color .2s}.sidebar__nav a:hover{color:var(--text);background:#ffffff0f}.sidebar__nav a.active{color:#fff;background:var(--accent)}.sidebar__ico{width:20px;text-align:center;font-size:15px}.sidebar__spacer{flex:1}.sidebar__user{display:flex;align-items:center;gap:10px;padding:0 8px}.topbar__loginbtn{display:block;text-align:center;margin:0 6px}.home,.detail,.auth{margin-left:230px}.home__rows{margin-top:24px}.ahero{position:relative;padding:48px 4vw 24px;overflow:hidden;min-height:440px;display:flex;flex-direction:column;justify-content:center}.ahero__glow{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;z-index:0;background-size:cover;background-position:center;filter:blur(90px) brightness(.32) saturate(1.4);background:radial-gradient(ellipse 70% 60% at 30% 20%,rgba(41,151,255,.14),transparent 60%),#000}.ahero__inner{position:relative;z-index:2;display:flex;gap:44px;align-items:center;max-width:1120px}.ahero__poster{flex:0 0 250px}.ahero__poster img{width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;display:block;border-radius:20px;box-shadow:0 24px 60px #0009}.ahero__posterPh{width:100%;aspect-ratio:3/4;display:grid;place-items:center;border-radius:20px;font-size:70px;font-weight:800;color:var(--accent);background:linear-gradient(160deg,#232336,#1c1c1e);box-shadow:0 24px 60px #0009}.ahero__info{flex:1;min-width:0}.ahero__kicker{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.ahero__title{font-size:clamp(30px,4vw,52px);font-weight:800;letter-spacing:-1.5px;line-height:1.05;margin-bottom:14px}.ahero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:14px;color:var(--text-dim);margin-bottom:14px}.ahero__meta .match{color:var(--green);font-weight:600}.ahero__desc{font-size:15px;line-height:1.55;color:#d1d1d6;max-width:560px;margin-bottom:22px}.ahero__dots{position:relative;z-index:2;display:flex;gap:8px;margin-top:26px}.ahero__dot{width:26px;height:4px;border-radius:2px;background:#fff3;border:none;padding:0;transition:background .3s}.ahero__dot.active{background:var(--accent)}.row__scroll{gap:14px}.acard{flex:0 0 auto;width:300px;border-radius:16px;overflow:hidden;position:relative;cursor:pointer;background:var(--card);border:1px solid var(--border);transition:transform .25s ease,box-shadow .25s ease}.acard:hover{transform:translateY(-5px);box-shadow:0 18px 42px #0000008c,0 0 0 1.5px #2997ff66;z-index:2}.acard__img{width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;display:block}.acard__placeholder{width:100%;aspect-ratio:16/10;display:grid;place-items:center;background:linear-gradient(160deg,#232336,#1c1c1e);font-size:44px;font-weight:800;color:var(--accent)}.acard__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px 14px;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 32%,transparent 52%,rgba(0,0,0,.78) 100%)}.acard__top{display:flex;justify-content:flex-end}.acard__title{font-size:14px;font-weight:700;letter-spacing:-.2px;line-height:1.25;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.acard__meta{font-size:11.5px;color:#c7c7cc}@media (max-width: 900px){.sidebar{width:64px;padding:18px 8px}.sidebar__logo{font-size:18px;padding:0 6px 16px}.sidebar__nav a{font-size:0;justify-content:center;padding:12px 0;gap:0}.sidebar__ico{font-size:17px}.home,.detail,.auth{margin-left:64px}.ahero__poster{flex-basis:150px}.acard{width:240px}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal__card{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--bg-soft);border:1px solid var(--border);border-radius:22px;padding:30px 28px;position:relative}.modal__close{position:absolute;top:14px;right:16px;background:#ffffff1a;color:#fff;width:32px;height:32px;border-radius:50%;font-size:14px}.modal__close:hover{background:#fff3}.modal__card h2{font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:8px;padding-right:30px}.modal__sub{font-size:13.5px;color:var(--text-dim);margin-bottom:18px;line-height:1.5}.modal__card input{width:100%;background:#000;border:1px solid var(--border);border-radius:12px;padding:13px 15px;color:var(--text);font-size:14px;outline:none;margin-bottom:14px}.modal__card input:focus{border-color:var(--accent)}.modal__error{color:#ff9f9a;font-size:13px;margin:8px 0}.modal__opciones{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.modal__op{background:#ffffff0a;border:1px solid var(--border);border-radius:16px;padding:16px}.modal__op--best{border-color:#2997ff80;background:#2997ff12}.modal__opTitulo{font-size:15px;font-weight:700;margin-bottom:3px}.modal__opDesc{font-size:12.5px;color:var(--text-dim);margin-bottom:12px}.modal__opBtns{display:flex;gap:10px;flex-wrap:wrap}.modal__video{text-align:center;padding:8px 0}.modal__videoNum{font-size:34px;font-weight:800;color:var(--accent)}.modal__videoBar{height:5px;background:#ffffff1f;border-radius:3px;overflow:hidden;margin:10px 0 8px}.modal__videoBar>div{height:100%;background:var(--accent);transition:width 1s linear}.modal__videoTxt{font-size:12px;color:var(--text-dim)}.modal__mats{border-top:1px solid var(--border);padding-top:16px}.modal__matsTit{font-size:13px;font-weight:700;margin-bottom:10px;color:var(--text-dim)}.modal__matsLinks{display:flex;flex-direction:column;gap:8px}.modal__matsLinks a{font-size:13.5px;color:var(--accent)}.modal__matsLinks a:hover{text-decoration:underline}.modal__reco{font-size:10px;font-weight:700;letter-spacing:.5px;background:var(--green);color:#000;border-radius:980px;padding:2px 8px;vertical-align:2px;margin-left:6px}.modal__op--pulse{border-color:#2997ff99;animation:pulseOp 1.2s ease-in-out 2}@keyframes pulseOp{0%,to{box-shadow:0 0 #2997ff00}50%{box-shadow:0 0 0 6px #2997ff2e}}.puntosBar{margin:14px 0;background:#ffffff0a;border:1px solid var(--border);border-radius:14px;padding:12px 14px}.puntosBar__top{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:8px}.puntosBar__track{height:7px;background:#ffffff1a;border-radius:4px;overflow:hidden}.puntosBar__fill{height:100%;background:linear-gradient(90deg,var(--accent),#5e5ce6);border-radius:4px;transition:width .5s ease}.puntosBar__meta{font-size:11.5px;color:var(--text-dim);margin-top:7px}.row__chev{color:var(--text-dim);font-weight:400}.row__scroll--t10{gap:28px}.t10card{position:relative;display:flex;align-items:flex-end;flex:0 0 auto;cursor:pointer}.t10num{font-size:150px;font-weight:800;line-height:.75;letter-spacing:-8px;color:#3a3a3f;margin-right:-28px;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-text-stroke:2px rgba(255,255,255,.12);transition:color .25s}.t10card:hover .t10num{color:var(--accent);-webkit-text-stroke:2px rgba(255,255,255,.3)}.t10poster{position:relative;z-index:2;width:150px}.t10poster img{width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;border-radius:12px;box-shadow:0 10px 26px #00000080}.t10ph{width:100%;aspect-ratio:3/4;border-radius:12px;display:grid;place-items:center;background:linear-gradient(160deg,#232336,#1c1c1e);font-size:42px;font-weight:800;color:var(--accent);box-shadow:0 10px 26px #00000080}.tabbar{display:none}@media (max-width: 768px){.sidebar{display:none}.home,.detail,.auth{margin-left:0!important}.home,.detail{padding-bottom:110px!important}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:150;background:#0c0c0ef0;-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-top:1px solid var(--border);padding:8px 6px calc(10px + env(safe-area-inset-bottom))}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--text-dim);padding:4px 0;border-radius:10px}.tabbar a.active{color:var(--accent)}.tabbar__ico{font-size:20px;line-height:1}.acard{width:clamp(150px,44vw,300px)}.row__scroll{gap:10px}.t10poster{width:clamp(105px,30vw,150px)}.t10num{font-size:clamp(85px,26vw,150px);margin-right:-16px;letter-spacing:-5px}.row__scroll--t10{gap:18px}.ahero{padding:24px 4vw 14px;min-height:340px}.ahero__inner{gap:20px}.ahero__poster{flex-basis:118px}.ahero__desc{font-size:13px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.visor__timer{flex-wrap:wrap;padding:8px 4vw}}.sidebar__logoImg{width:152px;max-width:100%;display:block;border-radius:12px}