/* =============================================================
   FALE CONOSCO (fale-conosco.php DO SITE ANTIGO, TEMA QUARTER): CARTÕES ltn__contact-address-item-3, CAIXA
   contact-form-box E O MAPA .google-map. OS ÍCONES DOS CAMPOS (FONT AWESOME DE LÁ) VIRAM SVG EM MÁSCARA.
   ============================================================= */
.fc-contatos,
.fc-mensagem {
    color: var(--cor-paragrafo);
    font-size: 16px;
    line-height: 1.8;
}

/* row / col-lg-4 / col-md-6 DO BOOTSTRAP */
.fc-linha {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.fc-terco,
.fc-metade {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
}

/* CARTÕES: 90PX ATÉ A CAIXA DO FORMULÁRIO (mb-90) */
.fc-contatos {
    margin-bottom: 90px;
}

.fc-cartao {
    margin-bottom: 30px;
    padding: 50px 30px 25px;
    border: 2px solid #ededed;
    text-align: center;
}

.fc-cartao__icone {
    margin-bottom: 35px;
}

.fc-cartao__icone img {
    max-width: 80px;
    height: auto;
    vertical-align: middle;
}

.fc-cartao__titulo {
    margin: 0 0 15px;
    color: var(--cor-titulo);
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}

/* TÍTULO COM 1REM A MAIS EM CIMA (mt-3, NA PROPOSTA DE CONDOMÍNIO) */
.fc-cartao__titulo--acima {
    margin-top: 1rem;
}

.fc-cartao p {
    margin: 0 0 1.5em;
    color: var(--cor-paragrafo);
}

/* CAIXA DO FORMULÁRIO: SOMBRA FINA, FUNDO BRANCO E 100PX POR CIMA DO MAPA (mb--100) */
.fc-mensagem {
    position: relative;
    z-index: 1;
    margin-bottom: -100px;
}

/* NA PROPOSTA DE CONDOMÍNIO A CAIXA VEM ANTES DOS CARTÕES, COM 120PX ATÉ ELES (mb-120) */
.fc-mensagem--antes {
    margin-bottom: 120px;
}

.fc-caixa {
    position: relative;
    z-index: 1;
    padding: 40px 50px 50px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
}

/* TÍTULO COM A BARRA VERMELHA (title-2) */
.fc-caixa__titulo {
    margin: 0 0 30px;
    padding-left: 10px;
    border-left: 2px solid var(--cor-site-1);
    color: var(--cor-titulo);
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

/* CAMPOS: 65PX DE ALTURA, BORDA DE 2PX E 30PX ENTRE ELES; NO FOCO A BORDA FICA DE 1PX VERMELHA, COMO LÁ */
.fc-campo {
    position: relative;
}

.fc-input,
.fc-select {
    display: block;
    width: 100%;
    height: 65px;
    margin: 0 0 30px;
    padding: 0 40px 0 20px;
    background: #fff;
    border: 2px solid #e4ecf2;
    border-radius: 0;
    box-shadow: none;
    color: var(--cor-paragrafo);
    font-family: var(--fonte);
    font-size: 16px;
}

.fc-input:focus {
    border: 1px solid var(--cor-site-1);
    outline: none;
}

.fc-input::placeholder {
    color: #8cb2b2;
    font-size: 14px;
    opacity: 1;
}

.fc-input--texto {
    min-height: 150px;
    padding: 15px 20px;
    resize: vertical;
}

.fc-input--texto::placeholder {
    color: var(--cor-paragrafo);
}

/* "TIPO DE CONTATO" (nice-select): BORDA MAIS CLARA, TEXTO EM NEGRITO DE 14PX E A SETA PARA BAIXO */
.fc-select {
    padding: 0 30px 0 18px;
    border-color: #e5eaee;
    font-size: 14px;
    font-weight: 700;
    line-height: 60px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.fc-select:focus {
    outline: none;
}

/* ÍCONE VERMELHO À DIREITA DE CADA CAMPO (A 35% DOS 95PX DO CAMPO + MARGEM, COMO LÁ; NA MENSAGEM A 30PX DO TOPO) */
.fc-campo::before {
    content: "";
    position: absolute;
    top: 33.25px;
    right: 20px;
    z-index: 1;
    width: 1em;
    height: 1em;
    background: var(--cor-site-1);
    transform: translateY(-50%);
    pointer-events: none;
    -webkit-mask: var(--icone) center / contain no-repeat;
    mask: var(--icone) center / contain no-repeat;
}

.fc-campo--nome::before {
    width: .875em;
    --icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z'/%3E%3C/svg%3E");
}

.fc-campo--email::before {
    --icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E");
}

.fc-campo--telefone::before {
    --icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");
}

.fc-campo--tipo::before {
    top: 32.5px;
    width: .75em;
    font-size: 14px;
    --icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
}

.fc-campo--mensagem::before {
    top: 30px;
    --icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1v32c0 8.8 7.2 16 16 16h32zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z'/%3E%3C/svg%3E");
}

/* BOTÃO VERDE (btn btn-success text-uppercase), 30PX ABAIXO DA MENSAGEM; O <p> DE AVISO VAZIO DE LÁ DAVA +20PX */
.fc-botao-caixa {
    margin: 30px 0 20px;
}

.fc-botao {
    display: inline-block;
    padding: 17px 40px;
    background: #198754;
    border: 1px solid #198754;
    border-radius: 0;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s ease 0s;
}

.fc-botao:hover {
    background: #157347;
    border-color: #146c43;
}

/* CAMPO-ARMADILHA CONTRA ROBÔ: FORA DA TELA */
.form-lead__armadilha {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* AVISO DO ENVIO SEM JAVASCRIPT (pages/partials/aviso-envio.php); COM JAVASCRIPT O RESULTADO SAI NA JANELINHA. */
.fc-mensagem .aviso {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 14px;
}

.fc-mensagem .aviso--ok { background: #e9f7ef; color: #1e7e46; }
.fc-mensagem .aviso--erro { background: #fdecec; color: #b42318; }

/* MAPA DE 800PX, COM A CAIXA DO FORMULÁRIO 100PX POR CIMA */
.fc-mapa {
    height: 800px;
}

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

@media (min-width: 768px) {
    .fc-metade {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .fc-terco {
        flex-basis: 33.333333%;
        max-width: 33.333333%;
    }
}

/* TÍTULOS E TEXTO MENORES NAS TELAS MENORES (responsive.css DE LÁ) */
@media (min-width: 992px) and (max-width: 1199px) {
    .fc-cartao__titulo {
        font-size: 22px;
    }
}

@media (max-width: 991px) {
    .fc-contatos,
    .fc-mensagem {
        font-size: 14px;
    }

    .fc-cartao__titulo {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .fc-cartao__titulo {
        font-size: 18px;
    }

    .fc-caixa {
        padding: 40px 25px 50px;
    }
}