/* Vigo line colors */
:root {
  --line-vigo-c1: rgb(237, 71, 19);
  --line-vigo-c1-text: #ffffff;
  --line-vigo-c3d: rgb(255, 204, 0);
  --line-vigo-c3i: rgb(255, 204, 0);
  --line-vigo-l4a: rgb(0, 153, 0);
  --line-vigo-l4a-text: #ffffff;
  --line-vigo-l4c: rgb(0, 153, 0);
  --line-vigo-l4c-text: #ffffff;
  --line-vigo-l5a: rgb(0, 176, 240);
  --line-vigo-l5b: rgb(0, 176, 240);
  --line-vigo-l6: rgb(204, 51, 153);
  --line-vigo-l7: rgb(150, 220, 153);
  --line-vigo-l9b: rgb(244, 202, 140);
  --line-vigo-l10: rgb(153, 51, 0);
  --line-vigo-l10-text: #ffffff;
  --line-vigo-l11: rgb(226, 0, 38);
  --line-vigo-l11-text: #ffffff;
  --line-vigo-l12a: rgb(106, 150, 190);
  --line-vigo-l12b: rgb(106, 150, 190);
  --line-vigo-l13: rgb(0, 176, 240);
  --line-vigo-l14: rgb(129, 142, 126);
  --line-vigo-l14-text: #ffffff;
  --line-vigo-l15a: rgb(216, 168, 206);
  --line-vigo-l15b: rgb(216, 168, 206);
  --line-vigo-l15c: rgb(216, 168, 168);
  --line-vigo-l16: rgb(129, 142, 126);
  --line-vigo-l16-text: #ffffff;
  --line-vigo-l17: rgb(214, 245, 31);
  --line-vigo-l18a: rgb(212, 80, 168);
  --line-vigo-l18a-text: #ffffff;
  --line-vigo-l18b: rgb(212, 80, 168);
  --line-vigo-l18b-text: #ffffff;
  --line-vigo-l18h: rgb(212, 80, 168);
  --line-vigo-l18h-text: #ffffff;
  --line-vigo-l23: rgb(0, 70, 210);
  --line-vigo-l24: rgb(191, 191, 191);
  --line-vigo-l25: rgb(172, 100, 4);
  --line-vigo-l27: rgb(112, 74, 42);
  --line-vigo-l28: rgb(176, 189, 254);
  --line-vigo-l29: rgb(248, 184, 90);
  --line-vigo-l31: rgb(255, 255, 0);
  --line-vigo-a: rgb(119, 41, 143);
  --line-vigo-a-text: #ffffff;
  --line-vigo-h: rgb(0, 96, 168);
  --line-vigo-h1: rgb(0, 96, 168);
  --line-vigo-h2: rgb(0, 96, 168);
  --line-vigo-h3: rgb(0, 96, 168);
  --line-vigo-lzd: rgb(61, 78, 167);
  --line-vigo-n1: rgb(191, 191, 191);
  --line-vigo-n4: rgb(102, 51, 102);
  --line-vigo-n4-text: #ffffff;
  --line-vigo-psa1: rgb(0, 153, 0);
  --line-vigo-psa4: rgb(0, 153, 0);
  --line-vigo-ptl: rgb(150, 220, 153);
  --line-vigo-turistico: rgb(102, 51, 102);
  --line-vigo-u1: rgb(172, 100, 4);
  --line-vigo-u2: rgb(172, 100, 4);

  --line-santiago-l1: #f32621;
  --line-santiago-l4: #ffcc33;
  --line-santiago-l5: #fa8405;
  --line-santiago-l6: #d73983;
  --line-santiago-l6a: #d73983;
  --line-santiago-l7: #488bc1;
  --line-santiago-l8: #6aaf48;
  --line-santiago-l9: #46b8bb;
  --line-santiago-c11: #aec741;
  --line-santiago-l12: #842e14;
  --line-santiago-l12-text: #ffffff;
  --line-santiago-l13: #336600;
  --line-santiago-l13-text: #ffffff;
  --line-santiago-l15: #7a4b2a;
  --line-santiago-l15-text: #ffffff;
  --line-santiago-c2: #283a87;
  --line-santiago-c2-text: #ffffff;
  --line-santiago-c4: #283a87;
  --line-santiago-c4-text: #ffffff;
  --line-santiago-c5: #999999;
  --line-santiago-c6: #006666;
  --line-santiago-c6-text: #ffffff;
  --line-santiago-p1: #537eb3;
  --line-santiago-p2: #d23354;
  --line-santiago-p3: #75bd96;
  --line-santiago-p4: #f1c54f;
  --line-santiago-p6: #999999;
  --line-santiago-p7: #d2438c;
  --line-santiago-p8: #e28c3a;
}

.line-icon {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0.25rem 0.25rem 0 0;
  color: var(--text-color);
  background-color: var(--background-color);

  border-bottom: 3px solid;
  border-color: var(--line-colour);
}

.line-icon-rounded {
  display: block;
  width: 5ch;
  height: 5ch;
  box-sizing: border-box;

  background-color: var(--line-colour);
  color: var(--line-text-colour);
  padding: 1.75ch 1ch;
  text-align: center;
  border-radius: 50%;

  font: 600 14px / 1 monospace;
  letter-spacing: 0.05em;
}