/* ============================================================================
   BLOCKCHAIN · dos añadidos al pie de las piezas de La prueba
   Contrato: docs/02-DECLARACIONES.md §21.5-octodecies
   ----------------------------------------------------------------------------
   Es el ÚNICO CSS propio de esta sección, y existe por un motivo concreto: el
   original de blockchain da a cada caso DOS datos que el molde de piezas con
   vídeo no tiene dónde poner.

     etiqueta de ahorro   «Prueba permanente» · «Sin discusión» · «Registro completo»
     porcentaje + leyenda «85% · Más integridad del dato» (va en la cifra de cristal)

   El porcentaje ya cabe en `.dn-pieza__cifra` (el molde lo espera). Pero la
   etiqueta de ahorro no tiene hueco, y dejarla como texto suelto la convertía
   en una frase más. Se marca como RÓTULO del pie, y la leyenda del porcentaje
   se repite en gris al final para que el número de la cifra signifique algo
   cuando el cristal no se lee.

   UN `<b>` SUELTO DENTRO DEL PIE NO HACÍA FALTA: `.dn-pieza__rot small` ya es
   `display:block` con su tamaño y color, así que la etiqueta se distingue con
   estas dos reglas y no con un estilo nuevo para cada etiqueta HTML.

   NADA DE BLANCOS FIJOS: todo con tokens. El original de esta sección no traía
   CSS de colores (era maqueta), así que aquí no hay `rgba(255,255,255,…)` que
   traducir — pero se respeta la regla igual (§21.5-vicies: los blancos fijos a
   mano son invisibles en tema claro). */

/* ── LA ETIQUETA DE AHORRO ──────────────────────────────────────────────────
   Va arriba del pie, en el acento de la sección. `--acento` permuta solo
   (oscuro #FF9900 / claro #1558C4), así que sirve en los dos temas. */
.bc-tag {
  display: block;
  margin-bottom: 4px;
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--acento);
}

/* ── LA LEYENDA DEL PORCENTAJE ──────────────────────────────────────────────
   Repite lo que dice la cifra para que se entienda sin buscarla. NO usa `--mut`:
   ver la corrección de tema al final de este archivo (medido, no supuesto). */
.bc-dato {
  display: block;
  margin-top: 5px;
  font-size: .62rem;
  font-style: normal;
  line-height: 1.35;
  color: var(--gris-400);
}

/* ── CORRECCIÓN DE TEMA (verificado midiendo, no a ojo) ─────────────────────
   El pie de la pieza (`.dn-pieza__rot`) NO cambia entre temas: su degradado es
   `--dn-velo-fuerte` = rgba(10,14,20,.92) SIEMPRE, porque va sobre el vídeo.
   Es decir: el texto de ese pie vive sobre oscuro en los dos temas.

   La primera versión de este archivo usaba `--acento` y `--mut`, que sí
   permutan. MEDIDO en tema claro: `.bc-tag` bajaba a 2.42 y `.bc-dato` a 2.62,
   los dos por debajo de AA (texto azul claro y gris claro sobre negro).

   Un dato que vive sobre el tema oscuro no se viste con tokens que permutan: es
   el mismo error que el contrato prohíbe (§21.5-vicies, los blancos fijos, en
   su forma inversa). Se fijan los colores del tema oscuro, que es el fondo REAL
   que hay detrás — y son valores que el sitio ya usa, no inventados:
   `--naranja-500` lleva justo esa nota en 01-declaraciones.css:36
   («el de la marca — SOLO sobre fondo oscuro»).

   CONTRASTE MEDIDO sobre #14161a: etiqueta 8.46 · leyenda 5.92. Los dos AA,
   y el mismo resultado en las dos vistas. */
.bc-tag  { color: var(--naranja-500); }
.bc-dato { color: var(--gris-400); }

/* ── ANZUELOS PROPIOS DE LA SECCIÓN ─────────────────────────────────────────
   `.bc-hero`, `.bc-hero__lienzo` y `.bc-hero__rotulo` NO llevan estilo: son el
   prefijo propio de Blockchain, al lado de los `au-hero` que arrastran las 21
   reglas compartidas del hero con vídeo (§21.5-nonies). Existen para que, si
   mañana esta sección necesita verse distinta, haya dónde escribir sin tocar el
   CSS compartido.

   Se declaran explícitamente porque el verificador 19 exige que toda clase del
   HTML tenga regla — y tiene razón: una clase sin regla es indistinguible de un
   error de tecleo, que es justo lo que dejó «netia» naranja una vez. */
.bc-hero,
.bc-hero__lienzo,
.bc-hero__rotulo { /* sin declaraciones: anzuelos, el estilo viene de .au-hero */ }