* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root {
    font-size: 62.5%;

    --color-dourado-gradiente: linear-gradient(90deg, rgb(161, 124, 85) -40%, rgb(209, 176, 114) 120%);
    --color-azul-amarelo-gradiente: linear-gradient(90deg, rgba(72, 118, 135, 1), rgba(255, 209, 2, 1));
    --color-azul-gradiente: linear-gradient(90deg, rgb(101, 138, 148, 1), rgb(52, 93, 104, 1));
    
    
    --color-azul-100: #677995;
    --color-azul-300: #314D7A;
    --color-azul-400: #233B61;
    --color-bege-claro: #e9e2d6;
    --color-dourado-100: #E3CAAE;
    --color-dourado-200: #D8B188;
    --color-dourado-300: #C1986C;
    --color-dourado-400: #A17C55;
    --color-amarelo-claro: rgba(231, 207, 163, 0.1);
    --color-white: #fff;
    

    --text-font: "quiche-sans", sans-serif;
    --button-font: "proxima-nova",sans-serif;
}

html,
body {
    font-size: 1.6rem;
    scroll-behavior: smooth;
    overflow-x: hidden;
    font-family: var(--text-font);
    background: #efeadf;
    color: var(--color-azul-400);
}

a {
    cursor: pointer;
    text-decoration: none;
    color: unset;
}

ul li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-azul-principal);
    font-family: var(--text-font);
}

span, p, li {
    font-family: var(--text-font);
}

button {
    font-family: var(--button-font) !important;
}

@media only screen and (min-width: 1200px) {
    .fs-1 {
        font-size: 4.5rem !important;
    }

    .fs-2 {
        font-size: 4rem !important;
    }

    .fs-3 {
        font-size: 2.5rem !important;
    }

    .fs-4 {
        font-size: 2rem !important;
    }

    .fs-5 {
        font-size: 1.8rem !important;
    }

    .fs-6 {
        font-size: 1.6rem !important;
    }

    .form-control-lg, .form-select-lg {
        height: 4rem !important;
        font-size: 1.5rem !important; 
    }
}

@media only screen and (max-width: 576px) {
    .fs-1 {
        font-size: 4.5rem !important;
    }

    .fs-2 {
        font-size: 4rem !important;
    }

    .fs-3 {
        font-size: 2.5rem !important;
    }

    .fs-4 {
        font-size: 2rem !important;
    }

    .fs-5 {
        font-size: 1.8rem !important;
    }

    .fs-6 {
        font-size: 1.6rem !important;
    }

}

/* HEADER */
header {
    color: var(--color-white);
}

.module-contact-a{
    background: var(--color-dourado-gradiente);
    border-radius: 5px;
}

.module-contact .module-btn-img {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    
}

header .module-contact .module-btn-img img {
    background: #E8E4DF;
}

.module-contact .btn-contact {
    background: var(--color-verde-claro);
    color: var(--white-color);
    border: 0;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 1rem;
    font-weight: bold;
}


/* SECTION 01 */
#section-01 {
    background: url('../img/banner-h1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 576px) {
    #section-01 .s01-text-p p {
        background: var(--color-bege-claro);
    }
}

/* SECTION 03 */
#section-03 {
    background: url('../img/foto-02.png') var(--color-dourado-200);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}

@media only screen and (max-width: 576px) {
    #section-03 {
        background: var(--color-dourado-200);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

/* SECTION 04 */
#section-04 .module-contact-a{
    background: var(--color-azul-400);
    color: var(--color-dourado-100);
    border-radius: 5px;
}

/* SECTION 05 */
@media only screen and (max-width: 576px) {
    #section-05 .module-contact .btn-contact {
        padding: 0;
    }
}

/* SECTION 07 */
@media only screen and (max-width: 576px) {
    #section-07 .title-img img {
        width: 100% !important;
    }
}

/* SECTION 08 */
#section-08 .accordion-header button, 
#section-08 .accordion-body {
    color: var(--color-white);
}

#section-08 .accordion .accordion-item {
    background: var(--color-azul-100);
}

#section-08 .accordion .accordion-button {
    background: var(--color-azul-100);
}

#section-08 .accordion-item,
#section-08 .accordion-header,
#section-08 .accordion-button {
    border: 1px solid transparent;
    box-shadow: none !important;
}

/* FOOTER */
@media only screen and (max-width: 576px) {
    footer .s10-cta-text p {
        font-size: 1.6rem !important;
    }
}

/* Whatsapp */

.wpp-link::before {
    animation: pulse 2s infinite;
    transition: all 0.3s ease-in-out;
    background: rgba(37, 211, 102, 0.6);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    z-index: -1;
  }
  
.whats {
display: flex;
flex-direction: column;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 185;
}

.whats:hover{
transform: scale(1.3);
transition: 0.4s ease-in-out;
}

@keyframes pulse {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    }
    50% {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    }
    100% {
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
    }
}