*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:Inter Variable,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#edf0f4}@font-face{font-family:Vina Sans;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/vina-sans@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/vina-sans@latest/latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}button{background-color:transparent;border:none}.main-container{width:100%;margin:auto;display:grid;grid-template-areas:"header" "hero" "search" "items"}.base-container{width:100%;align-content:center;background-color:var(--background)}.base-container.header{--background: #233647;height:100px;grid-area:header;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:100px;padding-inline:60px}.base-container.header button{cursor:pointer}@media screen and (width <=672px){.base-container.header .header-nav,.base-container.header .header-user{display:none}}.base-container.header .header-title{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.base-container.header .header-title h1{font-size:48px;font-family:Vina Sans,system-ui}.base-container.header .header-title p{font-size:12px}@media screen and (width <=672px){.base-container.header .header-title p{display:none}}.base-container.header .header-nav{flex-grow:2;height:100%;font-size:18px;align-content:stretch}.base-container.header .header-nav ul{height:100%;display:flex;align-items:flex-end;gap:40px;list-style:none;color:#fff}.base-container.header .header-nav ul li{height:100%;display:flex;align-items:flex-end}.base-container.header .header-nav ul a{color:inherit;text-decoration:none;padding-bottom:15px;border-bottom:2px solid transparent;font-weight:200}.base-container.header .header-nav ul a.selected{border-bottom:2px solid #C6EE80;font-weight:400}.base-container.header .header-nav-mobile{display:none}@media screen and (width <=672px){.base-container.header .header-nav-mobile{display:block}}.base-container.hero{background:linear-gradient(to bottom,#fff,#233647);grid-area:hero;padding-inline:60px;padding-block:60px;display:flex;flex-direction:column;align-items:stretch;color:#fff}@media screen and (width <=513px){.base-container.hero{padding-inline:0;align-items:center}}.base-container.hero .hero-puntuation{display:flex;flex-direction:column}.base-container.hero .hero-puntuation div{display:flex;align-items:center;gap:5px}.base-container.hero .hero-puntuation div svg{width:20px}.base-container.hero .hero-information{max-width:650px;flex-grow:2;display:flex;flex-direction:column;align-items:stretch;gap:22px;font-size:18px}.base-container.hero .hero-information .hero-information-mobile{display:none}@media screen and (width <=742px){.base-container.hero .hero-information .hero-information-mobile{display:block;color:#fff;text-decoration:none}}@media screen and (width <=513px){.base-container.hero .hero-information .hero-information-mobile{width:312px;text-align:center}}.base-container.hero .hero-information .hero-information-title{display:flex;flex-direction:column;gap:5px}.base-container.hero .hero-information .hero-information-title h2{font-size:92px}@media screen and (width <=513px){.base-container.hero .hero-information .hero-information-title h2{font-size:80px}}.base-container.hero .hero-information .hero-information-title h3{font-size:24px}.base-container.hero .hero-information p{font-weight:300;line-height:36px}@media screen and (width <=742px){.base-container.hero .hero-information p{display:none}}.base-container.hero .hero-information .hero-buttons{width:100%;display:flex;gap:20px;align-items:center;justify-content:flex-start}@media screen and (width <=513px){.base-container.hero .hero-information .hero-buttons{flex-direction:column}}.base-container.hero .hero-information .hero-buttons button{max-width:312px;width:100%;border-radius:24px;padding-block:13px;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid transparent;cursor:pointer}.base-container.hero .hero-information .hero-buttons button:not(.trailer-button){border-color:#fff;gap:5px}.base-container.hero .hero-information .hero-buttons button:not(.trailer-button) svg{width:1rem}.base-container.hero .hero-information .hero-buttons .trailer-button{background-color:#fff;color:#000;font-weight:700}.base-container.search{--background: transparent;grid-area:search;display:flex;flex-direction:column;gap:27px;width:90%;margin:0 auto;padding-block:40px}.base-container.items{--background: transparent}.items-container{width:100%;grid-area:items;padding-block:20px 40px;display:flex;flex-direction:column;gap:40px}.items-container .items-row{width:90%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.items-container .items-row .movies-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(182px,1fr));gap:45px}@media screen and (width<=454px){.items-container .items-row .movies-row{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}}.items-container .items-row .movie-card{width:182px;height:255px;background-color:#a6b2c4}@media screen and (width<=454px){.items-container .items-row .movie-card{width:95px;height:134px}}