@import"https://fonts.googleapis.com/css2?family=Vina+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Vina+Sans&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background-color:transparent;border:none;cursor:pointer}:root{--desktop-max-width: 1990px;--desktop-breakpoint: 770px;--layout-max-width: 1440px;--bg-primary-color: #edf0f4;--bg-secondary-color: #c6ee80;--bg-constrast-color: #233647;--bg-gradient: linear-gradient( 180deg, rgba(35, 54, 71, 0) 0%, rgba(35, 54, 71, .8) 100% );--font-primary-color: #ffffff;--font-secondary-color: #ffffff;--font-contrast-color: #233647;--font-dark-color: #060607;--font-alert-color: #f39c8f;--font-family-primary: "Inter", sans-serif;--font-family-title: "Vina Sans", sans-serif;--font-weight-thin: 300;--font-weight-normal: 400;--font-weight-bold: 500;--font-weight-extra-bold: 700;--font-size-2xs: 12px;--font-size-xs: 16px;--font-size-sm: 18px;--font-size-md: 20px;--font-size-lg: 24px;--font-size-xl: 32px;--font-size-2xl: 48px;--font-size-4xl: 96px;--button-primary-bg-color: #ffffff;--button-primary-font-color: #233647;--button-secondary-bg-color: transparent;--button-secondary-border-color: #ffffff;--button-secondary-font-color: #ffffff;--button-border-radius-lg: 24px;--button-max-width: 312px;--button-heigth: 48px;--button-border: 2px solid #ffffff;--mockup-color: #a6b2c4;--underline-primary-color: #c6ee80;--underline-secondary-color: #a6b2c4;--item-primary-color: #c6ee80;--line-height-01: 14.52px;--line-height-0: 21.78px;--line-height-1: 24.2px;--line-height-2: 38.88px;--line-height-4: 58.32px;--line-height-8: 116.18px;--padding-x-section-mobile: 24px;--padding-x-section-desktop: 60px;--margin-section-gap-mobile: 32px;--margin-title-gap-mobile: 20px;--color-itemImpar: #2b83b5;--color-itemPar: #7fb4d2}body{font-family:var(--font-family-primary);color:var(--font-primary-color);background-color:var(--bg-primary-color);font-weight:var(--font-weight-normal, 400);font-size:var(--font-size-sm, 18px)}a{color:inherit;text-decoration:none}.primary-button{display:flex;justify-content:center;margin:0 auto;align-items:center;width:var(--button-max-width);height:var(--button-heigth);background-color:var(--button-primary-bg-color);font-weight:var(--font-weight-extra-bold);color:var(--button-primary-font-color);border-radius:var(--button-border-radius-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.outline-button{display:flex;justify-content:center;margin:0 auto;align-items:center;width:var(--button-max-width);height:var(--button-heigth);background-color:var(--button-secondary-bg-color);font-weight:var(--font-weight-extra-bold);color:var(--button-secondary-font-color);border-radius:var(--button-border-radius-lg);border:var(--button-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.grid-container{color:var(--font-contrast-color)}.grid-container .grid-container__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-extra-bold);margin-bottom:var(--margin-title-gap-mobile)}.grid-container .grid-container__items{position:relative;display:grid;justify-content:start;gap:18px;grid-template-columns:repeat(6,95px);overflow-x:auto}@media (max-width: 460px){.grid-container .grid-container__items{justify-content:center;grid-template-columns:repeat(3,95px);grid-template-rows:repeat(2,132px);overflow:unset;gap:14px}}@media (min-width: 768px){.grid-container .grid-container__items{grid-template-columns:repeat(6,182px);grid-template-rows:255px;gap:46px}}.grid-container .grid-container__items .grid-card{min-width:95px;max-width:182px;min-height:134px;max-height:255px;background-color:var(--mockup-color)}.header{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-constrast-color);min-height:60px;padding:0 var(--padding-x-section-mobile)}.header .header__title-container{text-align:center}.header .header__title-container .header__title{font-family:var(--font-family-title);font-weight:var(--font-weight-normal);font-size:var(--font-size-xl);line-height:var(--line-height-2);color:var(--font-primary-color)}.header .header__title-container .header__subtitle{display:none}.header .header__nav{display:none;position:fixed;top:0;right:0;width:100vw;height:100vh;background-color:var(--bg-constrast-color);flex-direction:column-reverse;justify-content:start}.header .header__burger-container .header__burguer-open-button{display:none}.header .header__navigation-container{padding:24px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.header .header__navigation-container .header__nav-list{display:flex;flex-direction:column;gap:10px}.header .header__navigation-container .header__nav-list .header__nav-item{height:60px}.header .header__navigation-container .header__nav-list .header__nav-item .header__nav-link{height:60px;display:flex;align-items:center;line-height:var(--line-height-0);border-bottom:2px solid var(--underline-secondary-color)}.header .header__navigation-container .header__nav-list .header__nav-item .header__nav-link.active{border-bottom:6px solid var(--underline-primary-color);font-weight:var(--font-weight-extra-bold)}.header .header__menu-mobile-container{display:flex;justify-content:space-between;align-items:center;padding:0 24px;width:100%;height:60px;z-index:10}.header .header__menu-mobile-container .header__menu-mobile-title{font-weight:var(--font-weight-extra-bold);font-size:var(--font-size-md);line-height:var(--line-height-2);color:var(--bg-primary-color);cursor:default}.hero{display:flex;align-items:center;margin:0 auto;padding:0px var(--padding-x-section-mobile);vertical-align:center;background:var(--bg-gradient);min-height:460px}.hero .hero__wrapper{display:flex;flex-direction:column;justify-content:start;width:100%;gap:22px}.hero .hero__wrapper .hero__rating{font-size:var(--font-size-xs)}.hero .hero__wrapper .hero__rating .hero__rating-text{margin-bottom:5px}.hero .hero__wrapper .hero__rating .hero__rating-value{display:flex;justify-content:start;align-items:end;gap:8px}.hero .hero__wrapper .hero__rating .hero__rating-value .hero__rating-score{font-weight:var(--font-weight-extra-bold)}.hero .hero__wrapper .hero__rating .hero__rating-value .hero__rating-score .hero__rating-score-total{font-weight:var(--font-weight-normal)}.hero .hero__wrapper .hero__header{height:calc((var(--font-size-2xl) + var(--font-size-md)) * 2.2)}.hero .hero__wrapper .hero__header .hero__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extra-bold);line-height:var(--line-height-4);margin-bottom:5px}.hero .hero__wrapper .hero__header .hero__details{font-size:var(--font-size-md);font-weight:var(--font-weight-extra-bold);line-height:var(--line-height-1)}.hero .hero__wrapper .hero__description{display:none}.hero .hero__wrapper .hero__actions .hero__actions-list{display:flex;flex-direction:column;justify-content:center;margin:0 auto;gap:20px;text-align:center}.synopsis__wrapper{padding:0 var(--padding-x-section-mobile);margin-top:var(--margin-section-gap-mobile);text-wrap:pretty;color:var(--font-contrast-color)}.synopsis__wrapper .synopsis__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-extra-bold);margin-bottom:var(--margin-title-gap-mobile)}.synopsis__wrapper .synopsis__description{font-size:var(--font-size-xs);line-height:var(--line-height-0);font-weight:var(--font-weight-thin)}.movie-section{padding:0px var(--padding-x-section-mobile);margin-top:var(--margin-section-gap-mobile);display:flex;flex-direction:column;justify-content:start;gap:32px}@media (min-width: 768px){body #app{max-width:var(--desktop-max-width);margin:0 auto}body .header{gap:100px;padding:0 60px}body .header .header__title-container{display:flex;flex-direction:column;justify-content:center;align-items:center}body .header .header__title-container .header__title{font-size:var(--font-size-2xl);line-height:var(--line-height-4)}body .header .header__title-container .header__subtitle{display:inline;font-size:var(--font-size-2xs);font-weight:var(--font-weight-thin);line-height:var(--line-height-01)}body .header .header__title-container .header__subtitle .header__brand{font-weight:var(--font-weight-bold)}body .header .header__nav{position:relative;display:flex;flex-direction:row;height:100px}body .header .header__nav .header__navigation-container{height:100%;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:end;padding:0}body .header .header__nav .header__navigation-container .header__nav-list{display:flex;flex-direction:row;align-items:center;gap:40px}body .header .header__nav .header__navigation-container .header__nav-list .header__nav-item{height:60px;width:130px}body .header .header__nav .header__navigation-container .header__nav-list .header__nav-item .header__nav-link{height:60px;width:100%;display:flex;align-items:center;justify-content:center;line-height:var(--line-height-0);font-weight:var(--font-weight-normal);border-bottom:none}body .header .header__nav .header__navigation-container .header__nav-list .header__nav-item .header__nav-link.active{border-bottom:4px solid var(--underline-primary-color);font-weight:var(--font-weight-extra-bold)}body .header .header__nav .header__navigation-container .header__nav-user-link{display:flex;height:100%;align-items:center}body .header .header__nav .header__menu-mobile-container{display:none}body .header .header__burger-container{display:none}body .hero{padding:82px var(--padding-x-section-desktop)}body .hero .hero__wrapper{max-width:668px}body .hero .hero__wrapper .hero__header{height:calc((var(--font-size-4xl) + var(--font-size-lg)) * 1.4)}body .hero .hero__wrapper .hero__header .hero__title{font-size:var(--font-size-4xl);line-height:var(--line-height-8)}body .hero .hero__wrapper .hero__header .hero__details{font-size:var(--font-size-lg);line-height:var(--line-height-2)}body .hero .hero__wrapper .hero__description{display:block;line-height:var(--line-height-2);font-size:var(--font-size-md);font-weight:var(--font-weight-thin)}body .hero .hero__wrapper .hero__actions{width:100%}body .hero .hero__wrapper .hero__actions .hero__actions-list{flex-direction:row;justify-content:start;margin:0;gap:20px;text-align:center}body .synopsis__wrapper{padding:0px var(--padding-x-section-desktop);margin-top:40px}body .synopsis__wrapper .synopsis__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-extra-bold);margin-bottom:24px}body .synopsis__wrapper .synopsis__description{font-size:var(--font-size-md);line-height:var(--line-height-1)}body .movie-section{padding:0 var(--padding-x-section-desktop);gap:40px;margin-bottom:48px}}