/* ===========================================================================
   FALE CONOSCO (DEPOIS DO interna.css E DO formulario-blocos.css), NO DESENHO
   DO SITE ANTIGO: MAPA COM O FORMULÁRIO POR CIMA E OS CONTATOS EMBAIXO.
   =========================================================================== */

@media (max-width: 481px) {
    .contato__titulo { font-size: 25px; }
}

.contato__mapa {
    width: 100%;
}

.contato__mapa iframe {
    border: 0;
}

/* O FORMULÁRIO FICA 200px ABAIXO DO TOPO DA SEÇÃO, POR CIMA DO MAPA. */
.contato__faixa-form {
    position: absolute;
    top: 200px;
    width: 100%;
}

.contato__coluna-form {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .contato__coluna-form { float: left; width: 50%; margin-left: 50%; }
}

@media (min-width: 992px) {
    .contato__coluna-form { width: 33.33333333%; margin-left: 66.66666667%; }
}

.contato__form {
    padding: 25px;
    background-color: #fff;
}

.contato__form-titulo {
    margin: 20px 0 10px;
    font-family: inherit;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
}

.contato__form .grupo {
    margin-bottom: 15px;
}

.contato__form .campo-texto {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.contato__form .campo-texto:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.contato__enviar {
    display: inline-block;
    margin: 0;
    padding: 11px 55px;
    border: 0;
    border-radius: 4px;
    background-color: #2e3e49;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
}

.contato__enviar:hover {
    background-color: #256c4a;
}

@media (max-width: 991px) {
    .contato__enviar { padding-top: 15px; padding-bottom: 15px; }
}

/* ---- ENDEREÇO, TELEFONES E E-MAIL --------------------------------------------------- */

.contato__dado {
    position: relative;
    min-height: 1px;
    margin-top: 60px;
    padding: 18px 15px;
    border-left: 1px solid #e3e3e3;
    text-align: center;
}

@media (min-width: 768px) {
    .contato__dado { float: left; width: 33.33333333%; }
}

@media (max-width: 481px) {
    .contato__dado { margin-top: 30px; }
}

.contato__icone {
    display: inline-block;
    width: 66px;
    margin: 0 0 15px;
    padding-bottom: 20px;
    border-bottom: 2px solid #2e3e49;
    color: #2e3e49;
    font-size: 30px;
    line-height: 1;
}

.contato__texto {
    display: block;
    margin-bottom: 20px;
    color: #727272;
    font-size: 18px;
    font-weight: 300;
}