/* =========================================================================
   Marca PlusInvest — tema claro.

   Valores retirados do guia de identidade (sites/marca/plusinvest.html).
   O ciano #00CCED tem apenas 1,93:1 sobre branco — nao serve como texto em
   fundo claro. Por isso, no tema claro o ciano aparece como FORMA (botoes,
   barras da capa, acentos) e o texto de marca usa #007A8E (4,96:1 sobre
   branco), como o guia recomenda. O grafite #2B2B2B da marca vira a cor de
   texto e o fundo do rodape e da faixa institucional.
   ========================================================================= */

:root {
  /* --- superficies --- */
  --bg: #FFFFFF;
  --bg-alt: #F2F7F9;
  --surface: #FFFFFF;
  --line: #DFE6EA;

  /* --- texto (grafite da marca como tinta) --- */
  --ink: #2B2B2B;           /* 13,4:1 sobre branco */
  --ink-2: #4C5559;
  --ink-3: #5B6468;

  /* --- marca --- */
  --brand: #00CCED;
  --brand-hover: #00B7D6;
  --brand-text: #007A8E;    /* ciano "de texto" do guia: 4,96:1 sobre branco */
  --on-brand: #062B32;      /* texto escuro sobre o ciano cheio: 7,76:1 */
  --accent: #00CCED;

  /* --- cabecalho --- */
  --header-bg: rgba(255, 255, 255, .92);
  --header-line: #DFE6EA;

  /* --- faixa institucional: grafite da marca, onde o ciano rende 7,32:1 --- */
  --band-bg: #2B2B2B;
  --band-ink: #C9CDD1;
  --band-title: #FFFFFF;
  --band-accent: #00CCED;
  --btn-light-bg: #00CCED;
  --btn-light-ink: #062B32;

  /* --- etiqueta --- */
  --tag-bg: #D9F5FB;
  --tag-ink: #00525F;

  /* --- rodape: escuro como assinatura da marca --- */
  --footer-bg: #1A1A1A;
  --footer-ink: #A2A8B0;
  --footer-title: #FFFFFF;
  --footer-line: rgba(255, 255, 255, .1);

  /* --- capa --- */
  --hero-bg:
    radial-gradient(900px 420px at 78% -10%, rgba(0, 204, 237, .10), transparent 62%),
    #FFFFFF;

  /* --- tipografia (guia: grotesca geometrica, PLUS extrabold) --- */
  --font: "Montserrat", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --peso-titulo: 800;
  --peso-forte: 600;
}

/* O menu mobile abre sobre fundo claro. */
@media (max-width: 780px) {
  .nav { background: var(--bg); }
}

/* Capa sem arte: so a frase, o apoio e os botoes (decisao de 24/08). */

/* Frase de capa mais larga: quebra em 2 linhas, nao em 3. */
.frase-capa { max-width: 28ch; }