/* Dibujos propios de las tarjetas de la solución */
.modulo__dibujo {
  align-self: flex-end;
  width: min(100%, 15rem);
  height: auto;
}

.dib__placa {
  fill: rgba(255, 255, 255, 0.04);
  stroke: rgba(255, 255, 255, 0.16);
}

.dib__linea,
.dib__linea-fina,
.dib__ruta,
.dib__marca,
.dib__aro {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dib__linea {
  stroke: rgba(255, 255, 255, 0.14);
  stroke-width: 6;
}

.dib__linea-fina {
  stroke: rgba(255, 255, 255, 0.35);
  stroke-width: 2;
}

.dib__ruta {
  stroke: var(--hueso);
  stroke-width: 4;
}

.dib__aro {
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 2;
}

.dib__marca {
  stroke: var(--tinta);
  stroke-width: 2.5;
}

.dib__halo { fill: rgba(255, 107, 26, 0.28); }
.dib__acento { fill: var(--naranja); }
.dib__hueco { fill: var(--carbon); }
.dib__barra { fill: rgba(255, 255, 255, 0.22); }
.dib__isla { fill: var(--hueso); }
.dib__tinta { fill: var(--tinta); }

.dib__moto {
  fill: var(--hueso);
  stroke: var(--carbon);
  stroke-width: 3;
}

/* Sobre la tarjeta naranja el dibujo va en tinta */
.modulo--lleno .dib__placa {
  fill: rgba(23, 22, 15, 0.07);
  stroke: rgba(23, 22, 15, 0.3);
}

.modulo--lleno .dib__linea { stroke: rgba(23, 22, 15, 0.18); }
.modulo--lleno .dib__ruta { stroke: var(--tinta); }
.modulo--lleno .dib__halo { fill: rgba(23, 22, 15, 0.16); }
.modulo--lleno .dib__acento { fill: var(--tinta); }
.modulo--lleno .dib__hueco { fill: var(--naranja); }