/* ============================================================
   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 al arrastrar.

   PARA CAMBIAR EL FONDO DIFUMINADO DE UNA FILA:
   - --row-bg en .tab-row
   ============================================================ */


/* -------------------------
   MINIATURAS DE TARJETAS
   ------------------------- */

.toolkit {
  --thumb: url("assets/toolkit.png");
  --pos: 10% 59%;
}

.belinguish {
  --thumb: url("assets/belinguish.png");
  --pos: 9% 33%;
}

.moodle {
  --thumb: url("assets/moodle.png");
  --pos: 55% 17%;
}

.danese {
  --thumb: url("assets/danese.png");
  --pos: 85% 33%;
}

.atenas {
  --thumb: url("assets/muebleria-atenas.png");
  --pos: 87% 56%;
}

.lusina {
  --thumb: url("assets/luisina.png");
  --pos: 45% 87%;
}

.mir4 {
  --thumb: url("assets/latam.png");
  --pos: 72% 83%;
}


/* -------------------------
   NUEVOS PROYECTOS
   ------------------------- */

.cafe {
  --thumb: url("assets/cafe.png");
  --pos: center;
}

.lacarrozada {
  --thumb: url("assets/lacarrozada.png");
  --pos: center;
}

.inmobiliaria {
  --thumb: url("assets/inmobiliaria.png");
  --pos: center;
}


/* -------------------------
   FONDO DIFUMINADO POR FILA
   -------------------------

   Si querés usar una captura de una web como ambiente,
   colocá la imagen en assets/ y cambiá estas rutas.
   ------------------------- */

.tab-row:nth-child(1) {
  --row-bg: url("assets/toolkit.png");
}

.tab-row:nth-child(2) {
  --row-bg: url("assets/atenas.png");
}

.tab-row:nth-child(3) {
  --row-bg: url("assets/cafe.png");
}


/* -------------------------
   COLOR AMBIENTAL DE CADA WEB
   ------------------------- */

.panel.cafe,
.project-node.cafe {
  --project-accent: #c9a27e;
}

.panel.lacarrozada,
.project-node.lacarrozada {
  --project-accent: #e9a4b8;
}

.panel.inmobiliaria,
.project-node.inmobiliaria {
  --project-accent: #9ba9b8;
}