*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:"Roboto",sans-serif}body,html{font-weight:400}body{font-size:1rem}img{max-width:100%;display:block}a{all:unset;cursor:pointer}ul{list-style:none}.btn{height:2em;line-height:2em;text-align:center;border-radius:20px;padding:.1em 2em;cursor:pointer;border:none;background:none}.btn.btn--toggle{padding:0}.btn.btn--toggle:active,.btn.btn--toggle:focus{color:#fa722c}.btn.btn--primary{border:1px solid #fa722c;background-color:#fa722c}.btn.btn--secondary{border:1px solid #fdfdfd}.logo{font-size:2.4rem}.logo span{color:#fa722c;font-size:3rem;font-weight:700}.container{position:relative;align-items:center}.app,.container{display:flex;justify-content:center}.app{flex-direction:column}.app-header{width:100%;min-height:100vh;background-color:#739fb4;color:#fdfdfd}.app-header .navigation{position:fixed;width:100%;padding:3vh 5vw;top:0;left:0;font-size:1.8rem;background-color:#739fb4;z-index:1000}.app-header .navigation.container{justify-content:space-between}.app-header .navigation .logo{color:#fdfdfd}@media screen and (max-width:576px){.app-header .navigation .logo{font-size:2rem}}.app-header .navigation .header__nav{position:relative;display:flex;align-items:center}.app-header .navigation .header__nav .nav{position:absolute;right:0}.app-header .navigation .header__nav .nav.nav--desktop{visibility:hidden}.app-header .navigation .header__nav .nav.nav--desktop ul{display:flex;align-items:center}.app-header .navigation .header__nav .nav.nav--desktop ul li{margin:0 1rem}@media screen and (min-width:576px){.app-header .navigation .header__nav .nav.nav--desktop{visibility:visible}}.app-header .navigation .header__nav .nav.nav--mobile{visibility:hidden;font-size:2rem}@media screen and (max-width:576px){.app-header .navigation .header__nav .nav.nav--mobile{visibility:visible}}.app-header .hero{display:flex;justify-content:center;align-items:center;width:100%;padding:0 5vw;min-height:100vh}@media screen and (max-width:576px){.app-header .hero{flex-direction:column}}.app-header .hero .hero__left{display:flex;flex:1 1;flex-direction:column;justify-content:center;align-items:flex-start;font-size:1.6rem;font-weight:400}@media screen and (min-width:768px){.app-header .hero .hero__left{margin-top:10vh}}@media screen and (min-width:1200px){.app-header .hero .hero__left{margin-top:0}}@media screen and (max-width:576px){.app-header .hero .hero__left{align-items:center;margin-top:15vh}}.app-header .hero .hero__left .hero__title{font-size:1.6rem;font-weight:400}.app-header .hero .hero__left .hero__slogan{font-size:3rem;font-weight:900;margin:1rem 0;display:block}@media screen and (max-width:576px){.app-header .hero .hero__left .hero__slogan{text-align:center}}@media screen and (min-width:768px){.app-header .hero .hero__left .hero__slogan{font-size:4rem;line-height:6rem}}@media screen and (min-width:992px){.app-header .hero .hero__left .hero__slogan{font-size:6rem;line-height:9rem}}.app-header .hero .hero__left .hero__links{display:flex;grid-gap:1rem;gap:1rem;margin-top:2rem}@media screen and (max-width:576px){.app-header .hero .hero__left .hero__links{flex-direction:column;grid-gap:1rem;gap:1rem}}.app-header .hero .hero__left .hero__links .btn{font-size:1rem;margin-top:3rem;font-weight:600}@media screen and (max-width:576px){.app-header .hero .hero__left .hero__links .btn{margin-top:0}}@media screen and (min-with:576px){.app-header .hero .hero__left .hero__links .btn{font-size:1.4rem}}@media screen and (min-width:768px){.app-header .hero .hero__left .hero__links .btn{font-size:1.8rem;margin-bottom:2rem}}.app-header .hero .hero__right{display:flex;justify-content:flex-end;flex:1 1}.app-header .hero .hero__right .hero__pic{flex:1 1;padding:3vw}@media screen and (min-width:576px){.app-header .hero .hero__right .hero__pic{-webkit-transform:translateY(15%);transform:translateY(15%)}}.product:first-child{background-color:#fee7da}.product:nth-child(2){background-color:#dce7f6}.product:nth-child(3){background-color:#e9e9e7}.product.container{flex-direction:column;padding:2rem}.product .product__pic{width:30vw;height:50vh;object-fit:contain}@media screen and (max-width:576px){.product .product__pic{width:50vw;height:50vh;max-width:50vw}}.product .product__prices{display:flex;grid-gap:1rem;gap:1rem;margin-top:2rem}.product .product__prices .product__price--origin{position:relative}.product .product__prices .product__price--origin:before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:red;width:100%;height:.8px}.products{grid-gap:2rem;gap:2rem;margin-top:5%}@media screen and (max-width:576px){.products{margin-top:100%}}@media screen and (max-width:576px){.products.container{flex-direction:column}}section{width:100%;padding:0 5vw;margin-top:10%}section .section__header.container{justify-content:space-between}@media screen and (max-width:576px){section .section__header.container{flex-direction:column;grid-gap:1rem;gap:1rem}}section .section__header .section__title{flex:1 1;font-size:3rem;font-weight:600}@media screen and (max-width:576px){section .section__header .section__title{font-size:2rem}}section .section__header .section__filter{display:flex;flex:1 1;justify-content:space-between}@media screen and (max-width:576px){section .section__header .section__filter{width:100%}}section .section__header .section__filter .btn--toggle{font-weight:600}@media screen and (max-width:768px){section .section__header .section__filter .btn--toggle{font-size:1rem}}section .section__header .section__filter .filter-title{font-size:2em;font-weight:600;color:#fa722c}@media screen and (max-width:768px){section .section__header .section__filter .filter-title{font-size:1.2rem}}@media screen and (max-width:576px){section .products{margin-top:5%}}footer{width:100%;padding:3rem 5vw;background-color:#739fb4;color:#fdfdfd;font-size:1.6rem;margin-top:5%}
/*# sourceMappingURL=main.f4232ee8.chunk.css.map */