:root{--bg: #f9fafb;--card: #f1f5f9;--text-dark: #212529;--primary: #facc01;--secondary: #1e293b;--button: #ffd000;--button-hover: rgb(255, 149, 0);--danger: red}.dark{--bg: #212529;--card: #212529;--text-ligth: #f1f5f9}*,html{margin:0;padding:0}body{background:var(--bg)}.header-container{display:flex;position:fixed;top:0;justify-items:center;align-items:center;z-index:10;width:100%;margin:0;padding:5px;background:var(--bg);text-align:left}a{text-decoration:none}p{margin-top:2px;color:var(--text-ligth)}h2{font-size:2.3rem;color:var(--text-ligth);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 9px #ffd104,0 0 9px #ff9100;margin-bottom:1rem}h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-ligth)}.subt{text-align:center;padding:20px}.header-container h1{margin-left:100px;font-size:large;color:var(--text-ligth);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 9px #ffd104,0 0 9px #ff9100}.header-container img{width:50px;margin-left:40px}.desktop-nav{display:flex;gap:1.5rem}.desktop-nav ul{display:flex;align-items:center;gap:1rem}.desktop-nav li{position:relative;list-style:none;display:flex;align-items:center}.desktop-nav li a,.desktop-nav .dropdown-toggle{display:flex;align-items:center;height:100%;padding:1rem 0;line-height:1;color:var(--text-ligth);justify-content:center}.desktop-nav a:hover{color:var(--button-hover)}.dropdown{position:relative}.dropdown-toggle{color:var(--text-ligth);cursor:pointer;padding:.5rem 1rem;display:flex;align-items:center;justify-content:center;gap:.3rem;transition:color .2s ease}.dropdown-toggle:hover{color:var(--button-hover)}.dropdown-menu{display:none!important;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-10px);background:var(--card);border-radius:8px;box-shadow:0 8px 20px #0006;list-style:none;margin:0;padding:.4rem 0;min-width:180px;z-index:999;flex-direction:column;opacity:0;pointer-events:none;transition:all .25s ease}.dropdown-menu li{width:100%}.dropdown-menu li a{display:block;width:100%;text-align:center;color:var(--text-ligth);text-decoration:none;font-size:.95rem;transition:background .2s ease,color .2s ease}.dropdown-menu a:hover{background:var(--button-hover);color:var(--text-ligth)}.dropdown.active .dropdown-menu{display:flex!important;opacity:1;transform:translate(-50%) translateY(0);pointer-events:all}.hidden{display:none!important;visibility:hidden;opacity:0}.search-btn{position:absolute;top:.5rem;right:1rem;background:none;border:none;cursor:pointer;padding:.4rem;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:transform .2s,color .3s ease}.search-btn svg{width:22px;height:22px;stroke:currentColor}.search-btn:hover{transform:scale(1.1);color:var(--button-hover)}.hero{position:relative;margin-top:20px;width:100%;height:95vh;background:var(--hero-img) center/cover no-repeat;display:flex;align-items:flex-end;justify-content:flex-start;color:#f9fafb;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#212529)}.hero-img{display:none}.hero-contain{position:relative;z-index:2;padding:3rem;max-width:500px}.hero-contain h2{font-size:2.4rem;font-weight:700;color:#f9fafb;margin-bottom:1rem}.hero-contain p{font-size:1rem;line-height:1.5;opacity:.9}.mini-hero{width:90%;height:220px;background-size:cover;background-position:center;border-radius:4px;margin:2rem auto;display:flex;align-items:flex-end;padding:1.5rem;color:#f9fafb;position:relative;overflow:hidden}.mini-hero:before{content:"";position:absolute;inset:0;background:#00000073}.mini-hero-content{position:relative;z-index:2}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;padding:1rem 2rem;justify-items:center}.card{background:var(--card);border-radius:4px;overflow:visible;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:100%;max-width:220px}.card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000026}.card-image img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:4px}.card h3{font-size:1rem;margin:.5rem;line-height:1.2;height:2.4em;overflow:hidden;text-overflow:ellipsis}.card p{margin:0;font-size:.9rem}.actions{display:flex;align-items:center;margin:1rem;justify-content:space-around}.details-btn{background:transparent;color:var(--text-ligth);padding:.5rem;font-size:1rem;cursor:pointer;transition:background .3s}.details-btn:hover{color:var(--button-hover)}.icon-btn{background:none;border:none;color:var(--text-ligth);width:40px;height:40px;border-radius:8px;display:inline-flex;align-items:center;cursor:pointer;transition:transform .2s ease}.icon-btn:hover{transform:scale(1.05)}.icon-btn svg{display:block}.icon-btn:after{content:attr(data-tooltip);position:absolute;bottom:115%;left:50%;transform:translate(-50%);background:#000000d9;color:#f9fafb;font-size:.7rem;padding:.25rem .5rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.icon-btn:hover:after{opacity:1}.trailer-btn{background:var(--button);color:#212529;padding:.8rem 1rem;margin:2px;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .3s}.watch-btn{background:transparent;color:var(--text-ligth);border:2px solid var(--button)}.trailer-btn{background:var(--button);color:#212529}.trailer-btn,.watch-btn{padding:.8rem 1rem;margin:2px;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .3s}.watch-btn:hover,.trailer-btn:hover{background:var(--button-hover)}.fav-btn{color:var(--primary);border:none;cursor:pointer;font-size:1rem;transition:transform .2s ease,opacity .2s ease}.remove-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;transition:transform .2s ease,opacity .2s ease}.fav-btn svg{vertical-align:middle}.fav-btn:hover,.remove-btn:hover{transform:scale(1.2)}.fav-btn:after,.remove-btn:after{content:attr(data-tooltip);position:absolute;bottom:140%;left:50%;transform:translate(-50%);background:#000c;color:#f1f5f9;font-size:.7rem;padding:.25rem .5rem;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease}.fav-btn:hover:after,.remove-btn:hover:after{opacity:1}.fav-btn[style*="color: red"]{color:red}.carousel-container{position:relative;overflow:hidden;padding:1rem 3rem;max-width:100vw}.cards.carousel-track{display:flex!important;gap:1.2rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:.5rem 0}.cards.carousel-track::-webkit-scrollbar{display:none}.cards.carousel-track .card{flex:0 0 220px;max-width:220px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:none;border:none;color:var(--text-ligth);font-size:1.5rem;cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.carousel-btn:hover{background:var(--button-hover);transform:translateY(-50%) scale(1.05)}.carousel-btn.left{left:1rem}.carousel-btn.right{right:1rem}.body-details{margin:2rem}.details-hero{display:flex;justify-content:space-around;gap:2rem;margin:2rem auto;max-width:1100px;padding:2rem;background:var(--card);border-radius:4px;box-shadow:0 4px 20px #80808026;position:relative;color:var(--text-ligth)}.details-poster{width:300px;border-radius:4px;object-fit:cover;box-shadow:0 6px 15px #0000004d}.hero-info{display:flex;flex-direction:column;gap:1rem}.genres{display:inline-flex;flex-wrap:wrap;gap:.5rem}.hero-actions{display:flex;gap:1rem;margin-top:.5rem}.character h4,.character h3{color:var(--text-ligth);text-align:center}.character .view-more-btn{margin:.6rem;background:var(--button);color:#212529;border:none;border-radius:4px;padding:.4rem 2rem;font-size:.85rem;cursor:pointer;transition:background .3s,transform .2s}.character .view-more-btn:hover{background:var(--button-hover);transform:translateY(-2px)}.character-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease forwards}.character-modal{background:var(--card);color:var(--text-ligth);border-radius:4px;max-width:900px;width:90%;padding:1.5rem;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 25px #0000004d;animation:slideUp .3s ease forwards}.character-modal .close-modal{position:absolute;top:0;right:1rem;background:transparent;border:none;color:var(--text-ligth);font-size:1.8rem;cursor:pointer}.character-modal .modal-content{display:flex;flex-wrap:wrap;gap:1.5rem}.character-modal .modal-left img{width:220px;border-radius:4px;object-fit:cover;box-shadow:0 0 10px #0006}.character-modal .modal-right{flex:1;overflow-y:auto;max-height:70vh}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem;justify-items:center}.fav-card{background:var(--card);border-radius:4px;box-shadow:0 3px 10px #0003;width:220px;height:50%;color:var(--text-ligth);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;position:relative;z-index:1}.fav-card:hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000040}.fav-thumb{position:relative;height:50%}.fav-thumb img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:6px;left:6px;background:#facc01;color:var(--text-dark);font-size:.5rem;font-weight:700;padding:2px 6px;border-radius:4px}.fav-info{padding:.6rem .8rem;display:flex;flex-direction:column;justify-content:space-between;height:100%}.fav-info h3{font-size:.95rem;margin-bottom:.2rem;height:2.6em;overflow:hidden}footer{background:var(--card);text-align:center;padding:1rem;font-size:.9rem}.theme-toggle{position:fixed;top:10px;left:3rem;width:40px;height:40px;border-radius:50%;background:var(--card);color:var(--text-ligth);border:2px solid var(--primary);font-size:.5rem;cursor:pointer;z-index:999;padding:3px;box-shadow:0 4px 10px #0003;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.1);background:var(--primary);color:var(--text-ligth)}.menu-toggle{background:none;border:none;font-size:1.7rem;color:var(--text, #e6eaf2);cursor:pointer;display:none;position:fixed;top:0;right:2rem;z-index:1100}@media (max-width: 768px){.menu-toggle{display:block;position:relative;left:0;top:0}.desktop-nav{position:fixed;top:0;right:-100%;width:100%;height:calc(100vh - 80px);background:#0a0f1ff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:6rem;gap:2rem;transition:right .4s ease;z-index:1000}.desktop-nav.open{right:0}.desktop-nav ul{display:flex;flex-direction:column;gap:1.5rem;list-style:none;margin:0;padding:0}.desktop-nav a{color:var(--text-ligth);text-decoration:none;font-weight:600;font-size:1.2rem;transition:transform .2s ease,color .2s ease}.desktop-nav a:hover{color:var(--button-hover);transform:scale(1.05)}.menu-overlay{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-overlay.show{opacity:1;pointer-events:all}body.no-scroll{overflow:hidden}}@media (max-width: 768px){.header-container{padding:10px}.header-container h1{font-size:1rem;z-index:99999}.theme-toggle{top:5px}}