.titulo,body{display:flex}body,input,select{background-color:#121212}.two-column-grid,.year-container{grid-template-columns:1fr 1fr;gap:15px}.titulo,footer{background-color:#000}.banner a,.links,.links_rodape,.no-platforms a,.platform{text-decoration:none}body{font-family:Arial,sans-serif;color:#fff;padding:0;flex-direction:column}body,html{height:100%;margin:0}main{flex:1}:root{--cor:#b562b5}.titulo{text-align:center;margin:0;background-image:url('https://cine42.oceanocosmico.com/img/logo.png');background-size:auto 90%;background-repeat:no-repeat;background-position:center;height:100px;align-items:center;justify-content:center}.container{max-width:800px;margin:20px auto;padding:20px;background-color:transparent;border-radius:8px}#searchButton,.filter-section,.year-container{margin-bottom:20px}input,select{height:35px;padding:8px;margin-bottom:10px;border-bottom:1px solid var(--cor);border-top:none;border-right:none;border-left:none;color:gray;width:100%;box-sizing:border-box;font-size:14px;transition:.3s;font-style:italic;border-radius:0}input:focus,select:focus{border-color:var(--cor);box-shadow:0 8px 8px -4px rgba(181,98,181,.3);outline:0}.filtros label{display:block;margin-bottom:0;font-weight:700;color:#fff;font-size:15px;float:left}.two-column-grid{display:grid}.year-container{display:grid;margin-top:-5px}input:hover,select:hover{border-color:var(--cor);border-bottom:2px solid var(--cor)}input::placeholder{color:#888;font-style:italic}.button-group{display:flex;flex-wrap:wrap;row-gap:5px;column-gap:5px}#toggleAdvancedSearch,.button-group button{position:relative;overflow:hidden;font-size:16px;width:max-content;padding:6px 10px;background:linear-gradient(135deg,#787878,#a0a0a0,#828282);border:1px solid gray;border-radius:4px;color:#140614;cursor:pointer;transition:.3s;white-space:nowrap;z-index:1}#toggleAdvancedSearch.selected,.button-group button.selected{background:linear-gradient(135deg,#9c4a9c,#b562b5,#c87cc8,#b562b5,#9c4a9c);border:1px solid #7a297a;color:#140614}#botao_palavras-chave{width:100%;display:grid;justify-content:center}#links_rodape,.modal{justify-content:center}#advancedSearch.active,#buscaprincipal{opacity:1;max-height:1000px}.search-section{margin-top:30px}.search-section input{width:100%;margin-bottom:10px}.movie-item{margin:20px 20px 0;padding:40px 15px 15px;border:1px solid #333;border-radius:8px;background:linear-gradient(135deg,#242424,#383838);background-size:200% 200%;cursor:pointer;transition:background-position .3s;position:relative;-webkit-tap-highlight-color:transparent;user-select:none}.movie-item:hover{background-position:100% 100%}.movie-details{margin-top:10px;color:#ccc}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;align-items:center;z-index:999;background-color:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.modal.open{display:flex}.tmdb-credits{width:90%;position:absolute;bottom:5px;text-align:left;font-size:12px;color:#888;height:10px}.modal-details{color:#ccc}.modal-platforms,.platforms{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}@media (max-width:767px){.modal-poster{max-height:30vh;width:100%;margin-bottom:15px;object-fit:contain;border-radius:10px}.modal-content{background-color:#1c1c1c;border-radius:8px;padding:15px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;margin:0 auto}.modal-overview{color:#ccc;margin-bottom:15px;max-height:100px;overflow-y:auto;line-height:1.5;padding-right:10px}.movie-title{font-size:1.3em;font-weight:700;color:var(--cor);margin-top:-20px;max-width:90%}}@media (min-width:768px){#toggleAdvancedSearch::after,.button-group button::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#9c4a9c,#b562b5,#c87cc8,#b562b5,#9c4a9c);opacity:0;transition:opacity .3s ease-in-out;z-index:-1}#toggleAdvancedSearch:hover,.button-group button:hover{border-color:#7a297a}#toggleAdvancedSearch:hover::after,.button-group button:hover::after{opacity:1}.modal_filme{display:flex;align-items:flex-start;padding:10px 10px 20px}.modal-poster-content{width:38%;top:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start;margin-right:2%}.modal-poster{border-radius:10px;width:100%}.modal-text-content{width:60%}.modal-content{background-color:#1c1c1c;border-radius:8px;padding:15px;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;margin:0 auto}.modal-overview{max-height:200px;text-align:justify;overflow-y:auto;margin-bottom:10px}.movie-title{font-size:1.3em;font-weight:700;color:var(--cor);margin-top:-10px;max-width:70%}}.int-comp img,.int-fechar img,.modal-button-container img{height:20px}.modal-button-container button{position:sticky;top:0;float:right;margin-bottom:-20px}.interest-button,.modal-close,.modal-share,.watched-button{background-color:#a0a0a0}.int-comp:hover,.interest-button.interested,.watched-button.watched{background-color:var(--cor)}@media (min-width:640px){.modal-button-container button{position:absolute;top:3px;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.interest-button:hover,.modal-share:hover,.watched-button:hover{background-color:var(--cor)}.modal-close:hover{background-color:#fcb1b1}.modal-close{right:3px}.modal-share{right:36px}.watched-button{right:69px}.interest-button{right:102px}}.remove-button{width:25px;height:25px;top:10px;position:absolute;border-radius:50%;background-color:transparent;right:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.remove-button:hover{animation:.4s ease-in-out vibrate-rotate}@keyframes vibrate-rotate{0%,100%{transform:rotate(0)}25%,75%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}.remove-button img{height:25px}.conteudo_interesse{background-color:#1c1c1c;border-radius:8px;padding:15px;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;position:relative;margin:0 auto;top:50%;transform:translateY(-50%)}.conteudo_interesse h2{margin-bottom:10px;font-size:24px;text-align:center;width:100%;display:block;margin-top:0}.banner button,.banner p{font-size:16px;font-weight:700}.titulo-interesse{flex:1;display:flex;align-items:center;font-size:1.3em;font-weight:700;color:var(--cor)}.topo_interesse{position:sticky;top:-15px;z-index:999;background-color:#1c1c1c;height:55px;width:100%;padding-top:15px;line-height:25px;text-align:center}.banner,.custom-alert{position:fixed;z-index:1000}#interestedMoviesList{display:flex;flex-direction:column;gap:15px}.interested-movie{display:flex;align-items:center;background-color:#2c2c2c;padding:10px;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.interested-movie:hover{transform:scale(1.02);box-shadow:0 4px 8px rgba(0,0,0,.2)}.interested-movie img{height:75px;object-fit:cover;border-radius:5px;margin-right:15px}.int-comp,.int-fechar,.remove-interest-button{border:none;align-items:center;display:flex;cursor:pointer}.remove-interest-button{background:0 0;padding:5px;justify-content:center}.remove-interest-button img{width:20px;height:20px;filter:invert(1);transition:filter .2s}.remove-interest-button:hover img{filter:invert(.7)}.int-comp,.int-fechar{color:#fff;border-radius:50%;width:30px;height:30px;font-size:1em;justify-content:center;float:right;transition:.3s;background-color:#a0a0a0;margin-left:5px}.int-fechar:hover{background-color:#fcb1b1}.platform{padding:6px 12px;background:linear-gradient(135deg,#9c4a9c,#b562b5,#c87cc8,#b562b5,#9c4a9c);border-radius:4px;font-size:.9em;color:#000;transition:background-color .3s;font-weight:700}.platform:hover{filter:opacity(95%)}.no-platforms{color:var(--cor);font-size:1em;margin-top:10px}#buscar_span,.custom-alert{color:#000;background-color:var(--cor)}.custom-alert{display:none;top:20px;left:50%;transform:translateX(-50%);padding:15px 30px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);animation:.5s fadeIn,.5s 2.5s fadeOut;text-align:center}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--cor);border-radius:4px}::-webkit-scrollbar-thumb:hover{filter:opacity(90%)}html{scrollbar-width:thin;scrollbar-color:var(--cor) transparent}.filtros{align-items:center;justify-content:center;text-align:center}.exp{font-size:11px;text-align:right;margin-top:-5px}.banner,.banner p,footer{text-align:center}#searchButton{background-image:url('https://cine42.oceanocosmico.com/img/rolodefilme.png');background-size:auto 100%;background-repeat:repeat-x;background-position:left center;width:100%;padding:10px;background-color:var(--cor);border:none;border-radius:4px;cursor:pointer;font-size:1em;margin-top:35px;transition:.3s}#buscar_span{padding:3px 5px;border-radius:5px;transition:.3s}#searchButton:hover,#searchButton:hover #buscar_span{background-color:#a655a6}#searchButton.searching{animation:10s linear infinite moveBackground}@keyframes moveBackground{0%{background-position:0 center}100%{background-position:-100% center}}footer{padding:10px;color:#fff;bottom:0;margin-top:100px}#links_rodape{display:flex;gap:20px;margin:10px 0 40px}.links_rodape{color:#fff;transition:color .5s}.links_rodape:hover{color:#d470d4}#advancedSearch{margin-top:10px;opacity:0;max-height:0;display:none}#advancedSearch,#buscaprincipal{transition:opacity .5s,max-height .5s;overflow:hidden}#advancedSearch.active{display:block}#buscaprincipal.hidden{opacity:0;max-height:0}.movie-item.removing{filter:grayscale(100%) opacity(50%);transition:filter .3s}#botoes{width:30px;top:10px;right:5px;float:right;position:sticky;margin-top:3px;height:50px}@media (min-width:1000px){#botoes{right:calc((100vw - 1000px)/ 2 - 5px)}}#clearButton,#showInterestModal{background-color:rgba(160,160,160,.3);filter:invert(1);border:none;cursor:pointer;width:30px;height:30px;justify-content:center;align-items:center;border-radius:50%;transition:.3s;display:flex;margin-bottom:3px}@media (max-width:639px){.modal-button-container{position:relative;display:flex;justify-content:space-between;width:100%;height:30px;top:-10px}.modal-button-container button{position:absolute;top:3px;border:none;border-radius:20px;width:20%;height:25px;display:flex;align-items:center;justify-content:center;transition:.3s}.modal-close{right:0}.modal-share{right:27%}.watched-button{left:27%}.interest-button{left:0}#clearButton{margin-top:20px}}#clearButton:hover,#showInterestModal:hover{filter:invert(.8)}#clearButton img{height:25px;filter:invert(0);margin:0 0 -3px -4px}#showInterestModal img{width:25px}.sem_plat{height:20px;vertical-align:middle}.sem_plat_fundo{padding:2px;border-radius:5px;background-color:#fff}.banner{bottom:0;left:0;width:100%;background:rgba(181,98,181,.3);color:#000;padding:20px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s ease-in-out,transform .5s ease-in-out;box-shadow:0 -2px 10px rgba(0,0,0,.2)}.banner p{max-width:80%;padding:5px;background-color:var(--cor);border-radius:5px;margin:0 auto 10px}.banner a{color:#000}.banner button{background-color:var(--cor);color:#000;border:none;padding:10px 15px;cursor:pointer;border-radius:5px;width:150px;transition:background .3s;margin:0 auto}.banner.fade-out{opacity:0;transform:translateY(20px)}#div_direita{width:100%;height:20px;display:flex;justify-content:flex-end;align-items:center;gap:10px}#labelShowWatched,#label_mostrar_interesse{position:relative;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--cor);cursor:pointer;background-color:rgba(100,100,100,.4);padding:8px 12px;border-radius:20px;transition:background-color .3s,box-shadow .3s;width:max-content;height:20px;line-height:1}#labelShowWatched:hover,#label_mostrar_interesse:hover{background-color:rgba(100,100,100,.6)}#mostrar_filmes_interesse[type=checkbox],#showWatchedMovies[type=checkbox]{appearance:none;width:15px;height:15px;border:2px solid var(--cor);border-radius:10px;cursor:pointer;position:relative;transition:background-color .3s,border-color .3s;margin:0;display:flex;align-items:center;justify-content:center;background-color:var(--cor)}#mostrar_filmes_interesse[type=checkbox]:checked,#showWatchedMovies[type=checkbox]:checked{background-color:var(--cor);border-color:var(--cor)}#mostrar_filmes_interesse[type=checkbox]:checked::after,#showWatchedMovies[type=checkbox]:checked::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;font-weight:700}.espaco10{height:10px}.links{color:var(--cor);transition:.3s}.links:hover{color:#a655a6}