@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,700;0,800;1,300;1,400;1,700;1,800&display=swap";.nav{display:grid;grid-template-columns:15fr repeat(4,1fr);gap:15px;padding:20px;font-size:1.5rem}.nav .options{display:flex;gap:5px}.signin{background-color:#d3d3d3;color:#fff;font-size:14px;letter-spacing:1px}.titulo{display:grid;width:100%;text-align:center;grid-template-columns:1fr 4fr}.titulo span{font-size:1.7rem;font-weight:bolder;margin-top:25px}.titulo img{width:70px}#login{position:relative;height:560px;max-width:405px;width:90%;margin:20px auto auto;padding:60px;background:url(https://picsum.photos/id/158/1024/1280) no-repeat center center #505050;background-size:cover;box-shadow:0 30px 60px -5px #000;color:#000}#login h2{padding-left:12px;font-size:22px;text-transform:uppercase;padding-bottom:5px;letter-spacing:2px;display:inline-block;font-weight:100}#login h2:first-child{padding-left:0}#login h2.active{border-bottom:2px solid #1161ed}#login h2.nonactive{color:#555}#login form{padding-top:10px}#login form span{text-transform:uppercase;font-size:12px;opacity:.4;display:inline-block;position:relative;top:-65px;transition:all .5s ease-in-out;color:#000;font-weight:bolder}#login form .text{border:none;width:89%;padding:5px 10px;display:block;height:30px;border-radius:20px;background:rgba(255,255,255,.5);border:2px solid rgba(255,255,255,0);overflow:hidden;margin-top:5px;transition:all .5s ease-in-out}#login form .text:focus{outline:0;border:2px solid rgba(255,255,255,.5);border-radius:20px;background:rgba(0,0,0,0)}#login form .text:focus+span{opacity:.6}#login form input{display:inline-block;padding-top:20px;font-size:14px}#login form h2,#login form span,#login form .custom-checkbox{margin-left:20px}#login form .custom-checkbox{appearance:none;background-color:#ffffff1a;padding:8px;border-radius:2px;display:inline-block;position:relative;top:6px}#login form .custom-checkbox:checked{background-color:#1161ed}#login form .custom-checkbox:checked:after{content:"\2714";font-size:10px;position:absolute;top:1px;left:4px}#login form .custom-checkbox:checked:after:focus{outline:none}#login form label{display:inline-block;padding-top:10px;padding-left:5px;font-weight:700}#login form .signin{background-color:#1161ed;width:100%;padding:10px 20px;display:block;height:39px;border-radius:20px;margin-top:30px;transition:all .5s ease-in-out;border:none;text-transform:uppercase}#login form .signin:hover{background:#4082f5;box-shadow:0 4px 35px -5px #4082f5;cursor:pointer}#login form .signin:focus{outline:none}#login form hr{border:1px solid rgba(255,255,255,.6);top:10px;position:relative}#login form a{text-align:center;display:block;top:20px;position:relative;text-decoration:none;color:#add8e6}#login form a:hover{color:orange}#login form .contacto{position:relative;top:30px;color:#fff;text-align:center}.profile{width:450px;margin:auto;text-align:center;display:grid;grid-template-columns:1fr 3fr}.profile .perfil{font-size:3rem}.profile img{padding:10px}.profile .datos{text-align:left}.profile .datos .nombre{font-size:1.4rem;font-weight:700}.profile .datos .email{font-size:1rem}.portada{width:60%;max-width:450px;margin:auto}.portada img{display:block;width:90%;margin:auto}.portada div{text-align:center;font-size:3rem;color:#b78206}.search{width:95%;margin:auto;position:relative}.search .form{max-width:650px;margin:auto}.search .form .input-search{position:relative;width:350px;margin:auto}@media (max-width: 768px){.search .form .input-search{width:80%}}.search .form .input-search input{display:block;background-color:#ffffff0a;border:none;border-radius:5px;padding:10px;color:#fff;margin:auto;width:100%}.search .form .input-search .borrar{position:absolute;right:-3px;bottom:5px;font-weight:700;font-size:1.1rem}.search .spinner{position:fixed;left:30%;top:50%;margin:50px auto auto;animation:spin infinite 2s linear;font-size:100px;width:100px;z-index:99;color:w}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.peliculas-titulo{width:350px;text-align:left;margin:auto;padding:20px 0 20px 30px;font-size:1.2rem}@media (max-width: 768px){.peliculas-titulo{width:80%}}.peliculas-contenedor .peliculas{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media (max-width: 1440px){.peliculas-contenedor .peliculas{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.peliculas-contenedor .peliculas{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.peliculas-contenedor .peliculas{grid-template-columns:repeat(2,1fr)}}@media (max-width: 550px){.peliculas-contenedor .peliculas{grid-template-columns:repeat(1,1fr);justify-content:center;align-items:center}}.peliculas-contenedor .peliculas .pelicula{margin:auto;width:100%}.peliculas-contenedor .peliculas .pelicula .imagen img{width:100%}.peliculas-contenedor .peliculas .pelicula .nombre{text-align:right}.peliculas-contenedor .sin-resultados{display:block;margin:50px auto auto;width:300px;text-align:center;background-color:#ff00004d;padding:5px 10PX;border-radius:5px}.detalle{max-width:450px;margin:auto}@media (min-width: 1024px){.detalle{display:grid;grid-template-columns:repeat(2,1fr);max-width:90%;gap:30px}}.detalle .nombre{text-align:center;font-size:1.3rem;margin:10px 0}.detalle .imagen{position:relative}.detalle .imagen img{width:100%}.detalle .titulo{display:block;text-align:center;font-size:1.3rem;margin:10px 0}.detalle .datos .dato{display:flex}.detalle .datos .dato span{font-weight:700;margin-right:10px}.detalle .datos .dato .cast{display:inline;gap:5px;width:90%}.detalle .datos .dato .cast span.persona{font-weight:lighter;background-color:#ffffff4d;padding:0 3px;line-height:1.8rem;border-radius:5px}.detalle .datos .sinopsis .titulo{text-align:center;display:block}.detalle .datos .sinopsis .cuerpo{text-indent:25px;text-align:justify}.estrellas{display:flex;gap:3px}.rating-fav{display:grid;grid-template-columns:8fr 1fr;gap:10px;position:absolute;bottom:6px;width:100%;background-color:#0000004d;padding:3px 0}.rating-fav .calificacion{margin-left:10px}.rating-fav .favorito{text-align:center}.rating-fav .favorito.elegido{color:red}.comentario-form{width:90%;max-width:600px;margin:auto}.comentario-form .tituloInput,.comentario-form form{text-align:center}.comentario-form form .textarea textarea{width:100%}.comentario-form .registrate{text-align:center;padding:20px;font-style:italic}.comentario-form .registrate .link{text-decoration:underline;cursor:pointer}.comentarios-lista{width:90%;max-width:600px;margin:auto}.comentarios-lista .titulo{text-align:center;padding:10px 0}.comentarios-lista .comentario{background-color:#ffffff4d;padding:5px;border-radius:5px;margin-bottom:10px}.comentarios-lista .comentario .fecha{font-size:.9rem}.comentarios-lista .comentario .texto{width:100%;text-align:justify}body{margin:0;background:rgb(35,60,83);background:linear-gradient(90deg,rgb(35,60,83) 0%,rgb(24,47,70) 100%);font-family:Nunito,sans-serif;color:#fff;font-size:16px}.container{padding:10px}.naranja{color:#b78206}.boton{cursor:pointer}.boton.button{border-radius:5px;padding:5px;font-weight:700;text-transform:uppercase}