/* =========================================================
   CONTATO — apenas layout/posicionamento específico desta página.
   Estilos de form, inputs, botões e título estão no config.css (padrão global).
   ========================================================= */

#contato{width:100%;height:auto;position:relative;text-align:left;padding-bottom:40px;}
#contato .formulario{width:100%;display:block;text-align:left;padding:6px 0 10px;}

/* Card "Meus Contatos" (telefone / whatsapp / e-mail) */
.meus_contatos{width:100%;height:auto;position:relative;padding:0 0 28px;}
.meus_contatos ol{display:flex;flex-wrap:wrap;gap:10px;width:100%;text-align:left;list-style:none;}
.meus_contatos ol a{display:inline-block;color:inherit;}
.meus_contatos ol li{min-width:180px;padding:16px 22px;border:1px solid var(--sj-cinza-borda);border-radius:12px;background:#fff;transition:var(--sj-trans);}
.meus_contatos ol li:hover{background:#eef5fb;border-color:var(--sj-azul-suave);transform:translateY(-2px);box-shadow:var(--shadow);}
.meus_contatos ol li .top{display:block;padding:0 0 6px;font-family:var(--fonte-padrao);color:var(--sj-azul);font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;font-weight:800;}
.meus_contatos ol li p{display:flex;align-items:center;gap:10px;font-family:var(--fonte-padrao);color:var(--sj-titulo);font-size:14px;line-height:1.4;font-weight:600;}
.meus_contatos ol li p i{color:var(--sj-azul);font-size:14px;}
.meus_contatos ol li p i.fa-whatsapp{color:#25d366;}

/* iframe do mapa (localizacao) */
section iframe{width:100%;height:450px;position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--sj-cinza-borda);margin:8px 0 40px;}

/* Bloco de localizações múltiplas (.locais) */
.locais{display:block;width:100%;padding:24px 0 0;}
.locais ul{display:flex;flex-wrap:wrap;gap:24px;width:100%;list-style:none;}
.locais ul li{flex:1 1 280px;padding:18px 22px;border:1px solid var(--sj-cinza-borda);border-radius:12px;background:#fff;font-size:14px;line-height:1.55;color:var(--sj-texto);transition:var(--sj-trans);}
.locais ul li span{display:block;font-size:13px;color:var(--sj-azul);font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;}
.locais ul li span i{color:var(--sj-azul);font-size:14px;margin-right:6px;}
.locais ul li:hover{background:#eef5fb;border-color:var(--sj-azul-suave);}

@media (max-width:670px){
    #contato{padding-bottom:24px;}
    .meus_contatos ol{flex-direction:column;}
    .meus_contatos ol li{width:100%;}
    section iframe{height:320px;}
    .locais ul{flex-direction:column;gap:14px;}
}