*{ margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Questrial", sans-serif;
    scroll-behavior: smooth;
    color: white;}
body{ background-color: #ffffff;
    font-family: "Questrial", sans-serif;}
.logo{ margin-left: 1%;
    margin-top: -5px;
    width: 100px;
    height: 100px;
 vertical-align: middle;}
 #pagina1{
     background-size: cover;
  background-attachment: fixed;
    background-blend-mode: multiply;
    background-size: cover;
    height: 100vh;}

.quadro{background-color: rgba(135, 184, 197, 1);
    height: 82px;}

.bntHome{margin-top: -5px;
    margin-left: 12%;
    line-height: 24px;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: #2F4157;
    text-decoration: none;}

.bntAbout{ margin-top:-5px;
    margin-left: 2%;
    line-height: 24px;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: white;
    text-decoration: none;}
.bntAbout:hover{
    color: #2F4157;
    transition: 0.5s;}

.bntProdutos{ margin-top: -5px;
    margin-left: 2%;
    line-height: 24px;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: white;
    text-decoration: none;}
.bntProdutos:hover{
    color: #2F4157;
    transition: 0.5s;}

.bntContato{ margin-top: -5px;
    margin-left: 2%;
    line-height: 24px;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: white;
    text-decoration: none;}
.bntContato:hover{
    color: #2F4157;
    transition: 0.5s;}

.bntCadrastro{ margin-top: -5px;
    margin-left: 2%;
    line-height: 24px;
    
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: white;
    text-decoration: none;}
.bntCadrastro:hover{
    color: #2F4157;
    transition: 0.5s;}
        
.bntPedidos{ margin-top:-5px;
    margin-left: 2%;
    line-height: 24px;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: white;
    text-decoration: none;}
.bntPedidos:hover{
    color: #2F4157;
    transition: 0.5s;}


.pro {
  display: flex;
  height: 80vh;
  width: 100%;}

.eye {color:#2F4157 ;
  flex: 1;
  background: linear-gradient(to right, #C7D9E5, #F7F1EC,#F1E5DC); /* ajuste conforme sua estética */
  padding: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'Georgia', serif;
  font-size: 48px;
  font-weight: normal;
}
.eye span {
      font-weight: bold;}

.original{position: absolute;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 20px;
  color: #2F4157;
  margin-left: 450px;
  margin-top: -40vh;
  font-size: 20px;}

.care{color: #2F4157;
  font-size: 100px;
  margin-left: 10%;
  font-family: Lora;
  margin-top: 20px;}

.texto{color: #2F4157;
  font-size: 20px;
  margin-top: 15px;
  margin: 30px 0;
  font-size: 18px;
  line-height: 0.1;
  margin-left: 10%;}

.btncompra {margin-top: 150px;
  margin-left: 25%;
  background-color: #26334d;
  color: white;
  width: 200px;
  position: absolute;
  text-align: center;
  padding: 15px 10px;
  border-radius: 30px;
  text-decoration: none;
  font-size: 16px;
  font-family: Arial, sans-serif;}
.btncompra:hover {background-color: rgba(135, 184, 197, 1);
      opacity: 0.9;}

.mulher {
  flex: 1;
  height: 100%;
}

.mulher img {
  width: 100%;
    height: 80vh;
  object-fit: cover;
   background-size: cover;
  background-attachment: fixed;
}
.quadro2{background-color: rgb(255, 255, 255);
  height: 200px;}

.oferta{ margin-top: 50px;
margin-left: 150px;}

.produtos{color:rgba(47, 65, 87, 1);
  font-family: Lora;
margin-left: 250px; 
font-weight: bold;
font-size: 78px;}

.desta{margin-top: 100px;
margin-left: -1px;}

.item {
  position: relative;
  overflow: hidden;
}

.item img {
  width: 100%;
  display: block;
  border-radius: 4px;
}

.Peace {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 100px;
margin-left: 1px;
  background-color: rgba(0,0,0,0.5); 
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}

.item:hover .Peace {
  opacity: 1;
}

.com{font-size: 70px;}

.Peace .icone {
  font-size: 40px;
  margin-top: 10px;
}

.pagina3{  display: flex;}
.card {
  overflow: hidden;
  transition: transform 0.3s ease;
}

.card img {
  transition: transform 0.5s ease;
}

.card:hover img {
  transform: scale(1.05); /* zoom de 5% */
}
.pag3{display: flex;}
.imgL{margin-top: 200px;
  position:absolute ;
  height: 450px;
width: 420px;}
.imgC{margin-top: 200px;
  margin-left: 355px;
  height: 450px;
width: 365px;
position: absolute;}
.imgR{position: absolute;
  margin-top: 200px;
  margin-left: 720px;
   height: 450px;
width: 400px;}
.imgI{
  position: absolute;
margin-top: 200px;
  margin-left: 1120px;
   height: 450px;
width: 400px;}

#pagina4{background-color: #ffffff;
height: 450px;
}
.baixo{color:rgba(47, 65, 87, 1);
  font-family: Lora;
margin-left: 340px; 
font-weight: bold;
font-size: 78px;
margin-top:840px;}

