:root{--colorHeader: #164560;--colorHero: #216e99;--colorSearch: #b7ddf2;--colorImpar: #2b83b5;--colorPar: #7fb4d2;--colorWhite: #ffff;--colorText: #233647}body{margin:0;box-sizing:border-box;padding:0}.container{max-width:1440px;margin:auto;height:100%;background:#edf0f4}.header{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0 60px;gap:100px;height:100px;background-color:var(--colorHeader);color:var(--colorWhite)}.header nav{height:101px;display:flex;flex:1;align-items:flex-end}.header nav ul{display:flex;cursor:pointer;gap:80px;list-style:none}.header nav ul li{font-size:18px;width:130px}.header nav ul li:active{border-bottom:6px solid #c6ee80}.header .header__profile{display:flex;align-items:center}.header .hamburger{display:none}@media screen and (max-width: 1440px){.header .header{justify-content:space-between}.header .navbar{display:none}.header .hamburger{display:flex;align-items:center}.header .header__profile img{display:none}}.hero{width:100%;height:500px;background-image:url(/02/assets/hero-5c60096f.png);background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.hero .hero__action{height:229px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:50px}.hero .hero__action p{color:var(--colorWhite);font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.32px;margin:0;text-align:initial}.hero .hero__action picture{margin-top:25px;margin-bottom:40px}.hero .hero__action .hero__btns{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px}.hero .hero__action .hero__btns .btn{width:312px;height:48px;border-radius:24px;border:2px solid var(--colorWhite);font-size:18px;font-weight:700;line-height:normal;letter-spacing:.36px;cursor:pointer}.hero .hero__action .hero__btns .btn-trailer{background:var(--colorWhite);color:var(--colorText)}.hero .hero__action .hero__btns .btn-view{display:flex;justify-content:center;align-items:center;background-color:transparent;color:var(--colorWhite)}.hero .hero__action .hero__btns span{font-size:18px;color:var(--colorWhite);font-weight:700;line-height:normal;letter-spacing:.36px;cursor:pointer}@media screen and (max-width: 1440px){.hero .hero__action{padding:0;width:400px;align-items:center}}.searchSection{height:100px;width:80%;display:flex;align-items:center;margin:20px 60px;position:relative}.searchSection .searchInput{width:350px;height:50px;border-radius:30px;background:var(--colorWhite);border:none;padding:0 15px;font-size:16px}.searchSection .searchInput::placeholder{color:#3c3c4399}.searchSection .search__btn{position:absolute;right:775px;width:50px;height:50px;border:0;display:inline-block;border-radius:30px;background:#a6b2c4;cursor:pointer}@media screen and (max-width: 1440px){.searchSection .search__btn{display:none}.searchSection .search,.searchSection .searchInput{width:90%}}.listsContainer{width:100%;height:100%;margin-top:50px}.listsContainer h3{margin-left:61px;font-size:20px;font-style:normal;font-weight:600;line-height:normal;color:var(--colorText)}.listsContainer .listMovie{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.listsContainer .listMovie .card{width:182px;height:255px;position:relative;cursor:pointer}.listsContainer .listMovie .card button{position:absolute;right:1px;background:transparent;cursor:pointer}@media screen and (max-width: 1440px){.listsContainer .listMovie .card{height:140px;width:100px}.listsContainer .listMovie .card img{height:140px;width:100px}}@media screen and (max-width: 1440px){.header{justify-content:space-between;align-items:center}.hero{justify-content:center;align-items:center}.searchSection{justify-content:center;width:100%;margin:20px}}
