#root{margin:0;padding:0;width:100%;min-height:100vh;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}body{width:100%}.read-the-docs{color:#888}footer{width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;color:#fff;background-color:#000;padding-bottom:55px}footer div{padding:10px}.logo{font-size:2rem;padding:20px}.socialMedias{display:flex;flex-direction:column;gap:5px;font-family:Roboto,sans-serif}.socialMedias a,.socialMedias a:link,.socialMedias a:visited{color:#fff;text-decoration:none;text-underline-offset:none}.socialMedias a:hover{color:#ccc;filter:drop-shadow(0px 0px 10px rgba(255,255,255,.8))}.socialMedias div{display:flex;justify-content:flex-start;align-items:center;gap:20px}.socialMedias div i{font-size:1.5rem}.header{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;height:400px;background-image:url(/popcornia/assets/fondoheader-Lu0rcn3a.jpg);background-size:cover;filter:opacity(.5)}.formulario{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:-65px;z-index:2;filter:opacity(.9) drop-shadow(0px 0px 10px #ffffff50)}.formulario input[type=text]{width:80%;padding:10px;margin:5px 0;font-size:1.7rem;border:1px solid #ccc;border-radius:4px}label{color:#fff;font-size:1.5rem;margin:0 5px}.movies-section{display:flex;justify-content:center;flex-wrap:wrap;max-width:1080px;margin-left:auto;margin-right:auto}@media only screen and (min-width: 1024px){.movie-view-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:225px;margin:5px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px #ccc}.movie-view-card img{width:225px}}@media only screen and (min-width: 768px) and (max-width: 1023px){.movie-view-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;margin:5px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px #ccc}.movie-view-card img{width:200px}}@media only screen and (min-width: 376px) and (max-width: 767px){.movie-view-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:325px;margin:5px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px #ccc}.movie-view-card img{width:325px}}.paginacion{display:flex;align-items:center;justify-content:center;padding:0}.activo{color:red}.paginacion button i{font-size:1rem;color:#fff;padding:0}.paginacion button{padding:11px;font-size:1.2rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media only screen and (min-width: 1024px){.moviedetailfront{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;width:100%;min-height:100vh;background-color:#000000c5;color:#fff}.movie-detail-trailer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:row;margin:100px 0}.movie-card-detail{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;padding:40px 100px}.movie-card-detail h1{text-align:center}.movie-card-detail-text{text-align:justify;width:50%;padding:20px}.titulo-reparto{margin:0;font-size:2rem}.video-player{width:100%;height:100%;padding:10px 8px;text-align:center}}@media only screen and (min-width: 376px) and (max-width: 767px){.movie-card-detail-text{text-align:justify;width:100%;padding:20px;border:#ffffffc5 1px solid;background-color:#00000060;border-radius:5px}}@media only screen and (min-width: 768px) and (max-width: 1023px){.movie-card-detail-text{text-align:justify;width:60%;padding:20px;border:#ffffffc5 1px solid;background-color:#00000060;border-radius:5px}}.back-button{position:fixed;left:34px;top:10px}.back-button button{width:80px;height:80px;border-radius:50%;background-color:#fff5}.back-button button i{font-size:2rem;color:red}.moviedetail{min-width:100vw;min-height:100vh;background-size:cover}.moviedetailfront{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;width:100%;min-height:100vh;background-color:#000000c5;color:#fff}.movie-detail-trailer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:row;margin:100px 0}.movie-card-detail{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:40px}.movie-card-detail h1{text-align:center}.movie-card-detail-text{text-align:justify;border:#ffffffc5 1px solid;background-color:#00000060;border-radius:5px}.titulo-reparto{margin:0;font-size:2rem}.video-player{width:100%;height:100%;padding:10px 8px;text-align:center}.reparto{display:flex;justify-content:space-around;flex-wrap:wrap;gap:10px;max-width:1100px;padding:50px;margin-right:5px}.actor img{width:100px;height:150px}.actor{width:100px;display:flex;flex-direction:column}.header{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;height:400px;background-image:url(/popcornia/assets/fondoheader-Lu0rcn3a.jpg);background-size:cover;filter:opacity(.5)}.header-title{width:100%;display:flex;justify-content:center}.header-title img{width:500px;filter:drop-shadow(0px 0px 10px #000000)}.logo img{margin-top:-80px;width:200px;filter:drop-shadow(0px 0px 10px #000000)}.error-page-img{width:100%}.error-page-container{position:relative}.error-code{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;color:#000;top:0;left:0;width:100%;font-size:7rem;font-weight:700}.error-code p{margin:0}.error-message{font-size:2rem}