/* Barra informativa (ficha C09; js/vista/barra.js). A todo el ancho, bajo el cascarón. Ámbar es aviso y rojo es error
   (regla de color 6): cada variante lee solo sus valores. Se conserva al imprimir. */

.barra-informativa {
  display: grid;
  gap: 2px;
  padding: 6px var(--esp-4);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.barra-informativa[data-variante="aviso"] {
  background: var(--aviso-fondo);
  color: var(--aviso-texto);
  border-color: var(--aviso-borde);
}

.barra-informativa[data-variante="error"] {
  background: var(--error-fondo);
  color: var(--error-texto);
  border-color: var(--error-borde);
}

.barra-informativa__mensaje strong {
  margin-right: 6px;
  font-weight: var(--peso-fuerte);
}