@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.boton{padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-family:Inter,sans-serif;font-weight:500;color:#fff;display:inline-flex;align-items:center;gap:5px;transition:opacity .2s ease,transform .15s ease}.boton:hover{opacity:.85;transform:translateY(-1px)}.boton:active{transform:translateY(0)}.boton-icono{display:flex;align-items:center;font-size:11px}.boton-editar{background-color:#238636}.boton-eliminar{background-color:#da3633}.boton-primario{background-color:#e94560}.boton-secundario{background-color:#30363d}.boton-por-ver{background-color:#238636}.boton-vista{background-color:#1f6feb}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:16px}.spinner{width:36px;height:36px;border:3px solid #21262d;border-top:3px solid #e94560;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-texto{color:#484f58;font-size:.8rem}.buscar-pelicula{background-color:#161b22;padding:24px;border-radius:12px;margin-bottom:32px;border:1px solid #21262d}.buscar-pelicula h3{margin-bottom:16px;color:#f0f6fc;font-size:1rem;font-weight:600}.buscar-pelicula>input,.buscar-pelicula>.boton{display:inline-block;vertical-align:middle}.buscar-pelicula input{width:calc(100% - 130px);padding:12px 16px;border:1px solid #30363d;border-radius:8px;background-color:#0d1117;color:#e6edf3;font-size:14px;font-family:Inter,sans-serif;outline:none}.buscar-pelicula input:focus{border-color:#e94560;box-shadow:0 0 0 3px #e9456026}.buscar-pelicula input::placeholder{color:#484f58}.buscar-pelicula>.boton{padding:12px 24px;font-size:14px;border-radius:8px;margin-left:8px}.resultado-busqueda{display:flex;gap:24px;align-items:flex-start;margin-top:24px;padding:20px;background-color:#0d1117;border-radius:10px;border:1px solid #21262d}.resultado-busqueda img{width:160px;min-width:160px;border-radius:8px;box-shadow:0 4px 20px #00000080}.resultado-info{flex:1;text-align:left}.resultado-info h4{color:#f0f6fc;font-size:1.3rem;font-weight:700;margin-bottom:4px}.resultado-year{color:#8b949e;font-size:.85rem;display:inline-block;margin-bottom:12px}.resultado-info p{color:#8b949e;font-size:.85rem;line-height:1.6;margin-bottom:20px}.resultado-info .boton{padding:10px 20px;font-size:14px;border-radius:8px}@media(max-width:600px){.resultado-busqueda{flex-direction:column;align-items:center;text-align:center}.resultado-info{text-align:center}.resultado-info .boton{margin:0 auto}.buscar-pelicula input{width:100%;margin-bottom:8px}.buscar-pelicula>.boton{margin-left:0;width:100%;justify-content:center}}.rating{display:inline-flex;gap:3px;margin:6px 0}.rating-estrella{font-size:16px;color:#30363d;cursor:pointer;transition:color .15s ease,transform .15s ease}.rating-estrella:hover{transform:scale(1.15)}.rating-estrella.activa{color:#f0883e}.rating-estrella.readonly{cursor:default}.rating-estrella.readonly:hover{transform:none}.formulario-pelicula{background-color:#161b22;padding:24px;border-radius:12px;margin-bottom:32px;border:1px solid #e94560;display:flex;flex-direction:column;align-items:center}.formulario-pelicula h3{color:#f0f6fc;margin-bottom:18px;font-weight:600;font-size:1rem}.formulario-pelicula input,.formulario-pelicula textarea,.formulario-pelicula select{width:90%;padding:12px 16px;margin:5px 0;border:1px solid #30363d;border-radius:8px;background-color:#0d1117;color:#e6edf3;font-size:14px;font-family:Inter,sans-serif;outline:none}.formulario-pelicula input:focus,.formulario-pelicula textarea:focus,.formulario-pelicula select:focus{border-color:#e94560;box-shadow:0 0 0 3px #e9456026}.formulario-pelicula input::placeholder,.formulario-pelicula textarea::placeholder{color:#484f58}.formulario-pelicula textarea{min-height:70px;resize:vertical}.formulario-rating{display:flex;align-items:center;gap:12px;margin:10px 0}.formulario-rating label{color:#8b949e;font-size:.85rem}.formulario-pelicula .boton{padding:10px 24px;margin:8px 5px;font-size:14px;border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-caja{background-color:#161b22;border:1px solid #30363d;border-radius:12px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 8px 40px #00000080;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-mensaje{color:#e6edf3;font-size:1rem;margin-bottom:24px;line-height:1.5}.modal-botones{display:flex;justify-content:center;gap:12px}.modal-botones .boton{padding:10px 24px;font-size:14px}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip-texto{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#f0f6fc;color:#0d1117;padding:5px 10px;border-radius:6px;font-size:.65rem;font-weight:500;white-space:nowrap;z-index:100;transition:opacity .2s ease,visibility .2s ease;box-shadow:0 4px 12px #0000004d;pointer-events:none}.tooltip-texto:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#f0f6fc}.tooltip-wrapper:hover .tooltip-texto{visibility:visible;opacity:1}.tarjeta-pelicula{background-color:#161b22;border:1px solid #21262d;border-radius:10px;padding:14px;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;height:100%}.tarjeta-pelicula:hover{border-color:#30363d;box-shadow:0 4px 16px #0000004d}.tarjeta-pelicula img{width:100%;height:200px;object-fit:cover;border-radius:6px;margin-bottom:10px;box-shadow:0 2px 12px #00000080}.tarjeta-pelicula h4{color:#f0f6fc;margin-bottom:4px;font-size:.82rem;font-weight:600;min-height:2.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tarjeta-descripcion{color:#8b949e;font-size:.7rem;margin-bottom:8px;line-height:1.4;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tarjeta-pelicula .estado{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.6rem;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.8px;background-color:#e945601a;color:#e94560;border:1px solid rgba(233,69,96,.2)}.tarjeta-rating-space{min-height:28px;display:flex;align-items:center}.botones-tarjeta{display:flex;justify-content:center;gap:4px;margin-top:auto;padding-top:8px;flex-wrap:wrap}.botones-tarjeta .boton{font-size:11px;padding:6px 10px}.estado-vacio{display:flex;flex-direction:column;align-items:center;padding:30px 20px;opacity:.6}.estado-vacio-svg{width:80px;height:70px;margin-bottom:12px}.estado-vacio-mensaje{color:#484f58;font-size:.8rem;font-style:italic;text-align:center}.lista-controles{display:flex;gap:12px;margin-bottom:24px}.filtro-peliculas{flex:1;padding:12px 16px;border:1px solid #30363d;border-radius:8px;background-color:#0d1117;color:#e6edf3;font-size:14px;font-family:Inter,sans-serif;outline:none}.filtro-peliculas:focus{border-color:#e94560;box-shadow:0 0 0 3px #e9456026}.filtro-peliculas::placeholder{color:#484f58}.ordenar-peliculas{padding:10px 14px;border:1px solid #30363d;border-radius:8px;background-color:#0d1117;color:#8b949e;font-size:13px;font-family:Inter,sans-serif;outline:none;cursor:pointer;min-width:140px}.ordenar-peliculas:focus{border-color:#e94560}.lista-peliculas-container{margin-top:32px}.lista-peliculas{display:flex;gap:24px}.seccion-lista{flex:1}.lista-peliculas h3{color:#f0f6fc;margin-bottom:16px;margin-top:0;padding-bottom:10px;border-bottom:1px solid #21262d;font-weight:600;font-size:.9rem}.grid-peliculas{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.btn-ver-mas{width:100%;padding:10px;margin-top:16px;background-color:transparent;border:1px dashed #30363d;border-radius:8px;color:#8b949e;font-size:.8rem;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.btn-ver-mas:hover{border-color:#e94560;color:#e94560}@media(max-width:768px){.lista-peliculas,.lista-controles{flex-direction:column}.grid-peliculas{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:400px){.grid-peliculas{grid-template-columns:1fr}}.estadisticas{display:flex;gap:16px;margin-bottom:32px}.stat-card{flex:1;background-color:#161b22;border:1px solid #21262d;border-radius:10px;padding:20px 16px;text-align:center;display:flex;flex-direction:column;gap:4px}.stat-numero{font-size:2rem;font-weight:700;color:#f0f6fc}.stat-label{font-size:.75rem;color:#484f58;text-transform:uppercase;letter-spacing:1px;font-weight:500}.stat-pendiente .stat-numero{color:#f0883e}.stat-vista .stat-numero{color:#3fb950}@media(max-width:600px){.estadisticas{gap:10px}.stat-card{padding:16px 10px}.stat-numero{font-size:1.5rem}}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);padding:14px 28px;border-radius:10px;font-size:.85rem;font-weight:500;color:#fff;z-index:2000;animation:toastIn .3s ease,toastOut .3s ease 2.7s forwards;box-shadow:0 6px 24px #0006}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.toast-exito{background-color:#238636;border:1px solid #2ea043}.toast-error{background-color:#da3633;border:1px solid #f85149}.toast-info{background-color:#1f6feb;border:1px solid #388bfd}.toast p{margin:0}.scroll-top{position:fixed;bottom:30px;right:30px;width:44px;height:44px;border-radius:50%;background-color:#e94560;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:900;box-shadow:0 4px 16px #e945604d;transition:transform .2s ease,opacity .2s ease;animation:fadeInUp .3s ease}.scroll-top:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{position:absolute;top:20px;right:20px;background:none;border:1px solid #30363d;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8b949e;font-size:16px;transition:all .2s ease}.theme-toggle:hover{color:#f0883e;border-color:#f0883e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#0d1117;color:#e6edf3;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}.App{max-width:960px;margin:0 auto;padding:50px 24px 30px;min-height:100vh;display:flex;flex-direction:column;position:relative}.app-header{margin-bottom:40px;text-align:center}.marquee{position:relative;display:inline-block;background-color:#0a0a12;border:3px solid #c9a227;border-radius:10px;padding:28px 50px;margin:0 auto 16px;box-shadow:0 0 30px #c9a22726,inset 0 0 30px #00000080}.marquee h1{font-size:3.2rem;font-weight:700;color:#f0f6fc;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 10px rgba(233,69,96,.4);position:relative;z-index:1}.marquee h1 span{color:#e94560}.marquee-luces span{display:block;width:8px;height:8px;border-radius:50%;background-color:#c9a227;box-shadow:0 0 6px #c9a227,0 0 12px #c9a22766;animation:parpadeo 1.5s ease-in-out infinite alternate}@keyframes parpadeo{0%{background-color:#c9a227;box-shadow:0 0 6px #c9a227,0 0 14px #c9a22780;opacity:1}50%{background-color:#8a6d14;box-shadow:0 0 2px #8a6d14;opacity:.4}to{background-color:#f5d442;box-shadow:0 0 8px #f5d442,0 0 18px #f5d44299;opacity:1}}.marquee-luces-top{position:absolute;top:-5px;left:15px;right:15px;display:flex;justify-content:space-between}.marquee-luces-bottom{position:absolute;bottom:-5px;left:15px;right:15px;display:flex;justify-content:space-between}.marquee-luces-left{position:absolute;top:15px;bottom:15px;left:-5px;display:flex;flex-direction:column;justify-content:space-between}.marquee-luces-right{position:absolute;top:15px;bottom:15px;right:-5px;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:600px){.marquee{padding:22px 30px}.marquee h1{font-size:2.2rem;letter-spacing:2px}.marquee-luces span{width:6px;height:6px}}.app-subtitulo{color:#8b949e;font-size:1rem;font-weight:400;margin-bottom:4px}.app-descripcion{color:#484f58;font-size:.85rem;font-weight:300}.app-footer{margin-top:auto;padding-top:40px;padding-bottom:10px;text-align:center;border-top:1px solid #21262d}.app-footer p{color:#484f58;font-size:.8rem;font-weight:400}.app-footer a{color:#e94560;text-decoration:none;font-weight:600}.app-footer a:hover{text-decoration:underline}.footer-tech{margin-top:4px;font-size:.7rem!important;color:#30363d!important}input,textarea,select,button{transition:all .2s ease}body[data-theme=light]{background-color:#f6f8fa;color:#1f2328}body[data-theme=light] .tarjeta-pelicula,body[data-theme=light] .buscar-pelicula,body[data-theme=light] .formulario-pelicula,body[data-theme=light] .stat-card{background-color:#fff;border-color:#d0d7de}body[data-theme=light] .tarjeta-pelicula:hover{border-color:#b0b8c1;box-shadow:0 4px 16px #00000014}body[data-theme=light] .tarjeta-pelicula h4,body[data-theme=light] .lista-peliculas h3,body[data-theme=light] .stat-numero,body[data-theme=light] .modal-mensaje{color:#1f2328}body[data-theme=light] .tarjeta-descripcion,body[data-theme=light] .app-subtitulo,body[data-theme=light] .resultado-info p,body[data-theme=light] .resultado-year{color:#656d76}body[data-theme=light] .stat-label,body[data-theme=light] .app-descripcion,body[data-theme=light] .app-footer p,body[data-theme=light] .footer-tech{color:#8b949e!important}body[data-theme=light] input,body[data-theme=light] textarea,body[data-theme=light] select{background-color:#f6f8fa;border-color:#d0d7de;color:#1f2328}body[data-theme=light] .marquee{background-color:#1f2328}body[data-theme=light] .resultado-busqueda,body[data-theme=light] .modal-caja{background-color:#fff;border-color:#d0d7de}body[data-theme=light] .resultado-info h4,body[data-theme=light] .buscar-pelicula h3{color:#1f2328}body[data-theme=light] .btn-ver-mas{border-color:#d0d7de;color:#656d76}body[data-theme=light] .app-footer{border-top-color:#d0d7de}body[data-theme=light] .lista-peliculas h3{border-bottom-color:#d0d7de}body[data-theme=light] .theme-toggle{border-color:#d0d7de;color:#656d76}body[data-theme=light] .tooltip-texto{background-color:#1f2328;color:#f6f8fa}body[data-theme=light] .tooltip-texto:after{border-top-color:#1f2328}