.recommended{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:0}.recomendedH2{color:#fff;font-family:Outfit,sans-serif;font-size:20px;font-weight:300;margin-bottom:20;margin-top:20px;margin-left:25px}@media screen and (min-width: 1200px){.searchContainer{display:flex;flex-direction:column;padding-left:160px;overflow-x:auto}.homeContainer{display:flex;flex-direction:row;justify-content:space-between}.recomendedH2{color:#fff;font-family:Outfit,sans-serif;font-size:32px;font-weight:300;margin-bottom:20;margin-top:50px;margin-left:42px}.searchResults{padding-left:0}}.h2Trending{color:#fff;font-size:20px;font-weight:300;font-family:Outfit,sans-serif;margin-left:7px;margin-bottom:10px}.trending{display:flex;flex-direction:column;padding-left:20px}.trendCards{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;gap:10px;padding:10px;scroll-behavior:smooth}.trendCards .card{flex-shrink:0}@media screen and (min-width: 1200px){.h2Trending{font-size:32px;margin-left:7px;margin-bottom:10px}}.card{background-size:cover;background-position:center;width:240px;height:140px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:10px;cursor:pointer}.title_Movie{color:#fff;font-family:Outfit,sans-serif;font-size:15px;font-weight:500;margin-top:0;margin-left:15px}.infosTrendCard{display:flex;flex-direction:row;color:#fff;font-family:Outfit,sans-serif;font-size:12px;font-weight:300}.infosTrendCard p{margin-bottom:0}.p_YearMovie{margin-left:15px;margin-top:0}.itemType{margin-top:0}.categoryIcon{width:12px;height:12px;margin-left:5px;margin-right:5px}.category{display:flex;flex-direction:row;align-items:center}.bookmarkIcon{width:11px;height:14px;cursor:pointer;opacity:1;z-index:1}.bookmark{display:flex;justify-content:center;align-items:center;background:#0006;width:32px;height:32px;border-radius:50%;margin-bottom:20%;margin-right:5%;align-self:flex-end;position:relative}.card:hover{background:#0006;transition:all .3s ease;border-color:#0ff;box-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 15px #0ff}@media screen and (min-width: 640px){.card{width:470px;height:230px;border-radius:10px}.title_Movie{font-size:24px}.infosTrendCard{font-size:15px}}header{background-color:#161d2f;display:flex;flex-direction:row;justify-content:space-between;padding:20px;align-items:center;z-index:9999}.nav a img{transition:all .3s ease}.nav a:active img{transform:translateY(4px);filter:brightness(0) invert(1)}body{margin:0;background-color:#10141e}.iconHome{width:18px;height:18px;cursor:pointer}.logo{width:25px;height:20px;cursor:pointer}.avatar{width:24px;height:24px;border:1px solid #fff;border-radius:50px;cursor:pointer}.iconNavMovie,.iconNavTv{width:18px;height:18px;cursor:pointer}.iconNavBookmark{width:15.5px;height:18px;cursor:pointer}.nav{display:flex;flex-direction:row;align-items:center;width:50%;justify-content:space-evenly}.accountOptions{display:flex;flex-direction:column;align-items:center}.headerLoginLink p{margin-bottom:0;margin-top:0}.headerRegisterLink p{margin-top:0;margin-bottom:0}.headerRegisterLink{text-decoration:none;color:#fff;margin-top:0;font-size:15px}.headerLoginLink{text-decoration:none;color:#fff;margin-bottom:0;font-size:15px}.accountOptions{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.accountLoginOptions{display:flex;flex-direction:column;align-items:center;gap:5px}.pseudoText{color:#fff;font-size:14px;margin:0 0 10px;font-weight:500}.logoutBtn{background-color:transparent;border:1px solid #fc4747;color:#fc4747;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:13px;transition:background-color .3s ease}.logoutBtn:hover{background-color:#fc4747;color:#fff}.accountDropdown{background-color:#1e253b;border:1px solid #2c344b;border-radius:8px;padding:10px;margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:6px;width:95%}.headerProfileLink{text-decoration:none;color:#fff;font-size:14px;margin:0 0 10px;font-weight:500}@media screen and (min-width: 640px){header{width:90%;border-radius:10px;position:relative;left:20px;margin-top:0;top:20px}.iconHome{width:20px;height:20px;cursor:pointer}.logo{width:32px;height:25.6px;cursor:pointer}.avatar{width:32px;height:32px;border:1px solid #fff;border-radius:50px;cursor:pointer}.iconNavMovie,.iconNavTv,.iconNavBookmark{width:20px;height:20px;cursor:pointer}}@media screen and (min-width: 1200px){header{flex-direction:column;width:80px;height:90vh;position:fixed}.nav{flex-direction:column;height:300px}.avatar{width:40px;height:40px;border:1px solid #fff;border-radius:50px;cursor:pointer}.accountOptions{display:flex;flex-direction:column;align-items:center}.accountLoginOptions{display:flex;flex-direction:column;align-items:center;gap:7px}.headerRegisterLink{text-decoration:none;color:#fff;margin-top:0}.headerLoginLink{text-decoration:none;color:#fff;margin-bottom:0}.headerLoginLink p{margin-bottom:0}.headerRegisterLink p{margin-top:0}}.inputSearch{color:#fff;background-color:#10141e;border:none;font-family:Outfit,sans-serif;font-weight:300;font-size:16px;width:100%;caret-color:#fc4747}.searchBar{display:flex;flex-direction:row;align-items:center;margin-top:20px;gap:10px;width:70%;margin-left:20px}.iconSearch{width:24px;height:24px}input:focus{outline:none}.deleteSearchIcon{color:#fff;font-weight:800;cursor:pointer;font-family:Outfit,sans-serif;font-size:20px;padding:5px}.deleteSearchIconHide{display:none}@media screen and (min-width: 640px){.inputSearch{font-size:24px}.searchBar{width:70%;margin-top:50px}.iconSearch{width:32px;height:32px}}@media screen and (min-width: 1200px){.searchBar{margin-left:160px}}.upperCard{background-size:cover;background-position:center;width:164px;height:110px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:10px;cursor:pointer}.stdCard{display:flex;flex-direction:column;align-items:center;flex-basis:50%;box-sizing:border-box;margin:10px 0}.title_MovieStd{color:#fff;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;margin-top:0}.infosCard{display:flex;flex-direction:column}.lowerCard{display:flex;flex-direction:column-reverse;color:#fff;font-family:Outfit,sans-serif;font-size:12px;font-weight:300;align-items:center}.lowerCard p{margin-bottom:0}.p_YearMovieStd{margin-left:0;margin-top:0;font-size:11px}.itemTypeStd{margin-top:0;font-size:11px}.categoryIcon_Std{width:10px;height:10px;margin-left:5px;margin-right:5px}.infosSection{display:flex;flex-direction:row;align-items:center;margin-top:10px}.bookmarkIcon_StdCard{width:11px;height:14px;cursor:pointer;opacity:1;z-index:1}.bookmark_StdCard{display:flex;justify-content:center;align-items:center;background:#0006;width:32px;height:32px;border-radius:50%;margin-bottom:43%;margin-right:5%;align-self:flex-end;position:relative}@media screen and (min-width: 640px){.upperCard{width:220px;height:140px;border-radius:10px}.stdCard{flex-basis:33%}.title_MovieStd{font-size:18px}.itemTypeStd,.p_YearMovieStd{font-size:13px}}@media screen and (min-width: 1200px){.stdCard{flex-basis:25%}.upperCard{width:80%;height:auto}.stdCard--recommendation{flex:none;width:220px}.stdCard--recommendation .upperCard{width:100%;height:140px}}.standard-card{flex-basis:50%;box-sizing:border-box}.recommendedMovies{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:0}.searchResults{padding-left:10px;padding-right:10px}.noResultsMessage,.recomendedMoviesH2{color:#fff;font-family:Outfit,sans-serif;font-size:20px;font-weight:300;margin-bottom:20;margin-top:20px;margin-left:25px}@media screen and (min-width: 1200px){.searchContainer{display:flex;flex-direction:column;padding-left:160px;overflow-x:auto}.searchResults{display:flex;flex-direction:column;padding-left:0}.homeContainer{display:flex;flex-direction:row;justify-content:space-between}.recomendedMoviesH2{color:#fff;font-family:Outfit,sans-serif;font-size:32px;font-weight:300;margin-bottom:20;margin-top:50px;margin-left:42px}.trendingMoviesSection{padding-left:0;padding-bottom:80px}}.bookmarked{padding-left:0}@media screen and (min-width: 1200px){.bookmarkedContainer{padding-left:160px}}body{font-family:Outfit,sans-serif}.averageVote,.rank{color:#fff}.genreMedia{color:#fff;font-size:10px}.runtimeMedia{color:#fff}.toggleButtonContainer{position:relative;display:flex;justify-content:center;margin-top:20px}.toggleButton{position:relative;width:100px;height:40px;border-radius:25px;background-color:#ccc;border:none;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.toggleButton .slider{position:absolute;top:4px;left:4px;width:32px;height:32px;background-color:#fff;border-radius:50%;transition:transform .3s ease-in-out}.icon{width:24px;height:24px;transition:opacity .3s ease}.toggleButton.slide-left{background-color:red}.toggleButton.slide-right{background-color:#ccc}.toggleButton.slide-left .slider{transform:translate(60px)}.toggleButton.slide-right .slider{transform:translate(0)}.toggleButton i{font-size:20px;color:#fff}iframe{width:100%;height:25vh;border-radius:10px}.video-container{width:90%}.details_RuntimeContainer{display:flex;flex-direction:row;justify-content:space-between;gap:40px;margin-top:10px}.imgDetails{width:90%;height:auto;align-self:center;border-radius:15px}.description{color:#fff;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;width:90%}.h2_Disponibility{color:#fff;font-family:Outfit,sans-serif}.h2_Cast{color:#fff;font-family:Outfit,sans-serif;text-align:center;font-weight:400;margin-bottom:10px}.castContainer{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;gap:82px;padding:10px 20px;scroll-behavior:smooth}.providers-list,.noTrailerMessage{color:#fff;font-family:Outfit,sans-serif;font-size:16px}.titleMedia{color:#fff;font-family:Outfit,sans-serif;font-size:24px;font-weight:600}.providers-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.platform-logo img{width:50px;/ height: auto;border-radius:10px;transition:transform .3s ease;/}.platform-logo img:hover{transform:scale(1.1)}.mainDetails{display:flex;flex-direction:column;padding-top:30px;margin-top:30px;align-items:center;padding-bottom:20px}.ratingMedia{display:flex;flex-direction:column;align-items:center}.ratingMedia p{margin-top:0;margin-bottom:0}.rankingProvider{color:orange}.moreTitle{color:#fff;font-family:Outfit,sans-serif;font-size:20px;font-weight:600;align-self:center}.recommendationsContainer{display:flex;flex-direction:column;padding-top:20px}.loadingMessage{font-size:18px;color:#fff;margin-left:40%;margin-top:40vh}.recommendationsMedia{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;gap:20px;padding:10px 20px;scroll-behavior:smooth;width:100%;max-width:100vw;box-sizing:border-box}.backArrowContainer{position:absolute;top:110px;left:20px;z-index:999}.back_Arrow{width:20px;height:20px;cursor:pointer;padding:10px}@media screen and (min-width: 640px){.noTrailerMessage,.providers-list{font-size:18px}.mainDetails{margin-top:40px}.details_RuntimeContainer{gap:240px}iframe{width:100%;height:35vh;border-radius:10px}.video-container{width:90%}.castContainer{gap:40px}.loadingMessage{font-size:22px;color:#fff;margin-left:40%;margin-top:40vh}.backArrowContainer{position:absolute;top:135px;left:40px;z-index:999}.back_Arrow{width:30px;height:30px;cursor:pointer}}@media screen and (min-width: 1200px){.noTrailerMessage,.providers-list{font-size:20px}.loadingMessage{font-size:28px;color:#fff;margin-left:40%;margin-top:40vh}.imgDetails{width:50%;height:auto;align-self:center}.description{color:#fff;font-family:Outfit,sans-serif;font-size:20px;font-weight:400;width:50%}.titleMedia{color:#fff;font-family:Outfit,sans-serif;font-size:30px;font-weight:600}iframe{width:100%;height:60vh;border-radius:10px}.video-container{width:50%}.castContainer{gap:40px;padding-left:160px}.recommendationsMedia{padding-left:160px}.backArrowContainer{position:absolute;top:25px;left:380px;z-index:999}.back_Arrow{width:25px;height:25px;cursor:pointer}}.castProfilePicture{border:2px solid #ffffff;border-radius:80px;width:59px;height:59px;object-fit:cover}.castName{color:#fff;font-family:Outfit,sans-serif;margin-bottom:0;font-size:15px}.characterName{color:#fff;font-family:Outfit,sans-serif;margin-top:0;font-size:13px}.castProfileContainer{display:flex;flex-direction:column;width:17%;align-items:center;flex-shrink:0}@media screen and (min-width: 1200px){.castProfilePicture{width:79px;height:79px}.castProfileContainer{width:auto}}.login{display:flex;flex-direction:column;background-color:#161d2f;width:400px;height:373px;font-family:Outfit,sans-serif;border-radius:15px;align-self:center;gap:10px;padding-bottom:60px}.loadingSpinner{height:18px;vertical-align:middle}.showPasswordLabel{color:#fff;font-family:Outfit,sans-serif;font-size:18px;align-self:center;display:flex;align-items:center;gap:10px;margin-bottom:25px;cursor:pointer}.showPasswordLabel .checkbox{width:18px;height:18px;accent-color:#fc4747}.login{display:flex;flex-direction:column;background-color:#161d2f;width:400px;height:418px;font-family:Outfit,sans-serif;border-radius:15px;align-self:center;padding-bottom:60px}.h1_Login{color:#fff;font-family:Outfit,sans-serif;font-size:32px;margin-bottom:30px;margin-left:25px}.mailInput{background-color:#161d2f;border-top-width:0;border-right-width:0;border-left-width:0;border-bottom-width:2px;border-bottom-color:#5a698f;width:336px;height:37px;align-self:center;margin-bottom:20px;color:#fff;font-family:Outfit,sans-serif;font-size:24px}.passwordInput{background-color:#161d2f;border-top-width:0;border-right-width:0;border-left-width:0;border-bottom-width:2px;border-bottom-color:#5a698f;width:336px;height:37px;align-self:center;margin-bottom:25px;color:#fff;font-family:Outfit,sans-serif;font-size:24px}.passwordInput::placeholder{color:#fff;font-family:Outfit,sans-serif;font-size:24px}.btnLogin{background-color:#fc4747;width:336px;height:48px;border-radius:5px;font-family:Outfit,sans-serif;font-size:24px;align-self:center;border-width:0;cursor:pointer}.sign{font-family:Outfit,sans-serif;font-size:24px;align-self:center;color:#fff}.signSpan{font-family:Outfit,sans-serif;font-size:24px;color:#fc4747;cursor:pointer}.registerLink{text-decoration:none;font-family:Outfit,sans-serif;font-size:24px;color:#fc4747;cursor:pointer}.noAccount{align-self:center}.mainLogin{display:flex;flex-direction:column;justify-content:center;margin-top:200px}.movieIcon{width:32px;height:25px;align-self:center;margin-bottom:50px}.mailInput:focus{outline:none}.passwordInput:focus{outline:none}.mailInput::placeholder{color:#fff;font-family:Outfit,sans-serif;font-size:24px}form{display:flex;flex-direction:column}.mainProfileSetup{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.setupTitle{color:#fff;font-size:24px;text-align:center;margin-bottom:20px}.profileSetup{background-color:#161d2f;padding:40px;border-radius:20px;width:100%;max-width:500px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;gap:24px;font-family:Outfit,sans-serif;color:#fff}.profileSetup p{margin-bottom:6px;font-size:14px;color:#a0aec0}.profileSetup input,.profileSetup select{width:100%;padding:10px 14px;border:none;border-radius:10px;font-size:14px;background-color:#1f2937;color:#fff;outline:none}.profileSetup input::placeholder{color:#cbd5e0}.choiceOfProfilePicture{display:flex;flex-direction:column;gap:10px}.profilePicture{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:12px;justify-items:center}.availableProfilePicture{width:48px;height:48px;object-fit:contain;cursor:pointer;border-radius:50%;transition:transform .2s ease,border .2s ease}.availableProfilePicture:hover{transform:scale(1.1)}.availableProfilePicture.selected{border:3px solid #007bff}.btnConfirmProfile{margin-top:24px;padding:12px;background-color:#007bff;color:#fff;font-weight:600;font-size:16px;border:none;border-radius:12px;cursor:pointer;transition:background .3s ease}.btnConfirmProfile:hover{background-color:#005fcc}.profileSetup input,.profileSetup select{width:100%;padding:10px 14px;border:none;border-radius:10px;font-size:14px;background-color:#1f2937;color:#fff;outline:none;box-sizing:border-box;height:44px}.profileSetup select:invalid{color:#cbd5e0}.profileContainer{margin:80px auto;padding:30px 20px;max-width:400px;background-color:#161d2f;border-radius:12px;color:#fff;font-family:Outfit,sans-serif;text-align:center;box-shadow:0 0 10px #0000004d}.profileAvatar{width:100px;height:100px;border-radius:50%;border:2px solid #fc4747;margin-bottom:15px;object-fit:cover}.profileName{font-size:22px;font-weight:600;margin:10px 0 5px}.loadingSpinner{height:38px;vertical-align:middle}.profileEmail,.profileCountry,.profileLanguage{font-size:14px;color:#bbb;margin:4px 0}.editBtn{margin-top:15px;background-color:transparent;color:#fc4747;border:1px solid #fc4747;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.editBtn:hover{background-color:#fc4747;color:#fff}.profileEditForm{display:flex;flex-direction:column;gap:10px;margin-top:20px}.profileEditForm input,.profileEditForm select{padding:10px;border:none;border-radius:6px;background-color:#10141e;color:#fff;font-size:14px;font-family:Outfit,sans-serif}select{border-bottom:2px solid #5a698f;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;cursor:pointer;transition:border .3s ease;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='white' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:30px}select:focus{border-color:#fc4747}select option{background-color:#161d2f;color:#fff}.profileEditForm button[type=submit]{background-color:#5a698f;border:none;color:#fff;padding:8px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.profileEditForm button[type=submit]:hover{background-color:#7b88a8}.profileEditForm button[type=button]{background-color:transparent;border:1px solid #fc4747;color:#fc4747;padding:8px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.profileEditForm button[type=button]:hover{background-color:#fc4747;color:#fff}.profileLoading,.profileError{text-align:center;color:#fff;margin-top:100px}