:root{--glass-bg: rgba(10, 10, 10, .95);--accent-red: #e50914;--border-light: rgba(255, 255, 255, .15)}.sticky-filter-wrapper{position:sticky;top:0;z-index:1000;background:var(--glass-bg);backdrop-filter:blur(25px);border-bottom:1px solid var(--border-light);padding:12px 0;transition:all .3s ease}.filter-bar{display:flex;gap:12px;max-width:1200px;margin:0 auto;padding:0 20px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start}.filter-bar::-webkit-scrollbar{display:none}@media(min-width:851px){.filter-bar{justify-content:center;overflow-x:visible}}.filter-btn{background:#ffffff08;border:1px solid var(--border-light);border-radius:18px;padding:12px;cursor:pointer;position:relative;min-width:80px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn img{width:40px;height:40px;object-fit:contain;z-index:5;transition:.3s;position:relative}.count-bg{position:absolute;font-size:1.3rem;font-weight:900;color:#ffffff14;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s}.filter-btn.active{background:#fff;border-color:#fff;transform:scale(1.05)}.filter-btn.active img{filter:brightness(0)}.filter-btn.active .count-bg{color:red}.btn-label{font-weight:900;z-index:5;color:#fff;font-size:.75rem;position:relative}.filter-btn.active .btn-label{color:#000}.grid-peliculas{display:flex!important;flex-wrap:wrap;gap:30px;justify-content:center;padding:40px;align-items:flex-start;align-content:flex-start;contain:layout}.peli-item{width:200px;transition:opacity .4s ease,filter .4s ease,transform .3s ease}.card{background:#111;border-radius:16px;overflow:hidden;border:1px solid var(--border-light);text-align:center}.card h3{padding:12px;font-size:.8rem;color:#fff}.poster-wrapper img{width:100%;aspect-ratio:2/3;object-fit:cover}@media(max-width:850px){.sticky-filter-wrapper{position:fixed;inset:auto 0 0;border-bottom:none;border-top:1px solid var(--border-light);padding:10px 0 20px;margin-bottom:0}.grid-peliculas{padding:20px 15px 100px;gap:15px}.peli-item{width:44%}.filter-bar{padding:0 10px}.filter-btn{min-width:auto;padding:5px}.filter-btn.active{transform:scale(1)}button.filter-btn[data-filter=all],button.filter-btn.active[data-filter=all]{display:flex;flex-direction:column;min-width:12vw;padding:0}button.filter-btn[data-filter=all] .btn-label,button.filter-btn.active[data-filter=all] .btn-label{display:none}button.filter-btn[data-filter=all] .count,button.filter-btn.active[data-filter=all] .count{font-size:14px}}.splash-overlay{position:fixed;inset:0;background:#000000f5;z-index:11000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(20px)}.splash-content{background:#111;border-radius:30px;max-width:450px;width:95%;position:relative;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 30px 60px #000c}.splash-body-vertical{display:flex;flex-direction:column;text-align:center}.splash-poster-full{width:100%;aspect-ratio:2/3;overflow:hidden}#splash-poster{width:100%;height:100%;object-fit:cover}.splash-data{padding:30px}.badge-recomendacion{color:var(--accent-red);font-weight:800;font-size:.75rem;letter-spacing:1px}#splash-title{font-size:1.8rem;margin:10px 0;font-weight:900;line-height:1.2;color:#fff}#splash-plat-container{display:flex;justify-content:center;gap:10px;margin:15px 0;flex-wrap:wrap;min-height:40px}.splash-plat-logo{width:40px;height:40px;border-radius:8px;background:#fff;padding:2px}#splash-desc{font-size:.9rem;color:#aaa;margin-bottom:20px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.splash-actions-vertical{display:flex;flex-direction:column;gap:10px}.btn-ver-ficha{background:var(--accent-red);color:#fff;padding:15px;border-radius:12px;text-decoration:none;font-weight:700;font-size:1rem;transition:.3s}.btn-catalogo{background:transparent;border:1px solid rgba(255,255,255,.2);color:#888;padding:10px;border-radius:12px;cursor:pointer}.close-x{position:absolute;top:15px;right:20px;background:#00000080;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:10;width:40px;height:40px;border-radius:50%;line-height:1}@media(max-width:850px){.splash-overlay{background:#0a0a0a;align-items:flex-start}.splash-content{width:100%;height:100dvh;max-width:none;border-radius:0;border:none}#splash-poster{height:55vh}#splash-desc{display:none}.splash-data{padding:20px}#splash-title{font-size:1.5rem}}