/* A PAGINA PUBLICA DOS FORNECEDORES (2026-10-15). Sem nada de fora: as letras do sistema, as cores do
   logotipo da OMIP SA (o verde e o preto institucional) e os cinzentos do admin. Duas colunas a partir de
   760 px, uma no telemovel; nada sai da caixa a 390 px. */

:root {
  --escuro: #13100d;
  --cinza: #5c5c5c;
  --linha: #d9d9d9;
  --verde: #5f8f00;
  --verde-claro: #ebf5d9;
  --fundo: #f7f7f5;
  --branco: #ffffff;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--fundo);
  color: var(--escuro);
  font: 16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  overflow-wrap: break-word;
}

.caixa { max-width: 60rem; margin: 0 auto; padding: 24px 16px 40px; }

.cabecalho { display: flex; align-items: center; gap: 16px; padding: 0 0 20px; border-bottom: 3px solid var(--verde); }
.cabecalho img { display: block; height: 44px; width: auto; }

.ensaio {
  margin: 20px 0 0;
  padding: 12px 16px;
  border: 1px solid #c9a227;
  border-radius: 8px;
  background: #fff8dc;
}

.linguas { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin: 24px 0 0; }
@media (min-width: 760px) { .linguas { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }

.lingua { background: var(--branco); border: 1px solid var(--linha); border-radius: 12px; padding: 20px 20px 24px; }
.lingua h1 { margin: 0; font-size: 1.5rem; line-height: 1.25; }
.lingua h2 { margin: 24px 0 8px; font-size: 1.05rem; }
.lingua p, .lingua ol { margin: 12px 0 0; }
.lingua ol { padding-left: 1.25rem; }
.lingua li { margin: 0 0 10px; }

.descarregar {
  display: inline-block;
  margin: 16px 0 0;
  padding: 10px 16px;
  border-radius: 8px;
  background: var(--verde);
  color: var(--branco);
  font-weight: 600;
  text-decoration: none;
}
.descarregar:hover, .descarregar:focus-visible { background: #4c7300; }
.descarregar:focus-visible { outline: 3px solid var(--escuro); outline-offset: 2px; }

a { color: var(--verde); }
a:focus-visible { outline: 3px solid var(--escuro); outline-offset: 2px; }

.caixa-de-correio { font-weight: 600; overflow-wrap: anywhere; }

.dados { margin: 20px 0 0; padding: 12px 14px; border-radius: 8px; background: var(--verde-claro); font-size: 0.95rem; }

.rodape { margin: 28px 0 0; color: var(--cinza); font-size: 0.875rem; }