@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);html{box-sizing:border-box;scroll-behavior:smooth}*,:after,:before{margin:0;padding:0;box-sizing:inherit}body{margin:0;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0;background-color:var(--background);color:#262729;color:var(--font-color)}:root{--primary:#132631;--secundary:#132631;--background:#f0f0f0;--card-background:#f6f6f6;--btn:#117f92;--btn-dark:#000;--font-color:#262729;--font-color-secundary:#eee}.form-container{margin-top:1rem}input{padding-left:.7rem;margin:0 1rem;height:30px;border:1px solid transparent;outline:none;box-shadow:0 5px 10px rgba(0,0,0,.055);-webkit-transition:.2s ease-in;transition:.2s ease-in}input:focus{box-shadow:0 0 8 0 px hsla(0,0%,69.4%,.205);border:1px solid #c0c4cc}select{padding-left:.5rem;border:none;height:30px;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.055);outline:none;cursor:pointer}@media (max-width:768px){.form-container{margin-top:0}form{display:flex;flex-direction:column;justify-content:center}input{margin:0 0 .7rem}select{margin-bottom:.7rem}}@media (max-width:580px){.form-container{margin-top:0}input,select{margin-bottom:.6rem}}.btn-search{border:none;padding:0 .8rem;border-radius:4px;font-weight:600;background-color:var(--btn);color:#fff;cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.157);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.btn-search:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 6px 8px rgba(50,50,93,.205),0 2px 4px rgba(0,0,0,.123);opacity:.9}.btn-search:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 4px 4px rgba(50,50,93,.11),0 1px 2px rgba(0,0,0,.08);opacity:1}.section-container{min-height:calc(100vh - 161px);display:flex;justify-content:center;align-items:center;flex-direction:column}.subTitle{font-weight:500;margin-bottom:1rem;font-size:1.8rem}@media (max-width:768px){.subTitle{font-size:1.6rem}}@media (max-width:480px){.section-container{min-height:calc(100vh - 137px)}.subTitle{font-size:1.4rem}}.movies-container{max-width:1600px;margin:1rem auto;padding:0 1rem;height:100%;display:flex;justify-content:center;flex-wrap:wrap}.title-wrapper{max-width:1600px;margin:0 auto;padding:0 2.1rem}.result-title{display:inline-block;margin-top:2rem;margin-bottom:1rem;font-size:1.3rem;line-height:1.2;color:var(--font-color);position:relative}@media (max-width:480px){.result-title{font-size:1rem}.result-title:after{position:absolute;z-index:-1;bottom:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:"";width:20%;height:1px;background-color:var(--primary)}}.pagination-container{margin-bottom:1rem;display:flex;justify-content:center;align-items:center}button:focus{outline:0}.btn-page{border:none;padding:.5rem 1rem;background-color:transparent;cursor:pointer;-webkit-transition:.3s;transition:.3s}.active{background-color:#ec4d68;color:#fff}.btn-page:hover:not(.active){background-color:#d6d6d6}.movie-card{margin:5px;border-radius:4px;background-color:var(--card-background);box-shadow:0 20px 40px -14px rgba(0,0,0,.25);width:300px;overflow:hidden;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.movie-card:hover{box-shadow:0 0 10px rgba(3,98,35,.644);-webkit-transform:scale(1.025);transform:scale(1.025)}.movie-card img{object-fit:cover;height:450px;width:300px;border-top-left-radius:4px;border-top-right-radius:4px}.movie-card h4{text-align:center;padding:1rem .5rem;color:var(--font-color)}@media (max-width:480px){.movie-card h4{font-size:.9rem}}.movie-detail-container{max-width:800px;display:flex;flex-direction:row;margin:0 1rem;background-color:var(--card-background);box-shadow:0 20px 40px 4px rgba(0,0,0,.25)}.info-container{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;line-height:1.6}.info-container h1{margin:0 0 1rem;text-align:center;font-weight:300;display:inline-block;padding-bottom:5px;position:relative}.info-container h1:before{content:"";height:2px;width:10%;background:#565657;position:absolute;left:45%;bottom:-5px}.poster{object-fit:cover;vertical-align:top;min-height:100%;max-width:300px}.btn-wrapper{display:flex;justify-content:center}.btn-back{border:none;margin-top:.8rem;padding:.7rem 2rem;border-radius:45px;text-transform:uppercase;font-size:.9rem;font-weight:600;letter-spacing:2px;background:#28333c;background:-webkit-gradient(linear,left top,right top,color-stop(15%,#28333c),color-stop(96%,#2a3f4e));background:-webkit-linear-gradient(left,#28333c 15%,#2a3f4e 96%);background:linear-gradient(90deg,#28333c 15%,#2a3f4e 96%);color:#fcfcfc;box-shadow:0 0 10px rgba(0,0,0,.2);cursor:pointer;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.btn-back:hover{opacity:.9;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 6px 8px rgba(50,50,93,.205),0 2px 4px rgba(0,0,0,.123)}.btn-back:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 4px 4px rgba(50,50,93,.11),0 1px 2px rgba(0,0,0,.08);opacity:1}@media (max-width:359px){.movie-detail-container{width:100%}}@media (max-width:480px){.info-container{font-size:.9rem}.btn-back{padding:.5rem 1.8rem;font-size:.8rem}}@media (max-width:740px){.movie-detail-container{flex-direction:column}}header{box-shadow:0 5px 19px 0 rgba(0,0,0,.2);background-color:var(--primary)}.header-container{max-width:1600px;margin:0 auto}.logo{padding:1rem 2.5rem;margin:0;color:var(--font-color-secundary);font-size:1.6rem;letter-spacing:2px}@media (max-width:480px){.logo{font-size:1.4rem}}.footer-container{height:100px;background-color:var(--secundary);color:#8990a3;display:flex;justify-content:center;align-items:center}@media (max-width:480px){.footer-container{height:80px;font-size:.8rem}}
/*# sourceMappingURL=main.4aecb5a7.chunk.css.map */