/* Listra arco-íris: elemento visual da marca */
.rainbow {
  display: flex;
  width: 100%;
}
.rainbow > i { flex: 1; display: block; }
.rainbow > i:nth-child(1) { background: var(--rainbow-1); }
.rainbow > i:nth-child(2) { background: var(--rainbow-2); }
.rainbow > i:nth-child(3) { background: var(--rainbow-3); }
.rainbow > i:nth-child(4) { background: var(--rainbow-4); }
.rainbow > i:nth-child(5) { background: var(--rainbow-5); }
.rainbow > i:nth-child(6) { background: var(--rainbow-6); }
.rainbow > i:nth-child(7) { background: var(--rainbow-7); }
.rainbow > i:nth-child(8) { background: var(--rainbow-8); }