/* ============================================================
   FONDOS DE LAS PESTAÑAS

   Este es el único archivo que necesitás tocar para cambiar la
   imagen o el color de fondo de cada proyecto.

   Para cambiar una imagen:
   1. Guardala dentro de la carpeta assets.
   2. Reemplazá el nombre del archivo dentro de url(...).
   3. Opcional: cambiá el background-color de respaldo.
   ============================================================ */

.toolkit {
  --thumb: url("assets/toolkit.png");
  background-color: #ed3f71;
}

.belinguish {
  --thumb: url("assets/belinguish.png");
  background-color: #f679b8;
}

.moodle {
  --thumb: url("assets/moodle-belinguish.png");
  background-color: #7cdfa0;
}

.danese {
  --thumb: url("assets/danese-perfumes.png");
  background-color: #451b25;
}

.atenas {
  --thumb: url("assets/muebleria-atenas.png");
  background-color: #dce2dc;
}

.lusina {
  --thumb: url("assets/lusina.png");
  background-color: #a8c8ed;
}

.mir4 {
  --thumb: url("assets/mir4.png");
  background-color: #101b37;
}

/* Marca tab_: el guion bajo titila como un cursor. */
.wordmark .brand-name,
.core .brand-name { color: #fff; }

.wordmark .blink,
.core .blink {
  color: var(--lime);
  animation: tab-cursor-blink 1.05s step-end infinite;
}

@keyframes tab-cursor-blink {
  50% { opacity: 0; }
}