/* Tipografia global */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h5 {
  font-weight: 700;
  color: #222;
}

p, li {
  font-size: 1rem;
  color: #555;
}

/* Capa */
header.container-fluid{}
.top{
  height:70px;
  background-color: #FFFFFF;
}
.titulo{
  background-image: url("../img/header.webp");
  width: 100vw;
  background-size: cover;       /* cobre toda a área mantendo proporção */
  background-position: center;  /* centraliza a parte útil */
  background-repeat:no-repeat;
  min-height: 445px;
  padding-top: 5rem;
}

header.container-fluid h1 {
  font-size: 3rem;
}

header.container-fluid h2 {
  font-size: 2rem;
}

/*header.container-fluid h5{
  font-size: 1.2rem;
} */


/* Seções com imagens */
section.img-fluid {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Títulos centrais */
h2.text-center {
  font-size: 2.25rem;
  margin-bottom: 2rem;
}

/* Serviços em ícones */
section .fa-3x {
  color: #0d6efd;
  margin-bottom: 1rem;
}

section h5 {
  margin-bottom: 0.5rem;
}

/* Lista de benefícios */
.verdelimao{background-color:#93CB52;}
.azulPiscina{background-color:#5e98f1}
.list-group-item {
  border: none;
  padding-left: 0;
  font-size: 1.1rem;
  padding: 0.75rem 0;
}

/* Depoimentos 
blockquote.blockquote{
  font-style: italic;
}
/*
blockquote.footer {
  font-size: 2rem;
}*/

/* Botão WhatsApp */

a.btn {
  font-size: 1.2rem;
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  box-shadow: 0 4px 8px rgba(0, 128, 0, 0.2);
}

/* Rodapé */
footer {
  background-color: #222;
  color: #ddd;
  font-size: 0.95rem;
}

footer.btn{
position: fixed;
bottom: 20px;
right: 20px;
  z-index: 1000;
}

/**************** Responsividade *********************/
@media (min-width: 769px) {
.separado{margin-right:2.25rem;}
}


/**************** Responsividade *********************/
@media (max-width: 768px) {
  h1 {
    font-size: 2.25rem;
  }

/*  section .row {
    flex-direction: column-reverse;
  }*/
 
.separado{margin-bottom:1.25rem;}
 
  section img.img-fluid {
    margin-top: 2rem;
    width: 100%;
    height: auto;
  }

  section h2, section h5 {
    text-align: center;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
.titulo{
  background-image: url("../img/header.png");
  background-repeat:no-repeat;
  min-height: 445px;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

}