@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@600&display=swap);:root{--max-width:1200px;--primary-color-100:#e7f4fd;--primary-color-200:#b7defa;--primary-color-300:#88c8f7;--primary-color-400:#58b3f3;--primary-color-500:#1192ee;--primary-color-600:#1083d5;--primary-color-700:#0c66a6;--primary-color-800:#094977;--primary-color-900:#052c48;--second-color-100:#fff8eb;--second-color-200:#ffeac7;--second-color-300:#ffdb9e;--second-color-400:#ffce7a;--second-color-500:#ffba42;--second-color-600:#e5a638;--second-color-700:#b4822d;--second-color-800:#7e5c20;--second-color-900:#4e3813;--green-color-500:#2dd280;--red-color-500:#eb5656;--grey-color-100:#fbfbfe;--grey-color-200:#fcfcfc;--grey-color-300:#eff3f5;--grey-color-400:#c8cdd0;--grey-color-500:#a0a7ac;--grey-color-600:#697477;--grey-color-700:#2a3b47;--grey-color-800:#22303a;--grey-color-900:#1a252d;--primary-color:var(--primary-color-500);--primary-color-alt:var(--primary-color-700);--title-color:var(--primary-color);--text-color:var(--grey-color-600);--body-bg-color:var(--grey-color-100);--white-color:#fff;--color:var(--primary-color);--color-alt:var(--primary-color-alt);--body-font:"Open Sans",sans-serif;--title-font:"Days One",sans-serif,"Orbitron",;--header-height:3rem;--section-spacing:4rem;--block-spacing:2rem;--body-line-height:1.6;--title-line-height:1.3;--p-spacing:2rem;--width-pages:100%;--h1-font-size:2rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--h4-font-size:1rem;--big-font-size:1rem;--normal-font-size:0.875rem;--small-font-size:0.75rem;--smaller-font-size:0.6875rem;--z-back:-10;--z-normal:1;--z-front:10;--z-tooltip:20;--z-overlay:30;--z-modal:40;--z-fixed:50;--z-off-canvas:100;--border-radius:0.5rem;--border-radius-card:1rem;--box-shadow:0 2px 2px #242f421a}@media screen and (min-width:640px){:root{--width-pages:80%}}@media screen and (min-width:1024px){:root{--header-height:4rem;--section-spacing:8rem;--block-spacing:4rem;--h1-font-size:3rem;--h2-font-size:2rem;--h3-font-size:1.5rem;--h4-font-size:1.25rem;--big-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.75rem;--p-spacing:3rem;--width-pages:100%}}body{background-color:#fbfbfe;background-color:var(--body-bg-color);color:#697477;color:var(--text-color);display:flex;flex-direction:column;font-family:Open Sans,sans-serif;font-family:var(--body-font);font-size:.875rem;font-size:var(--normal-font-size);line-height:1.6;line-height:var(--body-line-height);margin:0;min-height:calc(100vh - 3rem);min-height:calc(100vh - var(--header-height));padding-top:3rem;padding-top:var(--header-height)}a{color:#1192ee;color:var(--primary-color)}a:link,a:visited{text-decoration:none}p{margin-top:0}h1,h2,h3,h4,h5,h6{color:#1192ee;color:var(--title-color);font-family:Days One,sans-serif,Orbitron;font-family:var(--title-font);font-weight:800;line-height:1.3;line-height:var(--title-line-height);margin-top:0}h1{font-size:2rem;font-size:var(--h1-font-size)}h2{font-size:1.5rem;font-size:var(--h2-font-size)}h3{font-size:1.25rem;font-size:var(--h3-font-size)}h4{font-size:1rem;font-size:var(--h4-font-size)}.app-main{min-height:calc(69vh - 3rem);min-height:calc(69vh - var(--header-height))}.title{font-size:1.5rem;font-size:var(--h2-font-size);margin-bottom:1rem}.small-fs{font-size:.75rem;font-size:var(--small-font-size)}.smaller-fs{font-size:.6875rem;font-size:var(--smaller-font-size)}.primary-color{color:#1192ee;color:var(--primary-color)}.second-color{color:#ffba42;color:var(--second-color-500)}.third-color{color:#094977;color:var(--primary-color-800)}.white-color{color:#fff;color:var(--white-color)}.green-color{color:#2dd280;color:var(--green-color-500)}.red-color{color:#eb5656;color:var(--red-color-500)}.content-wrapper{margin-left:1rem;margin-right:1rem;max-width:1200px;max-width:var(--max-width);width:calc(100% - 2rem)}@media screen and (min-width:1024px){.content-wrapper{margin-left:auto;margin-right:auto;width:100%}}.img-loading{display:flex;height:160px;justify-content:center}.title-page{text-align:center}.action-list{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.action-list-page{font-size:1rem;font-size:var(--big-font-size);margin:0 1.5rem}.action-list .jam{margin-right:0}.main-header{background:var(--body-bg-color);box-shadow:0 3px 5px #707e841a;display:flex;height:var(--header-height);position:fixed;top:0;width:100%;z-index:var(--z-fixed)}@media screen and (min-width:1024px){.main-header img{height:3.5rem}}.main-header .content-wrapper,.main-header .jam{align-items:center;display:flex}.main-header .jam{color:var(--grey-color-600);cursor:pointer;flex-direction:row;font-size:1.5rem;justify-content:center;margin-left:auto;margin-right:.3rem}.main-header img{height:1.5rem}@media screen and (min-width:1024px){.main-header img{height:2.5rem}}.main-header p{color:var(--primary-color);font-weight:800;padding-left:1rem;padding-top:.5rem}.main-header ul li{display:flex;margin-right:.5rem}@media screen and (min-width:1024px){.main-header .jam-close,.main-header .jam-menu{display:none}}.main-menu{align-items:center;display:flex;font-family:var(--title-font);justify-content:center}@media screen and (min-width:1024px){.main-menu{margin-left:auto}}@media screen and (max-width:1024px){.main-menu{background:var(--white-color);height:100vh;left:0;position:fixed;top:0;transform:scale(0);transition:transform .25s;width:100%;will-change:transform;z-index:var(--z-off-canvas)}}.main-menu.active{transform:none}.main-menu ul{list-style:none;margin:0;padding-left:0}@media screen and (min-width:1024px){.main-menu ul{display:flex}}.main-menu .jam-close{position:absolute;right:1rem;top:.5rem}.main-menu a{align-items:center;border-radius:var(--border-radius);color:var(--grey-color-600);display:flex;font-weight:600;justify-content:center;padding:.6rem 1rem;text-decoration:none}.main-menu a span:hover,.main-menu a:hover{color:var(--primary-color)}@media screen and (max-width:1024px){.main-menu a{font-size:var(--big-font-size);text-align:center}}@media screen and (min-width:1024px){.main-menu ul li:last-of-type a{padding-right:0}}.main-menu .select-menu{color:var(--primary-color)}.main-menu .select-menu:hover{color:var(--title-color)}.active-navlink{color:var(--primary-color)}.main-footer{background-color:var(--primary-color);color:var(--white-color);padding:1rem 0}.main-footer .content-wrapper{display:grid;grid-template-columns:100%;max-width:var(--max-width);width:calc(100% - 2rem)}@media screen and (min-width:640px){.main-footer .content-wrapper{grid-template-columns:repeat(2,50%);row-gap:2rem}}@media screen and (min-width:1024px){.main-footer .content-wrapper{grid-template-columns:repeat(3,1fr);row-gap:2rem}}.main-footer h4{color:vaR(--white-color);font-size:var(--h3-font-size);margin:1rem 0}.main-footer a{color:var(--white-color);text-decoration:none}.main-footer ul{list-style:none;margin:0;padding-left:1rem;position:relative}.main-footer ul:before{background-color:var(--second-color-500);border-radius:var(--border-radius);content:"";height:100%;left:0;position:absolute;width:4px}.main-footer .footer-item{display:flex}.main-footer .jam-footer{font-size:1.5rem;margin:0 .5rem}.main-footer .container{margin-bottom:2rem}.main-footer .redes-sociales{align-items:center;display:inline-flex;height:2rem;justify-content:center;margin-right:2rem;margin-top:.5rem;width:2rem}.main-footer .redes-sociales:hover{opacity:.75;transition:opacity .25s}.main-footer a:hover{color:var(--second-color-500);transition:color .5s}.main-footer p:nth-child(2){margin-bottom:0;text-align:center}.main-banner{background-image:url(/static/media/peliculas-1.64dceab439998b971492.png);padding:2rem 1.5rem .5rem}.container{padding-top:1.5rem}.section{margin-bottom:2rem}@media screen and (min-width:640px){.main-banner{height:300px;padding:2rem 10rem}}@media screen and (min-width:1024px){.main-banner{height:300px;padding:2rem 20.5rem}h1{padding-top:2rem}}.button{background:var(--color);border:1px solid var(--color);border-radius:var(--border-radius);color:var(--white-color);display:inline-block;font-weight:600;margin:.5rem;padding:.75rem 1.25rem;text-decoration:none}.button:hover{background:var(--color-alt)}.button-icon{background:var(--color);border:1px solid var(--color);border-radius:var(--border-radius);color:var(--white-color);display:inline-flex;font-weight:600;margin:.5rem;padding:.75rem 1.25rem;text-decoration:none}.button-icon .jam{align-items:center;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center}.button-icon:hover{background:var(--color-alt)}.button.ghost{background:#0000;color:var(--color)}.button.ghost:hover{background:var(--color);color:var(--white-color)}.button.ghost.white:hover{background:var(--color);color:var(--primary-color)}.button.white{--color:var(--white-color);--color-alt:var(--body-bg-color);color:var(--primary-color)}.title-main-banner{margin-bottom:1.5rem;padding-top:0}.text-shadow{text-shadow:2px 3px 2px var(--primary-color-900)}.main-banner .input{border:none;border-radius:var(--border-radius);color:#00000080;font-size:var(--h4-font-size);height:3.25rem;line-height:3.5rem;padding:0 0 0 16px;width:95%}.input:focus-visible{outline:none}.search{align-items:center;display:flex;justify-content:center;padding-top:.05rem}@media screen and (min-width:1024px){h1{padding-top:2rem}.input-search{left:0;position:relative;top:0}.input{width:100%}.search{display:inline-flex;padding-top:0;position:absolute;right:-16px;top:0}.button-icon{margin:0 1.5rem!important;padding:.78rem 1.25rem}}.card{align-content:flex-start;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;margin-bottom:2rem;min-width:185px;width:200px}.card:hover{opacity:.7}.card-img{border-radius:var(--border-radius-card) var(--border-radius-card) 0 0}.card-content{background-color:var(--primary-color);border-radius:0 0 var(--border-radius-card) var(--border-radius-card);height:7rem;min-height:5rem;padding:.5rem;width:100%}.card-title{color:var(--white-color);font-size:.85rem;margin-bottom:2px}.card-release-date,.card-title{font-weight:600;text-align:center}.card-release-date{color:var(--grey-color-900);font-size:.8rem;margin-bottom:3px}.card-vote-average{font-size:.75rem;font-weight:500;text-align:center}.card-vote-average-1{color:var(--red-color-500)}.card-vote-average-2{color:var(--second-color-500)}.card-vote-average-3{color:#adff2f}.popularMovies{align-items:flex-start;display:flex;gap:1rem;height:auto;justify-content:flex-start;max-width:var(--max-width);min-height:0;overflow-x:scroll;overflow-y:hidden;transition:height .5s linear;width:100%}.popularMovies::-webkit-scrollbar{width:2px}.popularMovies::-webkit-scrollbar-thumb{background-color:var(--second-color-500);border-radius:10px}.popularMovies::-webkit-scrollbar-thumb:hover{background-color:var(--second-color-700)}.popularKidsMovies{align-items:flex-start;display:flex;gap:1rem;height:auto;justify-content:flex-start;max-width:var(--max-width);min-height:0;overflow-x:scroll;overflow-y:hidden;transition:height .5s linear;width:100%}.popularKidsMovies::-webkit-scrollbar{width:2px}.popularKidsMovies::-webkit-scrollbar-thumb{background-color:var(--second-color-500);border-radius:10px}.popularKidsMovies::-webkit-scrollbar-thumb:hover{background-color:var(--second-color-700)}.moviesTheatres{align-items:flex-start;display:flex;gap:1rem;height:auto;justify-content:flex-start;max-width:var(--max-width);min-height:0;overflow-x:scroll;overflow-y:hidden;transition:height .5s linear;width:100%}.moviesTheatres::-webkit-scrollbar{width:2px}.moviesTheatres::-webkit-scrollbar-thumb{background-color:var(--second-color-500);border-radius:10px}.moviesTheatres::-webkit-scrollbar-thumb:hover{background-color:var(--second-color-700)}.card-search{align-content:flex-start;border:1px solid var(--primary-color-300);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;display:flex;height:141px;margin-bottom:2rem;min-height:141;min-width:185px}.card-search:hover{opacity:.7}.card-search-img{border-radius:var(--border-radius) 0 0 var(--border-radius)}.card-search-content{padding:.5rem 1rem}.card-search-title{color:var(--primary-color);font-size:.8rem;font-weight:600;margin-bottom:2px}@media screen and (min-width:1024px){.card-search-title{font-size:1rem}}.card-search-release-date{color:var(--grey-color-500);font-size:.7rem;font-weight:600;margin-bottom:3px;opacity:.8}@media screen and (min-width:1024px){.card-search-release-date{font-size:.8rem}}.card-search-vote-average{font-size:.7rem;font-weight:500}@media screen and (min-width:1024px){.card-search-vote-average{font-size:.8rem}}.card-search-vote-average-1{color:var(--red-color-500)}.card-search-vote-average-2{color:var(--second-color-500)}.card-search-vote-average-3{color:var(--green-color-500)}.card-search-overview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.7rem;margin:0;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:1024px){.card-search-overview{font-size:.8rem}}a{color:var(--grey-color-500)}@media screen and (min-width:1024px){.results-movie-pages{flex-direction:column;width:75%}.content-movie-pages,.results-movie-pages{display:flex;justify-content:center}}.film{margin-bottom:1rem;padding:1rem}.poster-film .img-film{border-radius:var(--border-radius);box-shadow:0 0 15px var(--primary-color-500)}.title-film{color:var(--primary-color);font-size:var(--big-font-size);font-weight:700;margin-bottom:0;margin-top:1rem}.title-origin-film{font-size:var(--small-font-size);margin-bottom:1rem}.det-film{font-size:var(--smaller-font-size);margin-bottom:2rem}.tagline-film{color:var(--second-color-500);font-size:var(--small-font-size);font-style:italic}.more-detail-film,.overview-title-film{color:var(--primary-color);font-size:var(--normal-font-size)}.item-detail-film{margin-left:1rem}.value-item-detail-film{color:var(--grey-color-500)}@media screen and (min-width:1024px){.film{display:flex;margin-bottom:1rem;padding:1rem}.content-film{padding-left:2rem}}.reproductor{height:600px;width:100%}.trailer{margin-bottom:2rem}.trailer-title{color:var(--primary-color);font-size:var(--big-font-size);font-weight:700;margin-bottom:1rem;margin-top:1rem}@media screen and (min-width:1024px){.trailer-title{text-align:center}}.recommendation{margin-bottom:2rem}@media screen and (min-width:1024px){.results-tv-pages{flex-direction:column;width:75%}.content-tv-pages,.results-tv-pages{display:flex;justify-content:center}}.error404{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.error404-title{color:var(--primary-color);font-size:var(--h1-font-size);font-weight:700;text-align:center}.error404-img{padding-bottom:2rem;width:50%}@media screen and (min-width:640px){.error404-img{padding-bottom:2rem;width:40%}}@media screen and (min-width:1024px){.error404-img{padding-bottom:2rem;width:30%}}@media (prefers-reduced-motion:no-preference){.error404-img{animation:App-logo-spin 5s linear infinite}}@keyframes App-logo-spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.search-title{text-align:center}.input-search-pages{background-color:var(--second-color-500);border:none;border-radius:var(--border-radius);color:var(--white-color);font-size:var(--h4-font-size);height:3.25rem;line-height:3.5rem;padding:0;width:65%}@media screen and (min-width:1024px){.input-search-pages{padding:0 0 0 16px;width:85%}}.input-search-pages:hover{background-color:var(--second-color-400)}.input-search-pages:focus-visible{outline:none}.jam{color:var(--white-color);font-size:1.3rem;margin-right:.5rem}@media screen and (min-width:1024px){.jam{margin-right:1rem}}.pages-search-input{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.pages-search-input-item{background-color:var(--second-color-500);border-radius:var(--border-radius);padding:0 1rem}.pages-search-input-item:hover{background-color:var(--second-color-400)}@media screen and (min-width:1024px){.pages-search-input-item{width:50%}}.pages-search{align-items:flex-start;display:flex;gap:1rem;justify-content:center;width:100%}.pages-search-result{display:flex;flex-wrap:wrap;max-width:calc(var(----max-width) - 348px)}@media screen and (min-width:1024px){.pages-search-result{flex:0 1 auto;padding:0 1.5rem;width:calc(100vw - 348px)}}.not-results-search{color:var(--red-color-500);font-size:var(--h4-font-size);text-align:center}
/*# sourceMappingURL=main.582c061d.css.map*/