/* =====================================================================
   Portfólio · Lista de contatos em linha (topo da página)
   ===================================================================== */

.contatos {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem 1.4rem;
}
.contatos a,
.contatos-local {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--texto);
    text-decoration: none;
    font-size: .95rem;
    padding: .25rem 0;
    border-bottom: 1px solid transparent;
    transition: color .2s, border-color .2s;
    overflow-wrap: anywhere;
}
.contatos a:hover { color: var(--branco); border-bottom-color: var(--vermelho); }
.contatos .icone { color: var(--vermelho); }
.contatos-local { color: var(--branco); font-weight: 600; }