* {
    list-style: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

html {
    scroll-behavior: smooth;
  }

/* FONTES */


h1 {
    font-family: 'Montserrat';
    font-weight: 600;
}

p {
    font-family: 'Montserrat';
    font-weight: 300;
}

li a {
    font-family: 'Montserrat';
    font-weight: 500;
}

h4 {
    font-family: 'Montserrat';
    font-weight: 600;
}

h3 {
    font-family: 'Montserrat';
    font-weight: 600;
}


h6 {
    font-family: 'Montserrat';
    font-weight: 700;
}

h2 {
    font-family: 'Montserrat';
    font-weight: 500;
}

button {
    font-family: 'Montserrat';
    font-weight: 700;
}



header {
    width: 100%;
 
}

nav {
    background-color: white;
    padding-bottom: 20px;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

nav ul {
    display: flex;
    align-items: center;
    gap: 50px;

}

nav ul li a {
    display: inline-block;
    color: black;
    transition: 0.3s;
}

nav ul li a:hover {
    color: rgba(0, 0, 0, 0.562);
    transform: scale(1.1);
}

.redes-sociaiss {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    gap: 15px;
}

.redes-sociaiss img {
    width: 22px;
    cursor: pointer;
}


.redes-sociais {
    display: flex;
    align-items: center;
    gap: 15px;

}

.redes-sociais img {
    width: 22px;
    cursor: pointer;
}

/* main */
.imgfundo {
    display: flex;
    justify-content: center;
}

.imgfundo img {
    max-height:825px ;
    height:100%;
    width: 100%;
    box-shadow: rgba(29, 29, 29, 0.17) 0px -23px 25px 0px inset, rgba(59, 51, 51, 0.15) 0px -36px 30px 0px inset, rgba(68, 49, 49, 0.1) 0px -79px 40px 0px inset, rgba(70, 57, 57, 0.06) 0px 2px 1px, rgba(26, 25, 25, 0.09) 0px 4px 2px, rgba(236, 15, 15, 0) 0px 8px 4px, rgba(241, 7, 7, 0) 20px 0px 8px, rgb(255 0 0 / 20%) -20px 19px 16px;
    max-width: 1700px;
}



/* SECTION 1 */
.img-esquerda img {
    width: 300px;

}

.container-section-1 {
    gap: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.texto-lado h4 {
    color: gray;
    padding-bottom: 10px;

}




.redes-quality {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
}

.quality-redes h3 {
    color: #972c36;
    font-size: 25px;
    margin-right: 30px;

}

.quality-redes img {
    display: flex;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
    width: 18px;
}

.texto-lado h6 {
    color: gray;
    padding-bottom: 20px;
}

.texto-lado p {
    font-size: 20px;
}

/* SECTION 2 */
section {
    margin-bottom: 100px;
}

.container-section-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px;

}



.cards h1 {
    color: #972c36;
    font-size: 20px;
    width: 290px;
    text-align: center;


}

.cards {
    text-align: center;
}

.cards2 {
    margin-bottom:30px ;
}

.cards3 {
    height: 275px;
}




.cards img {
    padding-bottom: 30px;
    width: 120px;
}

.cards p {
    padding-top: 20px;
}


.container-section-3 {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    flex-wrap: wrap;
   
}



.galeria img {
    width: 300px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(255, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    transition: 0.3s;
    cursor: pointer;
}

.galeria img:hover {
    opacity: 0.9;
}






.letras {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding-bottom: 100px;
}

.letras h1 {
    color: #972c36;
}


.galeria2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.galeria2 img {
    transition: 0.3s;
    cursor: pointer;
    width: 210px;
    border: 3px solid rgba(235, 47, 47, 0.363);
    border-radius: 150px;
}

.galeria2 img:hover {
    opacity: 0.9;
}

.borda-meio {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    margin: 0 auto;
    padding-top: 50px;
    border-bottom: 3px solid red;
}

.img-esquerdaa img{
    width: 600px;
}
.container-section-5 {
    display: flex;
    align-items: center;
    gap: 70px;
    justify-content: center;
}

.letras-direita {
    text-align: center;
}

button {
    border: none;
    color: white;
    background-color: #972c36;
    border-radius: 50px;
    padding: 7px 50px;
    cursor: pointer;
    transition: 0.3s;
}

button:hover {
    background-color: rgb(128, 20, 20);
    color: black;
}



.letras-direita h1{
    font-size: 40px;
    padding-bottom: 15px;
    color: #972c36;
}

.letras-direita h2 {
    font-size: 19px;
    padding-bottom: 20px;
}

.letras-direita h3 {
    font-size: 25px;
    padding-top: 5px;
    padding-bottom: 20px;
}

.container-footer {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.container-footer h1 {
    font-size: 15px;
}

/* Estilização do botão flutuante do WhatsApp */
.btn-contato-whatsapp {
    position: fixed;
    width: 54px;
    height: 53px;
    bottom: 33px;
    right: 29px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 44px;
    box-shadow: 1px 1px 2px #888;
    z-index: 99999999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    text-decoration: none;
}

/* Ícone do WhatsApp */
.nav__icon-contato-whats {
    font-size: 30px;
    color: white;
}

/* Efeito Hover */
.btn-contato-whatsapp:hover {
    background-color: #128C7E;
    transform: scale(1.05);
}