#vegan{display: flex;}
.reciclavel{height: 90px;
width: 90px;
margin-left: 290px;
margin-top:8%;
position: absolute;}

.organico{height: 90px;
width: 90px;
margin-left: 490px;
margin-top:8%;
position: absolute;}

.vegano{height: 120px;
width: 120px;
margin-left: 690px;
margin-top:8%;
position: absolute;}

.paraben{height: 120px;
width: 120px;
margin-left:  890px;
margin-top:8%;
position: absolute;}

.livre{height: 120px;
width: 120px;
margin-left: 1090px;
margin-top:8%;
position: absolute;}

.t{color: rgba(135, 184, 197, 1);
font-family: system-ui,'Segoe UI', 'Open Sans', 'Helvetica Neue', sans-serif;
 font-weight: bold;
position: absolute;
margin-left: 280px;
margin-top:15%;
font-size: 24px;}
.tx{color: rgba(135, 184, 197, 1);
  font-family: system-ui, 'Segoe UI','Open Sans', 'Helvetica Neue', sans-serif;
 font-weight: bold;
position: absolute;
font-size: 19px;
margin-left: 475px;
margin-top:15%;
text-align: center;}

#pagina5{background-color: rgba(135, 184, 197, 1);
height: 500px;}

.ajudar{color: #ffffff;
font-family: system-ui, 'Segoe UI','Open Sans', 'Helvetica Neue', sans-serif;
 font-weight: bold;
position: absolute;
margin-top: -20%;}

.texto2{color: #000;
font-family: system-ui, 'Segoe UI','Open Sans', 'Helvetica Neue', sans-serif;
position: absolute;
margin-top: -15%;
font-size: 18px;
line-height: 5.0;
margin-left: 500%;}



#pag5{background-color: rgba(135, 184, 197, 1);
height: 500px;}
 .container {
      display: flex;
      justify-content: space-between;
      padding: 50px 100px;
      align-items: flex-start;
      color: #fff;
    }

    .logo {
      font-family: serif;
      font-size: 120px;
      line-height: 0.8;
      color: #fdfcf8;
    }

    .help-section {
      max-width: 300px;
    }

    .help-section h2 {
      font-size: 28px;
      margin-bottom: 20px;
      font-weight: bold;
    }

    .help-section ul {
      list-style: none;
      padding: 0;
    }

    .help-section ul li {
      margin-bottom: 12px;
      font-weight: bold;
      color: #ffffff;
    }

    .social-section {
      text-align: center;
    }

    .social-section h2 {
      font-size: 30px;
      margin-bottom: 20px;
      font-weight: bold;
      color: #ffffff;
    }

    .social-icons i {
      font-size: 36px;
      margin: 0 10px;
      color: #fdfcf8;
      cursor: pointer;
    }

    .social-icons i:hover {
      color: #333;
    }
    

    .divider{background-color: #000;
    height:2px;
    border: none;
    margin:19px 0px 19px;
  }