/* FLASH — faixa de contato do rodapé.
   Fica dentro do <footer> do React, como último filho. Cores em rgba sobre
   o fundo herdado: assim ela funciona igual no rodapé escuro da home e em
   qualquer variação de tom das páginas internas, sem fixar um hex. */
#flash-contatos{width:100%;margin-top:28px;padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12)}
#flash-contatos .fct__in{display:flex;flex-wrap:wrap;gap:14px 40px;
  align-items:flex-start;
  font:14px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
#flash-contatos .fct__item{display:flex;flex-direction:column;gap:3px;
  text-decoration:none;color:inherit;
  padding:4px 0;min-height:44px;justify-content:center}
#flash-contatos .fct__rot{font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  opacity:.55}
#flash-contatos .fct__val{font-size:15px;font-weight:600;
  border-bottom:1px solid transparent;transition:border-color .15s,opacity .15s}
#flash-contatos .fct__item:hover .fct__val{border-bottom-color:currentColor}
#flash-contatos .fct__item:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}

/* No celular cada contato ocupa a linha inteira: alvo de toque grande, que é
   justamente onde um telefone clicável tem mais valor. */
@media (max-width:640px){
  #flash-contatos{margin-top:22px;padding-top:18px}
  #flash-contatos .fct__in{gap:16px}
  #flash-contatos .fct__item{width:100%}
}