/* BANNER */

.banner-page {
    background: var(--Atai-Inst---Verde-Verde-Main, #024638);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    display: flex;
    width: 100%;
    justify-content: center;
    height: 400px;
}

.content-banner {
    width: 100%;
    max-width: 1300px;
    display: flex;
    justify-content: flex-start;
    padding: 0 20px;
}

.content-banner button {
    display: inline-flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--Atai-Inst---White-White-Main, #FFF);
    margin-top: 40px;
    color: var(--Atai-Inst---White-White-Main, #FFF);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 100% */
    letter-spacing: 0.64px;
    text-transform: uppercase;
    width: fit-content;
}

.breadcrumb {
    color: var(--Atai-Inst---Verde-Verde-100, #3B7468);
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    /* 107.692% */
}

.titulo-banner {
    display: flex;
    flex-direction: column;
    padding: 32px 0;
    gap: 6px;
    width: 40%;
}

.titulo-banner h1 {
    color: var(--Atai-Inst---White-White-Main, #FFF);
    font-family: "Janson Text LT Std";
    font-size: 40px;
    font-style: italic;
    font-weight: 700;
    line-height: 48px;
    /* 120% */
    margin-top: 70px;
}

.titulo-banner p {
    color: var(--Atai-Inst---White-White-Main, #FFF);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.64px;
}

.imagem-banner {
    width: 70%;
    height: 382px;
}

.simbolo-ataia {
    display: flex;
    align-items: flex-end;
}


/* FORMULÁRIO DE CONTATO */

form {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.form-contato {
    display: flex;
    gap: 50px;
    width: 100%;
}

.container-form {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0;
    gap: 40px;
}

.imagem-bg-esquerda,
.imagem-bg-direita {
    width: 33%;
}

.imagem-bg-esquerda img,
.imagem-bg-direita img {
    height: 700px;
}

.container-form h2 {
    color: var(--Atai-Inst---Verde-Verde-Main, #024638);
    text-align: center;
    font-family: "Janson Text LT Std";
    font-size: 50px;
    font-style: italic;
    font-weight: 700;
    line-height: 62px;
    margin: 0 auto;
    text-align: center;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group input,
.form-group textarea {
    border: none;
    border-bottom: 1px solid var(--Atai-Inst---Terra-Terra-Main, #B58150);
    padding: 0px 0px 5px 0px;
}

.form-group input:focus {
    outline-style: none;
}

.form-group label {
    color: var(--Atai-Inst---Terra-Terra-Main, #B58150);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 100% */
    letter-spacing: 0.64px;
    text-transform: uppercase;
}

.form-group:has(#telefone),
.form-group:has(#email) {
    width: 50%;
}

.form-group-contacts {
    display: flex;
    gap: 16px;
}

.form-group--checkbox {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    margin-top: -20px;
}

.form-group--checkbox input[type="checkbox"] {
    flex-shrink: 0;
    margin-top: -2px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.form-group--checkbox label {
    cursor: pointer;
    margin: 0;
}

.form-group--checkbox label {
    color: var(--Atai-Inst---White-White-700, #4A4A4A);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.48px;
    text-transform: uppercase;
}

.destaque-aceite {
    color: var(--Atai-Inst---Terra-Terra-Main, #B58150);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.48px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
}

.form-group--checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 21px;
    height: 21px;
    border: 1px solid #B58150;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    background-color: white;
    transition: all 0.3s ease;
    flex-shrink: 0;
    margin-top: -2px;
}

.form-group--checkbox input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M8.82233 13.4073L5.91033 10.4953C5.80067 10.3864 5.6665 10.3281 5.50783 10.3203C5.34917 10.3126 5.208 10.3709 5.08433 10.4953C4.96067 10.6198 4.89844 10.7574 4.89767 10.9083C4.89689 11.0592 4.95911 11.1969 5.08433 11.3213L8.162 14.399C8.35022 14.588 8.56994 14.6825 8.82117 14.6825C9.07239 14.6825 9.2925 14.588 9.4815 14.399L15.8713 8.01033C15.9802 7.90067 16.0386 7.7665 16.0463 7.60783C16.0541 7.44917 15.9958 7.308 15.8713 7.18433C15.7469 7.06067 15.6092 6.99844 15.4583 6.99767C15.3074 6.99689 15.1698 7.05911 15.0453 7.18433L8.82233 13.4073ZM10.5035 21C9.05217 21 7.68717 20.7247 6.4085 20.174C5.13061 19.6226 4.01878 18.8743 3.073 17.9293C2.12722 16.9843 1.37861 15.8737 0.827167 14.5973C0.275722 13.321 0 11.9564 0 10.5035C0 9.05061 0.275722 7.68561 0.827167 6.4085C1.37783 5.13061 2.12489 4.01878 3.06833 3.073C4.01178 2.12722 5.12283 1.37861 6.4015 0.827167C7.68017 0.275722 9.04517 0 10.4965 0C11.9478 0 13.3128 0.275722 14.5915 0.827167C15.8694 1.37783 16.9812 2.12528 17.927 3.0695C18.8728 4.01372 19.6214 5.12478 20.1728 6.40267C20.7243 7.68056 21 9.04517 21 10.4965C21 11.9478 20.7247 13.3128 20.174 14.5915C19.6233 15.8702 18.8751 16.982 17.9293 17.927C16.9836 18.872 15.8729 19.6206 14.5973 20.1728C13.3218 20.7251 11.9572 21.0008 10.5035 21ZM10.5 19.8333C13.1056 19.8333 15.3125 18.9292 17.1208 17.1208C18.9292 15.3125 19.8333 13.1056 19.8333 10.5C19.8333 7.89444 18.9292 5.6875 17.1208 3.87917C15.3125 2.07083 13.1056 1.16667 10.5 1.16667C7.89444 1.16667 5.6875 2.07083 3.87917 3.87917C2.07083 5.6875 1.16667 7.89444 1.16667 10.5C1.16667 13.1056 2.07083 15.3125 3.87917 17.1208C5.6875 18.9292 7.89444 19.8333 10.5 19.8333Z' fill='%23B58150'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

.form-group--checkbox input[type="checkbox"]:hover {
    box-shadow: 0 2px 8px rgba(181, 129, 80, 0.2);
}

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.button button {
    display: flex;
    width: 100%;
    max-width: 312px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--Atai-Inst---Terra-Terra-Main, #B58150);
    color: var(--Atai-Inst---White-White-Main, #FFF);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 100% */
    letter-spacing: 0.64px;
    text-transform: uppercase;
}

/* FOOTER CONTATOS */

.footer-contato {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1286px;
    padding: 120px 20px;
    margin: auto;
    gap: 70px;
}

.estande-contatos,
.especialista,
.downloads-contatos,
.redes-sociais-contatos {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.especialista,
.redes-sociais-contatos {
    width: 35%;
}

.footer-contato h2 {
    color: var(--Atai-Inst---Verde-Verde-Main, #024638);
    font-family: "Janson Text LT Std";
    text-align: left;
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    line-height: 32px;
    /* 133.333% */
}

.texto-estande,
.email-contatos,
.whatsapp-contatos,
.apresentacao,
.mapa,
.agenda,
.icon-social-contatos {
    display: flex;
    align-items: center;
    gap: 20px;
}

a {
    color: #0d0d0d;
}

/* RESPONSIVE */

@media (max-width: 1024px) {

    /* BANNER */
    .banner-page {
        background-position: center;
        background-size: cover;
        height: auto;
        padding: 60px 20px;
        flex-direction: column;
    }

    .content-banner {
        width: 100%;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .titulo-banner {
        width: 100%;
        padding: 0;
        align-items: center;
    }

    .titulo-banner h1 {
        font-size: 32px;
        line-height: 1.2;
        margin-top: 20px;
    }

    .simbolo-ataia {
        margin-top: 40px;
        width: 100%;
        justify-content: center;
    }

    .simbolo-ataia img {
        max-width: 150px;
    }

    /* FORMULÁRIO */
    .form-contato {
        flex-direction: column;
        gap: 0;
    }

    .imagem-bg-esquerda,
    .imagem-bg-direita {
        width: 100%;
        height: 200px;
        overflow: hidden;
    }

    .imagem-bg-esquerda img,
    .imagem-bg-direita img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .container-form {
        width: 100%;
        padding: 40px 20px;
    }

    .container-form h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    form {
        width: 100%;
    }

    .form-group:has(#telefone),
    .form-group:has(#email) {
        width: 100%;
    }

    .form-group-contacts {
        flex-direction: column;
    }

    /* FOOTER CONTATO */
    .footer-contato {
        width: 100%;
        flex-direction: column;
        padding: 60px 20px;
        gap: 40px;
    }

    .especialista,
    .redes-sociais-contatos {
        width: 100%;
    }
}