:root{--surface:#293241;--surface-mas-1:#0f121a;--surface-menos-1:#3c434d;--on-surface:#e0fbfc;--on-surface-mas-1:#b4d4d6;--on-surface-menos-1:azure;--primary:#f6c90e;--primary-mas-1:#cf9f02;--primary-menos-1:#ffde38;font-family:Roboto,sans-serif}html{background-color:var(--surface);font-size:62.5%}body{font-size:1.6rem;margin:0}h1{font-size:9.6rem;line-height:11.2rem}h1,h2{font-weight:300}h2{font-size:6rem;line-height:7rem}h3{font-size:4.8rem;line-height:5.6rem}h3,h4{font-weight:400}h4{font-size:3.4rem;line-height:4rem}h5{font-size:2.4rem;font-weight:400;line-height:2.8rem;margin:0}h6{font-size:2rem;font-weight:500;line-height:2.3rem}.font-style-body-1{font-size:1.6rem;font-weight:400;line-height:1.9rem;margin:0}.font-style-body-2{font-size:1.4rem;font-weight:400;line-height:1.6rem;margin:0}.font-style-subtitle-1{font-size:1.6rem;font-weight:400;line-height:1.9rem;margin:0}.font-style-button{font-family:Roboto;font-size:1.4rem;font-style:normal;font-weight:500;line-height:1.6rem;margin:0}.font-style-caption{font-size:1.2rem;font-weight:400;line-height:1.4rem;margin:0}.font-style-overline{font-size:1rem;font-weight:400;line-height:1.2rem;margin:0}.navbar{background-color:var(--surface-mas-1);display:flex;justify-content:space-between;padding:0 40px}.navbar__logo{height:59px;width:70.94px}.link_container{align-items:center;display:flex;gap:17px}.link_ul{padding:0}.navbar__search-btn{height:27px;width:27px}.navbar__link{display:inline-block;padding:4px 12px;text-decoration:none}.navbar__link :hover{background-color:var(--primary-menos-1);color:var(--surface)}.a-link{border-radius:4px;color:var(--on-surface);padding:4px 12px;text-decoration:none}.navbar__login{background-color:var(--surface);color:var(--primary);height:32px;padding:8px 40px}.navbar__login:hover{background-color:var(--primary);color:var(--surface);height:32px;padding:8px 40px}.navbar__login_text{color:var(--on-surface);display:none}.navbar__hamburguer{fill:var(--on-surface);display:none}.hero{overflow:hidden}.limit_container{position:relative}.dot-container,.limit_container{display:inline-flex;left:50%;transform:translateX(-50%)}.dot-container{background-color:rgba(41,50,65,.6);border-radius:50px;bottom:19px;gap:20px;padding:10px 30px;position:absolute}.dot-container__dot,.dot-container__dot--selected{background-color:var(--on-surface);border-radius:50%;height:25px;width:25px}.dot-container__dot--selected{background-color:var(--primary)}.hero__image{height:600px;margin:auto 0;width:1066px}.hero__image--center{height:661px;width:1176px}.main_section{display:flex;justify-content:stretch}.carousel,.carousel_section{display:inline-block}.carousel_section{display:flex;flex-direction:column;margin:0 0 20px 20px}.carousel__title{color:var(--on-surface);margin:30px 0 18px 10px}.carousel_image{filter:drop-shadow(0 8px 12px #0f121a);height:186px;width:332px;z-index:0}.carousel_image__title{background-color:var(--surface);bottom:10px;color:var(--on-surface);margin:0;padding:10px;position:absolute}.carousel_image_container{height:auto;position:relative;width:332px}.carousel__image_group{height:186px;overflow:hidden;position:relative;width:calc(100vw - 357px)}.carousel__image_strip{-ms-overflow-style:none;display:flex;flex-direction:row;gap:10px;overflow:scroll;overflow-y:scroll;position:relative;right:0;scrollbar-width:none}.carousel__image_strip::-webkit-scrollbar{display:none}.carousel__last,.carousel__next{fill:var(--on-surface);height:30px;width:18.75px}.Navigation_container__last,.Navigation_container__next{align-items:center;background:rgba(60,67,77,.8);border-radius:50px;display:flex;height:40px;justify-content:space-around;position:absolute;width:40px;z-index:1}.Navigation_container__last{left:14.25px;top:50%;transform:scaleX(-1) translatey(-50%)}.Navigation_container__next{right:14.25px;top:50%;transform:translatey(-50%)}.skeleton_title{height:40px;width:20%}.skeleton{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:var(--surface-menos-1)}to{background-color:var(--on-surface-mas-1)}}.top{display:flex;flex-direction:column;gap:20px;grid-column:3/4;margin:20px 0 0 21px;right:0;top:720px}.top__title{color:var(--on-surface);margin:0;text-align:center;width:auto}.Card{display:flex;gap:16px;width:290px}.card_container{-ms-overflow-style:none;display:flex;flex-direction:column;gap:20px;overflow:scroll;overflow-y:scroll;scrollbar-width:none}.card_container::-webkit-scrollbar{display:none}.Card__img{height:150px;width:100px}.Card__title{margin:0}.Card__text_container{align-self:center;color:var(--on-surface);display:flex;flex-direction:column}.card__text_container_skeleton{height:40px;width:100px}.Card__subtitle_container{display:flex;justify-content:space-between;margin:0;width:158px}.lower{display:flex;flex-direction:column;gap:31px;margin-bottom:40px}.lower_section{margin:0 20px}.lower__button_container{display:inline-flex;gap:26px;margin:10px}.lower__button{background-color:var(--surface);color:var(--on-surface)}.lower__button,.lower__button--selected{border:0;border-radius:8px;padding:4px 12px}.lower__button--selected{background-color:var(--primary-menos-1);color:var(--surface)}.lower__button:hover{background-color:var(--primary-mas-1);color:var(--surface)}.lower__button_title{margin:0}.lower_content{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.lower__card{display:flex;flex-direction:column;gap:12px;width:216px}.lower__image{height:324px;width:216px}.lower__title{color:var(--on-surface);text-align:center}.lower__load_more{background-color:var(--surface);border-color:var(--surface-mas-1);border-radius:10px;color:var(--primary);height:60px;margin:auto;width:250px}.lower__load_more:hover{background-color:var(--primary);color:var(--surface)}.footer{align-items:center;background-color:var(--surface-menos-1);display:flex;flex-direction:column;gap:26px;padding:24px}.footer__logos{align-items:center;display:inline-flex;gap:40px}.footer__logo--MovieApi{height:80px;width:80px}.footer__logo--image{height:32px;width:246px}.footer__links{display:inline-flex;gap:44px}.footer__link{color:var(--on-surface);text-decoration:none}.footer__social{display:inline-flex;gap:16px}.social-button{height:40px;width:40px}.social-button__image{fill:var(--on-surface);height:inherit;width:inherit}.lenguaje{color:var(--on-surface);display:inline-flex;gap:29px}.lenguaje__link{color:var(--on-surface);text-decoration:none}.disabled{display:none}@media (max-width:1024px){.main_section{flex-direction:column-reverse}.top{align-items:flex-start;gap:0;overflow:hidden;width:0;width:calc(100vw - 20px)}.top__title{font-size:6rem;font-weight:300;line-height:7rem;margin:0 0 18px 10px}.card_container{flex-direction:row;width:calc(100vw - 30px)}.carousel__image_group{width:calc(100vw - 20px)}.navbar__link{padding:0}.carousel_image{height:144px;width:256px}.carousel__image_group{height:144px}.hero__image{display:none}.Navigation_container__last,.Navigation_container__next{height:30px;width:30px}.carousel__last,.carousel__next{fill:var(--on-surface);height:25px;width:15px}}@media (max-width:768px){.hero__image--center{height:469px;width:834px}.navbar__link,.navbar__login{display:none}.navbar__hamburguer,.navbar__login_text{display:block}.lower__button_title{font-size:2rem}.lower__image{height:156px;width:104px}.lower__card{width:104px}.Card__img{height:75px;width:50px}.card_container{padding-right:10px}.Card__title{font-size:1.4rem}.Card__subtitle_container{gap:30px;width:auto}.lower__title{font-size:1.6rem;line-height:1.6rem}.Navigation_container__last,.Navigation_container__next{height:25px;width:25px}.carousel__last,.carousel__next{fill:var(--on-surface);height:15px;width:15px}.carousel_image__title{font-size:14px;line-height:2rem;padding:5px 10px}}@media (max-width:550px){.hero__image--center{height:328px;width:548px}.carousel_image{height:91px;width:162px}.dot-container__dot,.dot-container__dot--selected{height:20px;width:20px}.dot-container{padding:5px 10px}.carousel__image_group{height:91px}.lower__button_container{gap:5px}.lower__button_title{font-size:1.7rem;line-height:2rem}.lower{align-items:center}.footer__links{gap:20px}.footer__logos{flex-direction:column;gap:0}.carousel_section{margin:0 0 20px 10px}.carousel__title,.top__title{font-size:2.4rem;line-height:1rem}.top__title{margin:10px 0 18px 10px}.carousel_image__title{font-size:10px;line-height:1.5rem;padding:2.5px 10px}}