*{box-sizing:border-box;color:#fff;font-family:Times New Roman,Times,serif}body{background:radial-gradient(#170535 75%,#71608b);min-height:100vh;margin:0;padding:0}#root{flex-direction:column;place-items:center;display:flex}h1{text-align:center;text-decoration:underline;animation:1s infinite alternate pulso}@keyframes pulso{to{text-shadow:0 0 10px #fff}}main{flex-direction:column;place-items:center;display:flex}.formulario{border:1px solid #fff;border-radius:30px;flex-direction:column;margin:30px;padding:20px;display:flex;box-shadow:inset 0 0 10px 2px #fff}.formulario .seccion-busqueda{place-content:center;place-items:center;margin-bottom:10px;display:flex}.formulario .seccion-opciones{place-content:center;place-items:center;display:flex}.formulario #input_buscador{color:#000;border-radius:10px;width:75%;margin:0 15px 0 5px;padding:5px;font-size:16px}.formulario #input_buscador:invalid{background-color:#d3d3d3;outline:2px solid red}.formulario #boton_enviar{background-color:#271068;border-radius:50px;padding:5px}.formulario #boton_enviar:hover{cursor:pointer;box-shadow:0 0 5px 2px #fff}.formulario #selector_ordenacion{color:#000;border-radius:10px;margin:0 15px 0 5px;padding:5px}.formulario #selector_ordenacion:hover{cursor:pointer;box-shadow:0 0 5px 2px #fff}.formulario #selector_ordenacion optgroup,.formulario #selector_ordenacion option{color:#000}.formulario #selector_dinamica{appearance:none;background-color:#fff;border:1px solid #a9a9a9;border-radius:5px;place-content:center;place-items:center;width:30px;height:30px;display:flex}.formulario #selector_dinamica:hover{cursor:pointer;box-shadow:0 0 5px 2px #fff}.formulario #selector_dinamica:checked{border:1px solid #000}.formulario #selector_dinamica:checked:after{content:"✔";color:#000;font-size:30px;font-weight:bolder}.loader{border:30px solid #fff;border-top-color:#00f;border-radius:50%;place-self:center;width:200px;height:200px;animation:1s infinite carga,.3s infinite alternate pulso-rapido}@keyframes carga{to{rotate:1turn}}@keyframes pulso-rapido{to{box-shadow:0 0 10px 5px #fff}}.paginador{margin-bottom:20px}.resultados{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:80vw;display:grid}.pie-pagina{font-style:italic}.mensaje{color:#fff;text-align:center;border:1px solid #fff;border-radius:20px;place-self:center;padding:20px}.sin-resultados{width:250px;animation:1s infinite alternate pulsoRojo}.demasiados-resultados{animation:1s infinite alternate pulsoAzul}.error-servicio{animation:1s infinite alternate pulsoAmarillo}@keyframes pulsoRojo{to{box-shadow:0 0 10px 5px red}}@keyframes pulsoAmarillo{to{box-shadow:0 0 10px 5px #ff0}}@keyframes pulsoAzul{to{box-shadow:0 0 10px 5px #00f}}.articulo-pelicula{text-align:center;background-color:#1b0752;border:1px solid #f5f5f5;border-radius:20px;flex-direction:column;place-items:center;max-width:400px;padding:15px 5px 5px;display:flex;box-shadow:0 0 10px 10px #070118}.articulo-pelicula:hover{cursor:pointer;scale:1.05;box-shadow:0 0 10px 10px #070118,inset 0 0 5px 2px #fff}.articulo-pelicula .imagen-pelicula{border-radius:20px;width:100%;margin-top:15px}.articulo-pelicula .titulo-pelicula{margin:0}.articulo-pelicula .ano-pelicula{color:#a9a9a9;margin-top:5px;margin-bottom:auto}.modal{background-color:#1b0752;border:2px solid #f5f5f5;border-radius:20px;width:600px;padding:30px}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal .boton-cerrar{background-color:#1b0752;border-radius:5px;place-content:center;place-items:center;width:30px;height:30px;padding:5px;font-size:16px;font-weight:bolder;display:flex;position:absolute;top:10px;right:10px}.modal .boton-cerrar:hover{cursor:pointer;box-shadow:0 0 5px 2px #fff}.modal .infoTitulo{text-align:center;border:5px double #fff;border-radius:20px;align-content:center;justify-self:center;justify-items:center;min-width:50%;max-width:80%;margin-bottom:30px;padding:10px;box-shadow:0 0 10px 5px #070118}.modal .infoTitulo .titulo{margin:0;font-size:24px}.modal .infoTitulo .ano{color:#a9a9a9;margin:5px 0 0}.modal .infoPrincipal{justify-content:space-between;place-items:center;display:flex}.modal .infoPrincipal .imagenInfo{border-radius:20px;max-width:300px;box-shadow:0 0 10px 5px #070118}.modal .infoPrincipal .puntuacion{border:5px solid #fff;border-radius:50%;place-content:center;place-items:center;width:200px;height:200px;font-size:80px;font-weight:700;display:flex;box-shadow:0 0 10px 5px #070118}.modal .infoPrincipal .sin-puntuacion{background-color:#868686}.modal .infoPrincipal .puntuacion-baja{background-color:red}.modal .infoPrincipal .puntuacion-media{background-color:#ffa600}.modal .infoPrincipal .puntuacion-alta{background-color:green}.paginador-principal{place-items:center;gap:10px;display:flex}.boton-paginador{background-color:#271068;border-radius:15px;padding:8px}.boton-paginador img{width:28px;display:block}.boton-paginador:hover{cursor:pointer;box-shadow:0 0 5px 2px #fff}