@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";body{margin:0;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}*{margin:0;box-sizing:border-box}.poppins-title{font-family:Poppins,sans-serif;font-weight:700;font-size:87px;line-height:96px;letter-spacing:-4px;color:#333131}:root{--color-1: rgba(245, 4, 3, .8);--color-1_1: rgba(245, 4, 3, 1);--color-2: #ffffff;--color-3: #333131;--color-4: #C4C4C4;--color-5: #425466;--color-6: #393939;--color-7: #073193;--var-L: #3DDC8A;--var-10: #50A3FF;--var-12: #E8B83A;--var-14: #F99036;--var-16: #E35046;--var-18: #181111}#navBar{background-color:#fff;padding:10px 20px;position:fixed;top:0;left:0;width:100%;height:72px;box-shadow:0 4px 8px #0003;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;margin:0;z-index:1000}.cinematch{font-family:Poppins,sans-serif;font-weight:700;font-size:25px;line-height:60px;letter-spacing:-1px;color:var(--color-6);position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.buttons-right{display:flex;align-items:center;gap:10px}.button-cadastro,.button-login,.button-home,.button-selecao{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;cursor:pointer}.button-home,.button-selecao{border:none;padding:10px 20px;background-color:#fff;color:#747171}.button-home:hover,.button-selecao:hover{color:#000;font-weight:700}.button-home.active,.button-selecao.active{color:#000;font-weight:700;border-bottom:3px solid #ff4d4d}.button-login,.button-cadastro{background-color:var(--color-2);color:var(--color-1);border:none;padding:8px 16px;border-radius:7px;margin-right:15px}.button-cadastro{background-color:#ee375e;color:#fff}.username{font-family:Poppins;font-size:16px;font-weight:500;margin-right:20px;color:#ff4d4d;background:none;border:none;cursor:pointer;padding:10px 20px}.username:hover{font-weight:700}.username.active{color:ff4d4d;font-weight:700;border-bottom:3px solid black}#conteiner_home_page{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:Arial,sans-serif;height:100vh;width:90%;max-width:1200px;padding:10px;gap:20px;box-sizing:border-box;margin:0 auto}.background-home{position:fixed;top:0;left:0;width:100%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.home-image{width:100%;height:80%;display:block;clip-path:polygon(0% 0%,100% 0%,100% 32%,0% 70%);opacity:0;transition:opacity .5s ease-in-out}.home-image.loaded{opacity:1}.home-image.loading{opacity:0}.content-home{font-family:Poppins,sans-serif;width:80%;max-width:910px;margin-top:200px}.titulo-home{color:var(--color-3)!important;font-weight:700;font-size:4.9rem;text-align:left;margin-top:60px;margin-bottom:10px;line-height:1.1}.descricao{font-size:1.2rem;color:#444;line-height:1.6;text-align:justify;max-width:900px;margin:0 auto}*{margin:0;padding:0;box-sizing:border-box}.container_informations{color:#fff;display:flex;flex-direction:column;align-items:left;justify-content:center;height:95vh;width:50%;background:#fff;gap:3%;padding:8%;position:absolute;right:0;top:72px}.container_image_film{width:50%;height:90vh;display:flex;justify-content:center;align-items:center;background:#161616}.container_image_film img{width:100%;height:100%;object-fit:cover}.input_box{font-size:14px;border-radius:16px;width:80%;border:2px solid rgba(102,102,102,.35);padding:3% 15% 3% 20px;outline:none;transition:border-color .3s ease}.eye-icon{position:absolute;right:10px;background:transparent;border:none;cursor:pointer;padding:0}.container_title_input{display:flex;flex-direction:column;justify-content:center;align-items:left;width:90%;font-weight:400}.title-login{color:#9a6300;font-size:250%;margin-bottom:2%;font-weight:500}.title-login p{color:#646464;font-size:18px;margin-top:10px;margin-bottom:20px;font-weight:400}.input_box{width:100%;font-size:16px;border-radius:16px;outline:none;transition:border-color .3s ease;padding:5% 20% 5% 40px}.toggle_form_register{cursor:pointer;text-decoration:none;width:100%;color:#666;padding-left:5px;font-weight:400}.toggle_form_register:hover{text-decoration:underline;color:#9a6300}.button_config_login{background-color:#9a630059;color:#fff;border:none;border-radius:100px;padding:3% 15%;cursor:pointer;font-size:25px;transition:background-color .3s ease;font-weight:700;margin-top:3%;width:70%}.button_config_login:hover{background-color:#9a6300;border-color:#e5d500;color:#fff;transition:background-color .3s ease}.error-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:20px;border-radius:5px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;z-index:1000}.refazer-button{background:transparent;border:none;cursor:pointer}.error{display:flex;align-items:center}.error__close{margin-right:10px;cursor:pointer}.close-icon{font-weight:700;font-size:18px;color:#721c24}.message-error{display:flex;align-items:center}.error__icon{font-size:24px;margin-right:10px}.error__title{font-size:16px;font-weight:500}.main-conteiner{display:flex;flex-direction:column;height:100%;width:90%;margin:0 auto;padding-top:5%;gap:10%}.image-top{display:flex;justify-content:center;align-items:center;width:100%;height:auto;padding-top:72px}.image-top img{width:100%;height:100%;object-fit:cover;border-radius:8px}.section_title{display:flex;justify-content:flex-start;flex-direction:column;width:100%;margin-top:0;gap:0px;padding:0;font-family:Poppins;font-weight:400;font-size:20px;line-height:34px;letter-spacing:0%}.subtitle{margin-top:1px;padding-top:0;padding-left:10px;padding-bottom:30px;line-height:32px;font-family:Poppins,sans-serif;color:var(--color-5);left:5px;margin-left:3px}.container_runtime_selection,.container_rating_selection{display:flex;flex-direction:column;height:auto;width:100%}.container_genre_selection{display:flex;flex-direction:column;align-items:center;height:auto;width:100%}.section-add-genres{display:flex;width:100%;flex-direction:column;align-items:center;height:auto;font-family:Poppins;gap:20px;font-size:24px}.genres-container{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:30px;width:100%;padding:5px;border-radius:10px;overflow-y:auto}.genres-container::-webkit-scrollbar{width:8px}.genres-container::-webkit-scrollbar-track{background:#fff;border-radius:10px}.genres-container::-webkit-scrollbar-thumb{background:var(--color-1);border-radius:10px}.genres-container::-webkit-scrollbar-thumb:hover{background:var(--color-1)}.genre-button{display:flex;justify-content:center;align-items:center;padding:15px;border-radius:40px;background-color:var(--color-2);font-size:25px;cursor:pointer;color:var(--color-1);border:3.5px solid var(--color-1);transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease;width:90%;height:100%;font-family:Poppins}.genre-button.selected{background-color:var(--color-1);color:#fff!important;border-color:var(--color-1)}.genre-button:hover{border:solid 3.5px var(--color-1);color:var(--color-1);transform:scale(1.05)}.genre-button.selected:hover{color:var(--color-2)!important}.add-button{width:60px;height:60px;border:solid 3px var(--color-1);border-radius:50%;font-size:2rem;background-color:var(--color-2);cursor:pointer;color:var(--color-1)}.add-button:hover{background-color:var(--color-1);color:var(--color-2)}.section-time{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:2;height:100%;position:relative;padding:5px;margin-bottom:8%}.timeline{display:flex;align-items:center;justify-content:space-between;padding-left:0;width:95%;position:relative;height:4px;margin-top:3%}.timeline:after{content:"";position:absolute;width:100%;left:10px;right:10px;height:4px;background-color:var(--color-4);transform:translateY(-50%);z-index:0}.timeline .filled{position:absolute;height:4px;left:10px;right:10px;background-color:var(--color-1_1);top:-50%;z-index:1;transition:width .3s ease}.time-point{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;z-index:1}.time-point:before{content:"";width:4.5vh;height:4.5vh;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;box-shadow:0 3px 5px #0000004d}.time-point.selected:before{background-color:var(--color-1_1);width:4.5vh;height:4.5vh;border:none}.time-label{position:absolute;top:calc(100% + 20px);left:50%;transform:translate(-50%);text-align:center;color:var(--color-5);font-family:Poppins;font-weight:400;font-size:20px;line-height:34px;letter-spacing:0%;white-space:nowrap;overflow:visible}.section-rating{display:flex;gap:10px;justify-content:space-evenly;align-items:center;width:100%;max-width:800px;margin:0 auto}.button-option{flex:1;max-width:100px;aspect-ratio:1 / 1;border-radius:50%;padding:10px;font-size:30px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;vertical-align:middle;transition:all .3s ease-in-out;border:3px solid transparent;font-family:Poppins}.button-option:hover{transform:scale(1.05)}#rating-l.selected{background-color:var(--var-L);color:var(--color-2)}#rating-10.selected{background-color:var(--var-10);color:var(--color-2)}#rating-12.selected{background-color:var(--var-12);color:var(--color-2)}#rating-14.selected{background-color:var(--var-14);color:var(--color-2)}#rating-16.selected{background-color:var(--var-16);color:var(--color-2)}#rating-18.selected{background-color:var(--var-18);color:var(--color-2)}#rating-l:hover{background-color:#3ddc8acc;color:var(--color-2)}#rating-10:hover{background-color:#50a3ffcc;color:var(--color-2)}#rating-12:hover{background-color:#e8b83acc;color:var(--color-2)}#rating-14:hover{background-color:#f99036cc;color:var(--color-2)}#rating-16:hover{background-color:#e35046cc;color:var(--color-2)}#rating-18:hover{background-color:#181111cc;color:var(--color-2)}#rating-l{background-color:var(--color-2);border:3px solid var(--var-L);color:var(--var-L)}#rating-10{background-color:var(--color-2);border:3px solid var(--var-10);color:var(--var-10)}#rating-12{background-color:var(--color-2);border:3px solid var(--var-12);color:var(--var-12)}#rating-14{background-color:var(--color-2);border:3px solid var(--var-14);color:var(--var-14)}#rating-16{background-color:var(--color-2);border:3px solid var(--var-16);color:var(--var-16)}#rating-18{background-color:var(--color-2);border:3px solid var(--var-18);color:var(--var-18)}.Submit-Button{display:flex;flex-direction:column;align-items:center;height:auto;width:100%;padding-top:2%;padding-bottom:5%;gap:10%;opacity:.8;top:1824px;left:505px;border-radius:40px;transition:transform .3s ease,background-color .3s ease}.button-receive{background-color:var(--color-1);width:25%;height:90px;border:none;border-radius:40px;color:var(--color-2);font-family:Poppins;font-weight:500;font-size:22px;line-height:100%;letter-spacing:0%;text-align:center;vertical-align:middle;cursor:pointer;transition:transform .3s ease,background-color .3s ease}.Submit-Button .button-receive:hover{background-color:var(--color-1);transform:scale(1.1);box-shadow:0 4px 8px #0003}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh;background-color:#fff;font-family:Poppins,sans-serif}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;flex-direction:column}.loading-spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-top:5px solid black;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container_movie_selection{display:flex;height:100%;width:100%;margin:0 auto;flex-direction:column;padding-top:10%}.container-info-carrousel{display:flex;flex-direction:row;height:100%;align-items:center;overflow:hidden}.container-info-filme{flex:0 0 43%;display:flex;flex-direction:column;justify-content:flex-start;height:100%;width:90%;border-radius:10px;padding:3% 3% 5% 2%}.infos-infofilmes{flex-grow:0;height:90%;width:100%;display:flex;flex-direction:column;gap:5px;margin:3%}#titulo{font-family:Poppins;font-size:35px;font-weight:700;color:var(--color-3)}#sinopse-texto{padding-right:5%;font-family:Poppins;width:90%;font-size:17px;text-align:justify;line-height:1.6;color:var(--color-3);max-height:300px;overflow-y:auto}#sinopse-texto::-webkit-scrollbar{width:8px}#sinopse-texto::-webkit-scrollbar-thumb{background-color:#073193;border-radius:10px}#sinopse-texto::-webkit-scrollbar-track{background-color:#f1f1f1}.detalhes{display:flex;flex-direction:column;gap:2px;padding-bottom:10px}.detalhe-nota{font-family:Poppins;color:#666;font-weight:400;font-size:14px}.subdetails{display:flex;flex-direction:row;gap:20px;justify-content:flex-start}.star{color:#f4d062;font-size:20px}.detalhe-item{width:auto;padding:5px;color:#073193;background-color:#50a3ff33;border-radius:30px;border:1px solid #073193;font-family:Poppins;font-weight:500;font-size:10px;line-height:100%;letter-spacing:2%}.tentativa{display:flex;flex-direction:row;justify-content:flex-start;overflow:hidden;width:100%;height:80%;align-items:center}.movie-highlight{width:auto;gap:30px;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center}.movie-highlight img{width:auto;height:50vh;border-radius:6px;box-shadow:10px 10px 10px #00000040}.movie-carousel{display:flex;width:100%;height:100%;padding-bottom:5%;flex-grow:1;justify-content:flex-start;align-items:end;overflow:visible;transition:transform .3s ease-in-out}.movie-item{display:flex;width:15vw;border-radius:6px;transition:transform .3s ease,filter .3s ease;cursor:pointer;justify-content:center;align-items:center;margin-right:10px}.movie-item:not(.highlighted){transform:scale(.7);z-index:1}.movie-item img{width:100%;border-radius:10px;box-shadow:0 4px 6px #0000001a}.button-div{display:flex;justify-content:center;align-items:center;gap:10px}.carousel-btn{width:35px;height:35px;border:solid 1px var(--color-7);border-radius:50%;font-size:1rem;background-color:var(--color-2);cursor:pointer;color:var(--color-7)}.carousel-btn:hover{background-color:var(--color-7);color:var(--color-2)}.carousel-btn:disabled{opacity:.5;cursor:not-allowed}.refazer-card{height:25vh;width:10vw;display:flex;align-items:center;border-radius:6px;cursor:pointer;top:50%}.plus-icon{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;transform:translateY(-50%);margin:0;padding:0}.plus-icon>*{margin:0}.plus{font-size:30px;font-weight:700;margin:0}.filmes-text{font-size:18px;font-family:Poppins;text-align:center;font-weight:700;margin-top:-5px}.refazer-text{font-size:18px;font-family:Poppins;text-align:center;font-weight:700;position:absolute;transform:translateY(-50%);justify-content:center}.plus-icon,.refazer-text{color:var(--color-3)}.like-button{width:40px;height:40px;border:solid 1px var(--color-7);border-radius:50%;font-size:1.5rem;background-color:var(--color-2);cursor:pointer;color:var(--color-7)}.like-button:hover{background-color:var(--color-7);color:var(--color-2)}.movie-watch-button{height:40px;background-color:var(--color-2);color:var(--color-7);font-size:.8rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;border:solid 1px var(--color-7)}.movie-watch-button:hover{background-color:var(--color-7);color:var(--color-2)}#conteiner_last_page{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:Arial,sans-serif;height:100vh;width:90%;max-width:1200px;padding:10px;gap:20px;box-sizing:border-box;margin:0 auto}.background-lastpage{position:fixed;top:0;left:0;width:100%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.last-page-image{width:100%;height:100%;object-fit:cover}.container-lastpage{display:flex;align-items:center;justify-content:flex-start;gap:40px;padding:20px;width:90%;max-width:1200px;box-sizing:border-box}.poster-lastpage{width:250px;height:auto;border-radius:8px;box-shadow:5px 5px 15px #00000080}.texto-lastpage{font-weight:700;color:#fff;font-family:Poppins,sans-serif;text-align:left;max-width:700px}.titulo-lastpage{color:#fff;font-size:3rem;margin-bottom:10%}.last-page-text{font-size:2.5rem}.info-filme-lastpage{font-family:arial;font-size:1rem;display:flex;align-items:center;gap:10px;margin-bottom:20px}.nota-lastpage{font-family:arial;font-size:1rem;color:#fff;display:flex;align-items:center}.badge-lastpage{background-color:#fff3;padding:5px 10px;border-radius:15px;font-size:1rem;color:#fff;font-weight:700}.conteiner_empty_line{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Arial,sans-serif;height:100vh;width:100vw;max-width:1200px;margin:0 auto}#flock-triste{height:50%;max-width:400px;margin-bottom:30px;border-radius:10px}#botoes{display:flex;justify-content:center;gap:8px}.botao-refazer-selecao{padding:10px 20px;background-color:#1b1f3a;color:#fff;border-radius:6px;font-size:.9em;cursor:pointer;transition:all .3s ease;border:2px solid #3D348B}.botao-refazer-selecao:hover{background-color:#3d348b;border-color:#000;color:#000}.botao-refazer-selecao:focus{outline:none;color:#000}.botao-refazer-selecao:active{transform:scale(.95)}#container_myfilms{display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif;min-height:100vh;width:100%;max-width:1540px;padding:10px;margin:0 auto;position:relative;box-sizing:border-box}.background_myfilms{position:fixed;top:0;left:0;width:100%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.myfilms-image{width:100%;height:100%;display:block;opacity:0;transition:opacity .5s ease-in-out}.myfilms-image.loaded{opacity:1}.myfilms-image.loading{opacity:0}.content-myfilms{font-family:Poppins,sans-serif;width:100%;max-width:1500px;margin-top:140px;z-index:1;position:relative;padding:0 20px}.title-myfilms{color:var(--color-3);font-weight:700;font-size:4.2rem;text-align:left;margin-bottom:40px;line-height:1.1}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:40px;width:100%;justify-items:center}.movie-card{width:100%;height:auto;border-radius:12px;overflow:hidden;box-shadow:0 6px 16px #0000004d;transition:transform .3s ease;background-color:#fff}.movie-image{width:100%;object-fit:cover;border-radius:(12px,12px,0,0);display:block}.SectionTitle{display:flex;justify-content:space-between;flex-direction:row}.SelectSet{height:60px;width:300px;border-radius:50px;border:var(--color-1) 3px solid;margin-bottom:40px;margin-top:5px;background-color:none;font-family:Poppins,sans-serif;font-size:1.2rem;color:var(--color-1);cursor:pointer;transition:.3s;font-weight:700}.SelectSet:hover{background-color:var(--color-1);color:var(--color-2)}.movie-info-myfilms{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:10px}#movie-title-myfilms{font-size:calc(1ch + 1vw)}.remove-movie-button,.add-movie-button{display:flex;justify-content:space-between;align-items:center;border:var(--color-1) 2px solid;border-radius:5px;height:45px;width:110px;font-family:Poppins,sans-serif;color:var(--color-1);background-color:var(--color-2);cursor:pointer;transition:.3s;font-size:12px;font-weight:700;line-height:1.2}.remove-movie-button:hover,.add-movie-button:hover{background-color:var(--color-1);color:var(--color-2)}.movie-buttons{display:flex;justify-content:end;align-items:center;padding-top:3px;border-radius:5px;width:100%;gap:10px}.container_register{color:#fff;display:flex;flex-direction:column;align-items:left;justify-content:center;height:calc(100%-72px);width:50%;border-radius:50px;background:#fff;gap:2vh;padding:8%;position:absolute;right:0;top:40}.container_image_film{position:absolute;top:40px;left:0;width:50%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:10px;background:#161616;box-sizing:border-box}.container_image_film img{width:100%;height:100%;object-fit:cover;padding-top:25px;box-shadow:0 4px 15px #0006}.container_title_input{display:flex;flex-direction:column;width:100%}.container_title_input p{color:#646464}.title-register{color:#04227a;font-size:250%;margin-bottom:2%;font-weight:500}.title-register p{color:#646464;font-size:18px;margin-top:10px;margin-bottom:10px;font-weight:400}.field_with_eye{position:relative;display:flex;align-items:center;width:100%}.input_box{width:100%;font-size:16px;border-radius:16px;outline:none;transition:border-color .3s ease;padding:4% 15% 4% 40px;border:2px solid rgba(102,102,102,.35)}.eye-icon{position:absolute;right:10px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;padding:0}.eye-icon img{width:20px;height:20px;transition:opacity .3s ease}.eye-icon:active img{opacity:.6}.toggle_form_login{cursor:pointer;text-decoration:none;color:#666;padding-left:5px}.toggle_form_login:hover{text-decoration:underline;color:#04227a}.button_config_register{background-color:#04227a59;color:#fff;border:none;border-radius:100px;padding:4% 15%;cursor:pointer;font-size:25px;transition:background-color .3s ease;font-weight:700;margin-top:3%;width:70%}.button_config_register:hover{background-color:#04227a;border-color:#04227a;color:#fff;transition:background-color .3s ease}