@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--bg-primary:#040714;--bg-secondary:#0f162c;--bg-glass:#0f162c99;--text-primary:#f9f9f9;--text-secondary:#f9f9f999;--accent-color:#0063e5;--accent-hover:#0483ee;--border-glass:#f9f9f91a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);margin:0;overflow-x:hidden}.btn-primary,.btn-secondary{cursor:pointer;font-weight:700;font-family:var(--font-family);text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:4px;outline:none;align-items:center;gap:10px;padding:.8rem 1.8rem;font-size:1rem;transition:all .2s ease-in-out;display:flex}.btn-primary{background-color:var(--text-primary);color:#000}.btn-primary:hover{background-color:#ccc;transform:scale(1.05)}.btn-secondary{border:1px solid var(--text-primary);color:var(--text-primary);background:#0000004d}.btn-secondary:hover{background:var(--text-primary);color:#000;transform:scale(1.05)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.navbar{letter-spacing:1.5px;z-index:1000;background-color:#0000;justify-content:space-between;align-items:center;height:70px;padding:0 36px;transition:background-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background-color:var(--bg-primary);box-shadow:0 4px 10px #00000080}.navbar-logo{flex:0 0 150px}.navbar-logo h2{color:var(--text-primary);letter-spacing:2px;margin:0;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:800}.navbar-menu{flex:1;align-items:center;margin-left:20px;display:flex}.menu-item{color:var(--text-primary);cursor:pointer;align-items:center;padding:0 12px;font-size:.9rem;font-weight:600;display:flex;position:relative}.menu-item svg{margin-right:8px;font-size:1.1rem}.menu-item span{position:relative}.menu-item span:before{content:"";background-color:var(--text-primary);transform-origin:0;border-radius:4px;height:2px;transition:transform .25s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.menu-item:hover span:before{transform:scaleX(1)}.navbar-user img{border:1px solid #0000;border-radius:50%;width:45px;height:45px;transition:border .2s}.navbar-user img:hover{border:1px solid #fff}@media (width<=860px){.navbar-menu{display:none}}.banner{color:#fff;object-fit:contain;flex-direction:column;justify-content:center;height:80vh;padding-left:4%;display:flex;position:relative}.banner__contents{z-index:1;max-width:40%}.banner__title{text-shadow:2px 2px 4px #00000073;padding-bottom:.3rem;font-size:3.5rem;font-weight:800}.banner__description{color:#f9f9f9;text-shadow:2px 2px 4px #00000073;width:100%;max-width:600px;height:80px;padding-top:1rem;font-size:1.1rem;line-height:1.4}.banner__buttons{gap:1.5rem;margin-top:2rem;display:flex}.banner__button{cursor:pointer;border:none;border-radius:4px;outline:none;align-items:center;gap:10px;padding:.8rem 2.2rem;font-weight:700;transition:all .2s;display:flex}.banner--fadeBottom{background-image:linear-gradient(#0000,#2525259c,#040714);width:100%;height:15rem;position:absolute;bottom:0;left:0}@media (width<=768px){.banner__title{font-size:2rem}.banner__description{width:100%;padding-right:20px;font-size:.9rem}}.row{color:#fff;margin-bottom:25px;margin-left:20px;padding-bottom:20px}.row h2{color:#f9f9f9;letter-spacing:.5px;margin-bottom:15px;font-size:1.5rem;font-weight:700}.row__posters{gap:15px;padding:20px 0;display:flex;overflow:scroll hidden}.row__posters::-webkit-scrollbar{display:none}.row__posters{-ms-overflow-style:none;scrollbar-width:none}.row__poster{object-fit:contain;cursor:pointer;border:3px solid #0000;border-radius:8px;width:100%;max-height:150px;transition:transform .35s cubic-bezier(.25,.46,.45,.94)}.row__poster:hover{opacity:1;box-shadow:var(--card-shadow-hover);border-color:#f9f9f9cc;transform:scale(1.08)}.row__posterLarge{max-height:250px}.row__posterLarge:hover{transform:scale(1.05)}.viewers{grid-gap:25px;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;margin-top:30px;padding:30px 20px 0;display:grid}.viewers__wrap{cursor:pointer;background:linear-gradient(#30323e,#1e1f2a);border:3px solid #f9f9f91a;border-radius:10px;padding-top:56.25%;transition:all .25s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 26px 30px -10px #000000b0,0 16px 10px -10px #000000ba}.viewers__wrap img{object-fit:cover;opacity:1;z-index:1;width:100%;height:100%;transition:opacity .5s ease-in-out;display:block;position:absolute;inset:0}.viewers__wrap:hover{border-color:#f9f9f9cc;transform:scale(1.05);box-shadow:0 40px 58px -16px #000c,0 30px 22px -10px #000000b8}@media (width<=768px){.viewers{grid-template-columns:repeat(1,minmax(0,1fr));padding:20px 10px 0}}.player-placeholder{aspect-ratio:16/9;border:1px solid var(--border-glass);width:100%;max-width:1000px;color:var(--text-secondary);background:linear-gradient(135deg,#0f162c,#040714);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.player-placeholder h3{color:var(--text-primary);margin-bottom:5px;font-size:1.4rem}.player-placeholder p{color:#a0a0a0;font-size:1rem}.loading-subtext{margin-top:10px;font-style:italic;color:#666!important;font-size:.8rem!important}.player-error h3{color:#ff6b6b}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-icon{color:var(--accent-color);font-size:2.5rem;animation:1s linear infinite spin}.video-player-container{max-width:1000px;margin-top:30px}.player-badges{gap:10px;margin-bottom:12px;display:flex}.badge{border-radius:20px;padding:5px 14px;font-size:.8rem;font-weight:600}.badge-castellano{color:#00c853;background:#00c85326;border:1px solid #00c85366}.badge-fallback{color:#ffb400;background:#ffb40026;border:1px solid #ffb40066}.player-wrapper{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #000c}.server-switcher{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.server-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;display:flex}.server-buttons{flex-wrap:wrap;gap:8px;display:flex}.server-btn{border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;background:#ffffff0f;border-radius:20px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.8rem;transition:all .2s}.server-btn:hover{background:#ffffff1f}.server-btn-active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.player-note{color:var(--text-secondary);margin-top:10px;font-size:.75rem}