.ContainerNav{align-items:center;background-color:#17171b;border-bottom:1px solid #76787b;color:#f3f3f4;display:flex;height:90px;justify-content:space-between;padding:0 50px}.ContainerTittle{cursor:pointer;width:20%}.ContainerListNav{align-items:center;display:flex;justify-content:space-between;width:80%}.listNav{display:flex;gap:40px;justify-content:center}.listNav li{color:#76787b;cursor:pointer;font-weight:700;list-style:none}.listNav li:hover{color:#f3f3f4}.ContainerItemNav{display:flex;font-size:25px;justify-content:space-evenly;width:200px}.inputSeach{background-color:#353535;border:none;border-radius:25px;color:#f3f3f4;font-size:20px;height:50px;margin-left:250px;outline:none;padding:0 30px;width:450px}@media screen and (max-width:1284px){.inputSeach{width:350px}}@media screen and (max-width:1184px){.inputSeach{width:300px}}@media screen and (max-width:1116px){.inputSeach{width:200px}}@media screen and (max-width:1003px){.listNav{display:none}.ContainerListNav{justify-content:flex-end}}@media screen and (max-width:688px){.inputSeach{width:150px}}@media screen and (max-width:630px){.inputSeach{width:140px}}@media screen and (max-width:485px){.inputSeach{position:relative;right:90px}}@media screen and (max-width:452px){.inputSeach{position:relative;right:60px}}@media screen and (max-width:419px){.inputSeach{position:relative;right:20px}}@media screen and (max-width:379px){.inputSeach{width:130px}}@media screen and (max-width:372px){.inputSeach{position:relative;right:1px}}@media screen and (max-width:392px){.ContainerItemNav{justify-content:end}}.CursorPointer{cursor:pointer}.ContainerCard{width:200px}.imagenPoster{border-radius:7px;width:200px}*{font-family:Roboto;margin:0;padding:0}.ContainerSections{background-color:#17171b;color:#f3f3f4;display:flex;justify-content:space-evenly}.ImagesPromo{border-right:1px solid #f3f3f4;display:flex;flex-direction:column;gap:30px;padding:50px 100px 0 0}.ImagePromo{border-radius:15px;margin-top:40px;width:350px}.ContainerFlexforGrid{height:700px;overflow-y:scroll}.ContainerTargetsMovies{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);margin:25px}@media screen and (max-width:1518px){.ContainerTargetsMovies{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1284px){.ContainerTargetsMovies{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1048px){.ContainerTargetsMovies{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:850px){.ImagesPromo{align-items:center;padding:50px}.ContainerSections{display:flex;flex-direction:column}.ContainerTargetsMovies{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:700px){.ContainerTargetsMovies{align-items:center;display:flex;flex-direction:column}}.containerNotfound{align-items:center;background-color:#17171b;color:#f3f3f4;display:flex;font-size:70px;height:760px;justify-content:center;text-align:center}.ContainerCardPages{background-color:#494949}.containerCardPage{align-items:center;background-color:#17171b;color:#f3f3f4;display:flex;flex-direction:column;gap:20px;height:auto;margin:0 300px;padding:70px}.imagenPosterCarPage{border-radius:20px;height:600px;width:400px}.ContainerButton{display:flex;justify-content:flex-start;width:100%}.Button_Exit{background-color:#494949;border:none;border-radius:15px;color:#f3f3f4;cursor:pointer;font-size:30px;gap:10px;height:50px;justify-content:center;width:150px}.Button_Exit,.flexInfoImage{align-items:center;display:flex}.flexInfoImage{gap:50px;justify-content:flex-start;width:100%}.flexInfo{display:flex;flex-direction:column;gap:50px;height:100%}.titleh2{font-size:50px}.Fonsizeinfo{color:bisque;font-size:20px}@media screen and (max-width:1280px){.imagenPosterCarPage{border-radius:20px;height:450px;width:250px}}@media screen and (max-width:1244px){.imagenPosterCarPage{border-radius:20px;height:300px;width:200px}.flexInfoImage{display:flex;flex-direction:column;gap:20px;width:100%}.ContainerButton{justify-content:center}}@media screen and (max-width:900px){.containerCardPage{margin:0 100px}}@media screen and (max-width:494px){.containerCardPage{margin:0}}@media screen and (max-width:1376px){.titleh2{font-size:40px}}@media screen and (max-width:1348px){.flexInfo{gap:30px}}@media screen and (max-width:1248px){.flexInfo{gap:10px}}@media screen and (max-width:1188px){.flexInfo{gap:40px}}
/*# sourceMappingURL=main.9608f24d.css.map*/