.contato-page{
    --contato-verde: #41a538;
    --contato-verde-claro: #e8f6e2;
    --contato-preto: #222222;
    --contato-texto: #2a2a2a;
    color: var(--contato-texto);
    font-family: var(--font1);
}


.contato-intro{
    padding: 79px 0 65px;
    text-align: center;
}

.contato-eyebrow{
    display: block;    
    color: var(--verde-seg);
    margin-bottom: 12px;

    letter-spacing: 8.0702px;
    text-align: center;

    font: 600 18.22px montserrat;
}

.contato-intro h2{
    font: 800 36px / 46.09px montserrat;
    color: var(--preto);
}

.contato-grid{
    padding: 0 0 85px;
}

.contato-info {flex: 0 0 360px;}

.contato-grid .conteudo{
    display: flex;    
    gap: 36px;
    align-items: start;
    justify-content: space-between;
}

.contato-info h3{
    font: 800 36px / 46.08px montserrat;
    color: var(--preto);
    margin-bottom: 36px;
}

.contato-lista{
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: repeat(4,auto);
    grid-template-areas: 'a b' 'c c' 'd d' 'e e';
    gap: 13px 16px;
}

.contato-lista a.ft-tel {font: 400 17.85px montserrat; color: var(--cinza);}
.contato-lista a:hover {color: var(--verde);}
.contato-lista a {
    width: fit-content;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    align-items: center;    
    color: var(--cinza);
    font: 400 15px / 21.42px montserrat;
    transition: 0.4s;
}

.contato-icone svg {width: 16px; height: 16px;}
.contato-icone{
    width: 28px;
    height: 28px;
    background: var(--verde);
    border-radius: 5px;
    display: grid;
    place-content: center;
    place-items: center;

}
.contato-lista a.ft-local{
    align-items: flex-start;
}

.contato-instagram .contato-icone{
    background: #833ab4;
    background: linear-gradient(132deg, #613ab4, #fd1dc2, #fd1d46, #fcb345, #e8fc45);
}
.contato-instagram:hover {transform: scale(1.06);}
.contato-instagram{
    margin-top: 6px;
}

.contato-form {width: 100%; max-width: 686px;}
.contato-form form{
    margin-top: 4px;
    display: flex;
    flex-direction: row; 
    flex-wrap: wrap;
    /* grid-template-columns: 1fr 1fr; */
    gap: 18px 2.6%;
}

.contato-campo{
    display: block;
}

.contato-campo.full{
    grid-column: 1 / -1;
}

.contato-campo.nome-campo {width: 100%;}
.contato-campo.email-campo,.contato-campo.mensagem-campo {width: calc(100% - 304px - 3%);}
.contato-campo.telefone-campo, .contato-campo .contato-captcha {width: 304px;}

.contato-campo input,
.contato-campo textarea{    
    width: 100%;
    padding: 16px 20px 14px;    
    background: var(--verde-ter);
    border-radius: 10px;
    outline: none;
    color: var(--cinza);
    border: none;
    font: 400 13px montserrat;
    box-sizing: border-box;
}

.contato-campo textarea{
    height: 100%;
    resize: vertical;
}

.contato-captcha{
    display: flex;
    justify-content: flex-start;
}

.contato-captcha-box{
    width: fit-content;
}

.contato-campo.btn-campo {width: 100%}
.contato-campo button:hover {background: var(--verde);}
.contato-campo button{
    transition: 0.4s;
    text-align: center;
    width: 100%;
    padding: 12px 14px;
    border: 0;
    border-radius: 10px;
    background: var(--preto);
    color: var(--branco);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    cursor: pointer;
    font: 600 18.22px montserrat;
    height: 55px;
}

.contato-mapa{
    height: 316px;
    background: #dfeee6;
}

.contato-mapa iframe{
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (max-width: 1050px){
    .contato-campo.email-campo, .contato-campo.mensagem-campo {width: 100%;}
    .contato-campo textarea {height: 90px;}
    .contato-campo.telefone-campo {width: 100%;}
    .contato-campo.btn-campo {width: calc(100% - 304px - 3%);}
    .contato-campo button {height: 100%;}
}
@media (max-width: 990px){
    .contato-intro {padding: 25px 0 30px;}
    .contato-eyebrow {font-size: 14px; line-height: 18px; letter-spacing: 6.25px;}
    .contato-intro h2, .contato-info h3 {font-size: 24px; line-height: 32px;}
    .contato-grid {padding: 0 0 25px;}
    .contato-icone {min-width: 28px;}
}
@media (max-width: 940px){
    .contato-info {flex: 0 0 100%; width: 100%;}
    .contato-lista {grid-template-areas: 'a e'    'b b'    'c c'    'd d'; gap: 15px; grid-template-columns: 178.8px auto; margin: 0 0 15px;}
    .contato-instagram {margin-top: 0;}
    .contato-info h3 {margin: 0 0 15px;}
    .contato-info h3 br {display: none;}
    .contato-grid .conteudo {flex-direction: column; gap: 15px;}
    .contato-form {max-width: 100%;}
    .contato-lista a.ft-local br {display: none;}
}

@media (max-width: 500px){
    .contato-campo.btn-campo {width: 100%; height: 48px;}
    .contato-captcha {margin: 0 auto;}
}