/* ============================================================
   TAB_ — FONDOS Y DATOS VISUALES DE PROYECTOS
   ============================================================

   PARA CAMBIAR UNA WEB:
   - --thumb = imagen que aparece dentro de la tarjeta.
   - --pos   = posición del recorte.
   - --preview = imagen que aparece dentro del núcleo / proyector.
   - --project-accent = color ambiental del proyecto.

   IMPORTANTE:
   Guardá tus capturas con exactamente estos nombres dentro de /assets.
   ============================================================ */

.toolkit{
  --thumb:url("assets/toolkit.png");
  --preview:url("assets/toolkit.png");
  --pos:10% 59%;
  --project-accent:#8ad7ff;
}
.belinguish{
  --thumb:url("assets/belinguish.png");
  --preview:url("assets/belinguish.png");
  --pos:9% 33%;
  --project-accent:#ff9fc8;
}
.moodle{
  --thumb:url("assets/moodle.png");
  --preview:url("assets/moodle.png");
  --pos:55% 17%;
  --project-accent:#9b8cff;
}
.danese{
  --thumb:url("assets/danese.png");
  --preview:url("assets/danese.png");
  --pos:85% 33%;
  --project-accent:#d8ad72;
}
.atenas{
  --thumb:url("assets/muebleria-atenas.png");
  --preview:url("assets/muebleria-atenas.png");
  --pos:87% 56%;
  --project-accent:#d9a467;
}
.lusina{
  --thumb:url("assets/luisina.png");
  --preview:url("assets/luisina.png");
  --pos:45% 87%;
  --project-accent:#b5a7ff;
}
.mir4{
  --thumb:url("assets/latam.png");
  --preview:url("assets/latam.png");
  --pos:72% 83%;
  --project-accent:#ff5c84;
}
.cafe{
  --thumb:url("assets/cafe.png");
  --preview:url("assets/cafe.png");
  --pos:center;
  --project-accent:#c9a27e;
}
.lacarrozada{
  --thumb:url("assets/lacarrozada.png");
  --preview:url("assets/lacarrozada.png");
  --pos:center;
  --project-accent:#e9a4b8;
}
.inmobiliaria{
  --thumb:url("assets/inmobiliaria.png");
  --preview:url("assets/inmobiliaria.png");
  --pos:center;
  --project-accent:#82c3b7;
}

/* Fondos ambientales de cada fila de proyectos */
.tab-row[data-row="1"]{
  --row-bg:url("assets/toolkit.png");
  --row-accent:#8ad7ff;
}
.tab-row[data-row="2"]{
  --row-bg:url("assets/atenas.png");
  --row-accent:#b5a7ff;
}
.tab-row[data-row="3"]{
  --row-bg:url("assets/cafe.png");
  --row-accent:#e9a4b8;
}