/* COPIA de packages/brand/marca-2026-10.css, que es la fuente. La web es estática y no puede
   leer packages/: si la fuente cambia, se vuelve a copiar entera. */

/* Marca Bandada HC · octubre 2026
   Fuente única de colores, letra y formas de la marca nueva, elegida el 5-oct-2026.
   La guía visual está en design/marca/refresh-2026-10/GUIA_MARCA_2026-10.html.
   Convive con marca-2026.css y tokens.css mientras las superficies viejas se migran:
   las encuestas ya cerradas no se migran nunca. */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,700;1,800&display=swap');

:root{
  /* base: el fondo y la tinta mandan */
  --bm-fondo:#fbfaf7;
  --bm-blanco:#ffffff;
  --bm-tinta:#15171a;
  --bm-gris:#5c6066;            /* texto secundario: 6,1 sobre el fondo */
  --bm-filete:rgba(21,23,26,.14);

  /* acento principal */
  --bm-turquesa:#2ec4c9;        /* solo como relleno, con tinta encima: 8,4 */
  --bm-turquesa-hondo:#007a80;  /* turquesa para texto y enlaces: 4,9 sobre el fondo */
  --bm-turquesa-claro:#e3f6f6;  /* campo claro */

  /* amarillo: desde el 6-oct-2026 ya no destaca palabras (eso lo hace la
     cursiva turquesa). Queda para datos y avisos puntuales */
  --bm-amarillo:#ffc94a;        /* con tinta encima: 11,7. Nunca como texto */

  /* secundarios: gráficos y datos, no adornos */
  --bm-morado:#7b5cfa;
  --bm-morado-hondo:#5b3fd6;    /* morado para texto o con blanco encima: 6,4 */
  --bm-verde:#3ccb7f;
  --bm-verde-hondo:#14804a;     /* verde para texto: 4,8 */

  /* letra: una sola familia */
  --bm-letra:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* formas: esquinas rectas en todo */
  --bm-radio:0;
  --bm-contenedor:1640px;
  --bm-margen:clamp(16px,4vw,72px);
}

/* Componentes mínimos. Todo lo demás se arma con filetes y espacio. */
.bm-boton{display:inline-block;font-family:var(--bm-letra);font-weight:700;font-size:16px;line-height:1;
  padding:16px 26px;border-radius:0;text-decoration:none;background:var(--bm-tinta);color:var(--bm-blanco);
  border:2px solid var(--bm-tinta)}
.bm-boton:hover{background:var(--bm-turquesa);color:var(--bm-tinta);border-color:var(--bm-turquesa)}
.bm-boton--acento{background:var(--bm-turquesa);color:var(--bm-tinta);border-color:var(--bm-turquesa)}
.bm-boton--acento:hover{background:var(--bm-tinta);color:var(--bm-blanco);border-color:var(--bm-tinta)}
.bm-enlace{font-weight:700;color:var(--bm-turquesa-hondo);text-decoration:none;border-bottom:2px solid currentColor}
/* Destacado: de una a tres palabras de un titular, en turquesa y cursiva.
   Sobre tinta va en turquesa vivo con .bm-marcador--claro. Reemplazó al
   marcador amarillo el 6-oct-2026 (opción G de DESTACADOS.html). */
.bm-marcador{color:var(--bm-turquesa-hondo);font-style:italic;letter-spacing:-.03em}
.bm-marcador--claro{color:var(--bm-turquesa)}
/* Rótulo: nombra un dato o una fila de datos. Nunca va sobre un titular
   como título chico (decisión de Ester, 6-oct-2026). */
.bm-rotulo{display:block;font-family:var(--bm-letra);font-weight:600;font-size:16px;color:var(--bm-turquesa-hondo)}
.bm-filete{border:0;border-top:1px solid var(--bm-filete);margin:0}