@font-face{font-family:windsor;src:url(/WindsorProRg.TTF)}:root{font-family:windsor,serif;font-size:16px;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;flex-direction:column;align-items:center;min-width:320px;min-height:100vh;background-color:#0a0a0a;background-image:radial-gradient(circle at center,#1a1a1a 0%,#000000 100%)}#app{max-width:1400px;margin:0 auto;padding:0;text-align:center;width:100%;box-sizing:border-box}.content-wrapper{padding:2rem}.hero-section{position:relative;width:100%;height:70vh;min-height:500px;max-height:800px;display:flex;align-items:center;justify-content:center;text-align:left;overflow:hidden;border-radius:0 0 20px 20px;margin-bottom:2rem;box-shadow:0 10px 30px -10px #00000080}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center 20%;filter:blur(20px) brightness(.4);transform:scale(1.1);transition:transform 10s ease;z-index:1}.hero-section:hover .hero-bg{transform:scale(1.15)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 100%);z-index:2}.hero-inner{position:relative;z-index:3;width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;gap:4rem}.hero-content{flex:1;max-width:600px;animation:fadeInUp .8s ease-out}.hero-poster{flex:0 0 300px;animation:fadeInUp 1s ease-out .2s backwards;display:block}.hero-poster img{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px #0009;border:1px solid rgba(255,255,255,.2);transform:rotate(3deg);transition:transform .3s ease}.hero-poster:hover img{transform:rotate(0) scale(1.02)}.hero-badge{display:inline-block;background-color:#e50914;color:#fff;padding:4px 12px;border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem;letter-spacing:1px}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-meta{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#ccc;margin-bottom:1.5rem}.hero-meta .separator{color:#666}.hero-tags{color:#d4af37}.hero-description{font-size:1.1rem;line-height:1.6;color:#ddd;margin-bottom:2rem;max-width:500px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;gap:1rem}.hero-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.hero-btn.primary{background-color:#fff;color:#000}.hero-btn.primary:hover{background-color:#ddd;transform:scale(1.05)}.hero-btn.secondary{background-color:#6d6d6eb3;color:#fff;backdrop-filter:blur(10px)}.hero-btn.secondary:hover{background-color:#6d6d6e66;transform:scale(1.05)}h1{color:#fff;font-size:3.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-1px;text-shadow:0 2px 10px rgba(0,0,0,.5)}h2{font-size:2rem;margin-bottom:1rem;font-weight:300;letter-spacing:2px;color:#e5e5e5}.quote-container{max-width:800px;margin:0 auto 2rem;padding:1rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.quote-text{font-family:Windsor,serif;font-size:1.3rem;font-style:italic;color:#d4af37;line-height:1.6}.quote-author{display:block;margin-top:.5rem;font-size:.9rem;color:#888;font-style:normal}h4{font-size:1.5rem;margin-top:3rem;color:#d4af37}a{text-decoration:none;color:inherit;transition:color .3s ease}.contenedor-films{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem;padding:2rem 0;width:100%}.movie-card{display:flex;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.25,.8,.25,1);position:relative}.movie-card:hover{transform:translateY(-10px) scale(1.02);z-index:10}.movie-card img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:box-shadow .3s ease,border .3s ease;border:1px solid rgba(255,255,255,.1)}.movie-card:hover img{box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006;border-color:#ffffff4d}.Titulo{font-size:1.1rem;margin-top:1rem;line-height:1.4;color:#ccc;text-shadow:0 1px 2px rgba(0,0,0,.8)}.Titulo strong{display:block;font-size:1.3rem;color:#fff;margin-bottom:.2rem}.logo-footer{width:100px;transition:filter .3s ease}.logo-footer:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.volver{display:inline-block;font-size:1.2rem;color:#e50914;margin-top:1rem;padding:.5rem 1rem;border:1px solid #e50914;border-radius:4px;transition:all .3s ease}.volver:hover{background-color:#e50914;color:#fff}.nav-bar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:rgba(10,10,10,.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:2rem;border-radius:0 0 12px 12px}.nav-tabs{display:flex;gap:2rem}.nav-tab{background:none;border:none;color:#888;font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 0;position:relative;transition:color .3s ease}.nav-tab:hover,.nav-tab.active{color:#fff}.nav-tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#e50914;box-shadow:0 0 10px #e50914}.nav-actions{display:flex;align-items:center;gap:1rem}.search-compact{display:flex;align-items:center;background:rgba(255,255,255,.1);border-radius:20px;padding:.4rem 1rem;transition:background .3s ease}.search-compact:focus-within{background:rgba(255,255,255,.2);box-shadow:0 0 0 2px #ffffff1a}.search-compact svg{color:#888;margin-right:.5rem}.search-compact input{background:none;border:none;color:#fff;outline:none;width:150px;font-size:.9rem}.icon-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .3s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover,.icon-btn.active{background:rgba(255,255,255,.1)}.filters-menu{max-height:0;overflow:hidden;background:rgba(20,20,20,.95);border-radius:12px;margin-bottom:2rem;transition:max-height .4s cubic-bezier(.25,.8,.25,1),padding .4s ease;border:1px solid rgba(255,255,255,.05)}.filters-menu.open{max-height:300px;padding:1.5rem;margin-top:-1rem}.filters-section{margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filters-section:last-child{margin-bottom:0}.filters-label{color:#888;font-size:.9rem;min-width:80px}.sort-buttons{display:flex;gap:1rem;flex-wrap:wrap}.filter-chip{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .3s ease}.filter-chip:hover,.filter-chip.active{background-color:#e50914;border-color:#e50914}.filter-container{display:flex;gap:.5rem;flex-wrap:wrap}.quote-container-footer{margin-top:4rem;padding:2rem;border-top:1px solid rgba(255,255,255,.1);color:#666;font-style:italic}@media (max-width: 800px){.nav-bar{flex-direction:column;gap:1rem;padding:1rem}.nav-tabs{width:100%;justify-content:space-between;overflow-x:auto;padding-bottom:5px}.nav-actions{width:100%;justify-content:space-between}.search-compact{flex:1}.search-compact input{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.movie-card{display:flex;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.25,.8,.25,1);position:relative;animation:fadeInUp .6s ease-out forwards;opacity:0}.movie-card.highlight img{box-shadow:0 0 0 4px #d4af37,0 0 20px #d4af37;transform:scale(1.05);z-index:20}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.open{opacity:1;pointer-events:all}.video-container{width:90%;max-width:1200px;aspect-ratio:16/9;position:relative;background:black;border-radius:12px;overflow:hidden;box-shadow:0 0 50px #00000080}.video-container iframe{width:100%;height:100%;border:none}.close-modal{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:.7;transition:opacity .2s}.close-modal:hover{opacity:1}.modal-controls{position:absolute;bottom:-60px;left:0;width:100%;display:flex;justify-content:center;gap:1rem}.control-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;font-size:.9rem}.control-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.control-btn svg{width:20px;height:20px}.watched-badge{position:absolute;top:10px;right:10px;background-color:#000000b3;color:#d4af37;padding:4px 8px;border-radius:12px;font-size:.8rem;display:flex;align-items:center;gap:4px;backdrop-filter:blur(4px);border:1px solid rgba(212,175,55,.3);z-index:5}@media (max-width: 800px){.contenedor-films{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}h1,.hero-title{font-size:2.5rem}.hero-content{padding:1.5rem;max-width:100%}.hero-section{height:60vh;justify-content:flex-start}.hero-poster{display:none}}@media (max-width: 500px){.contenedor-films{grid-template-columns:1fr 1fr}h1,.hero-title{font-size:2rem}.hero-actions{flex-direction:column}.hero-btn{width:100%;justify-content:center}}.details-card{width:90%;max-width:900px;background:#141414;border-radius:12px;overflow:hidden;display:flex;position:relative;box-shadow:0 20px 50px #000c;animation:fadeInUp .4s ease-out}.details-content{display:flex;width:100%}.details-poster{flex:0 0 40%;position:relative}.details-poster img{width:100%;height:100%;object-fit:cover;display:block}.details-info{padding:3rem;flex:1;display:flex;flex-direction:column;justify-content:center;text-align:left}.details-info h2{font-size:2.5rem;margin-bottom:.5rem;color:#fff;line-height:1.1}.details-meta{display:flex;gap:1rem;color:#aaa;margin-bottom:1.5rem;font-size:1.1rem}.details-tags{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.detail-tag{background:rgba(255,255,255,.1);padding:4px 10px;border-radius:4px;font-size:.8rem;color:#ddd}.details-desc{font-size:1.1rem;line-height:1.6;color:#ccc;margin-bottom:2rem}.details-actions{display:flex;gap:1rem;align-items:center}.icon-btn-large{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn-large:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.fav-btn-wrapper{position:absolute;top:10px;left:10px;z-index:20;cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .2s}.fav-btn-wrapper:hover{transform:scale(1.2)}.card-fav-icon{width:28px;height:28px;transition:all .3s ease}.card-fav-icon.active{fill:#e50914;stroke:#e50914}@media (max-width: 768px){.details-card{flex-direction:column;max-height:90vh;overflow-y:auto}.details-poster{height:300px}.details-info{padding:1.5rem}.details-info h2{font-size:2rem}}::view-transition-group(root){animation-duration:.5s}