@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Roboto:wght@400..700&display=swap";*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}.header{margin:20px;display:flex;max-height:75px;align-items:center;justify-content:space-between}.header .logo-passoia{width:15%}.header .header-nav li a{color:#000}@media(min-width:350px)and (max-width:480px){.header .logo-passoia{width:30%}}@media(min-width:1024px){.header-nav li a{transition:.3s ease-in-out}.header-nav li a:hover{color:#f40179}}.header .menu{width:50px;height:50px;display:none;align-self:flex-end}.header nav label{display:flex;flex-direction:column}.header .header-nav{gap:20px;display:flex;font-size:20px;font-family:Poppins,sans-serif}.header .hamburguer{top:30px;left:15px;width:30px;height:2px;display:block;position:relative;background-color:#000;transition:.5s ease-in-out}.header .hamburguer:before,.header .hamburguer:after{background-color:#000;content:"";width:100%;height:100%;position:absolute;transition:.2s ease-in-out}.header .hamburguer:before{top:-10px}.header .hamburguer:after{bottom:-10px}.header nav input{display:none}.header input:checked~label .hamburguer{transform:rotate(45deg)}.header input:checked~label .hamburguer:before{transform:rotate(90deg);top:0}.header input:checked~label .hamburguer:after{transform:rotate(90deg);bottom:0}@media(max-width:768px){.header .menu{display:block}.header .header-nav{display:none}.header input:checked~ul{display:block}.header nav .header-nav{width:200px;padding:20px;font-size:16px;background-color:#fff}}.hero{height:89vh;background:url(/assets/imagem-hero-C5PaKL_w.jpg) center center no-repeat;background-size:cover}@media(min-width:350px)and (max-width:480px){.hero{height:200px}}@media(min-width:481px)and (max-width:768px){.hero{height:300px}}@media(min-width:769px)and (max-width:1279px){.hero{height:400px}}.categorias-maquiagens{text-align:center}.categorias-maquiagens h2{margin:40px 0;font-size:40px;color:#2d2d2d;font-family:Roboto,sans-serif}.categorias-maquiagens .categorias{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.categorias-maquiagens .categorias img{max-width:320px;max-height:480px;border-radius:5px}@media(min-width:350px)and (max-width:480px){.categorias-maquiagens h2{font-size:20px}.categorias-maquiagens .categorias{gap:20px}.categorias-maquiagens .categorias img{height:400px}}@media(min-width:481px)and (max-width:768px){.categorias-maquiagens h2{font-size:30px}.categorias{gap:20px;width:90%;margin:0 auto}.categorias img{height:350px}}@media(min-width:769px)and (max-width:1279px){.categorias{gap:20px;width:90%;margin:0 auto}.categorias img{height:400px}}@media(min-width:1024px){.categorias img{transition:.3s ease-in-out}.categorias img:hover{transform:scale(1.1);cursor:pointer}}.lancamentos{font-family:Roboto,sans-serif}.lancamentos h2{margin:40px 0;font-size:40px;color:#2d2d2d;text-align:center}.lancamentos .produtos-lancamento{gap:40px;display:flex;align-items:center;justify-content:center}.lancamentos .produtos-lancamento .produto-img{width:120px;height:120px}@media(min-width:350px)and (max-width:480px){.lancamentos h2{font-size:20px}.lancamentos .produtos-lancamento ul{display:none}}@media(min-width:481px)and (max-width:768px){.lancamentos h2{font-size:30px}.produtos-lancamento ul{display:none}}.card-produtos-lancamento{gap:40px;display:flex;align-items:center}.card-produtos-lancamento .imagem-produto{width:360px;height:360px}.card-produtos-lancamento .infos-produto{padding:20px;max-height:400px;max-width:480px;box-shadow:#0000003d 0 3px 10px}.card-produtos-lancamento .infos-produto h3{font-size:30px;color:#2d2d2d;padding-bottom:10px}.card-produtos-lancamento .infos-produto .botoes{gap:20px;display:flex;padding:10px 0}.card-produtos-lancamento .infos-produto h5{font-size:18px}.card-produtos-lancamento .infos-produto .descricao-produto{color:#2d2d2d;max-width:450px;padding:10px 0}.card-produtos-lancamento .infos-produto .btn{width:40px;height:40px;border-radius:50%}.card-produtos-lancamento .infos-produto .batom-azul{background-color:#b1b0d8}.card-produtos-lancamento .infos-produto .batom-vermelho{background-color:#e1342a}.card-produtos-lancamento .infos-produto .batom-bordo{background-color:#73282d}.card-produtos-lancamento .infos-produto .batom-bege{background-color:#de755e}@media(min-width:350px)and (max-width:480px){.card-produtos-lancamento{flex-direction:column}.card-produtos-lancamento .imagem-produto{width:280px;height:280px}.card-produtos-lancamento .infos-produto{width:320px;font-size:14px;text-align:center}.card-produtos-lancamento .infos-produto .botoes{justify-content:center}}@media(min-width:481px)and (max-width:768px){.card-produtos-lancamento{flex-direction:column}.card-produtos-lancamento .infos-produto{text-align:center}.card-produtos-lancamento .infos-produto .botoes{justify-content:center}}@media(min-width:769px)and (max-width:1279px){.card-produtos-lancamento{flex-direction:column}.card-produtos-lancamento .infos-produto{text-align:center}.card-produtos-lancamento .infos-produto .botoes{justify-content:center}}@media(min-width:1024px){.btn{border:1px solid transparent;transition:.3s ease-in-out}.btn:hover{cursor:pointer;border:1px solid #000}}.novidades h2{margin:50px 0;font-size:40px;color:#2d2d2d;text-align:center;font-family:Roboto,sans-serif}.novidades .banner-novidades{height:100vh;margin:0 40px;background:url(/assets/banner-novidades-hxB1oYXf.jpg) center center no-repeat;background-size:contain}@media(min-width:350px)and (max-width:480px){.novidades h2{font-size:20px}.novidades .banner-novidades{height:250px;background-size:cover;margin:0 20px}}@media(min-width:481px)and (max-width:768px){.novidades h2{font-size:30px}.novidades .banner-novidades{height:300px;margin:0 20px}}@media(min-width:769px)and (max-width:1279px){.novidades .banner-novidades{height:400px}}footer{display:flex;flex-wrap:wrap;padding:50px 50px 80px;justify-content:space-between;font-family:Roboto,sans-serif}footer h4{font-size:24px;color:#2d2d2d;padding-bottom:10px}footer .atendimento .menu-atendimento li{padding:5px 0}footer .formas-de-pagamento li{display:flex;justify-content:space-evenly}footer .formas-de-pagamento img{width:60px;height:60px}footer .redes-sociais ul{display:flex;justify-content:space-evenly}footer .redes-sociais ul a{color:#000}@media(min-width:350px)and (max-width:480px){footer{gap:20px;padding:50px 30px;justify-content:center}footer h4{font-size:20px}.atendimento{text-align:center}.pagamento{display:flex;flex-direction:column}}@media(min-width:481px)and (max-width:768px){footer{justify-content:center;gap:20px}footer h4{font-size:20px}}@media(min-width:769px)and (max-width:1279px){footer{justify-content:space-around}}@media(min-width:1024px){.menu-atendimento li{transition:.3s ease-in-out}.menu-atendimento li:hover{cursor:pointer;color:#f40179}.redes-sociais ul li a{transition:.3s ease-in-out}.redes-sociais ul li a:hover{color:#f40179;cursor:pointer}}
