:root {
  --width-transpose: 3rem;
  --height-transpose: 1rem;
}

.grid-artistas {
  width: 70%;
  max-width: 1280px;
  min-width: 300px;
  margin: 1rem auto 6rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.grid-artistas .grid-item {
  max-width: 100%;
  width: 100%;
  padding: 2rem;
}

.grid-artistas .grid-item a {
  display: block;
  transform: translate(var(--width-transpose), var(--height-transpose));
  transition: transform 0.25s ease, filter 0.25s ease;
}

/* S5 – Offsets pre-distribuidos (fallback antes del JS) */
.grid-artistas .grid-item:nth-child(1)  a { --width-transpose: 1rem;   --height-transpose: 2rem;   }
.grid-artistas .grid-item:nth-child(2)  a { --width-transpose: 4rem;   --height-transpose: 0.5rem; }
.grid-artistas .grid-item:nth-child(3)  a { --width-transpose: 0.5rem; --height-transpose: 3.5rem; }
.grid-artistas .grid-item:nth-child(4)  a { --width-transpose: 3rem;   --height-transpose: 1rem;   }
.grid-artistas .grid-item:nth-child(5)  a { --width-transpose: 5rem;   --height-transpose: 2.5rem; }
.grid-artistas .grid-item:nth-child(6)  a { --width-transpose: 2rem;   --height-transpose: 0rem;   }
.grid-artistas .grid-item:nth-child(7)  a { --width-transpose: 0rem;   --height-transpose: 4rem;   }
.grid-artistas .grid-item:nth-child(8)  a { --width-transpose: 4.5rem; --height-transpose: 1.5rem; }
.grid-artistas .grid-item:nth-child(9)  a { --width-transpose: 1.5rem; --height-transpose: 3rem;   }
.grid-artistas .grid-item:nth-child(10) a { --width-transpose: 3.5rem; --height-transpose: 0.5rem; }
.grid-artistas .grid-item:nth-child(11) a { --width-transpose: 2.5rem; --height-transpose: 2rem;   }

/* P15 – Hover en cards de artistas */
.grid-artistas .grid-item a:hover {
  transform: translate(var(--width-transpose), var(--height-transpose)) scale(1.08);
  filter: drop-shadow(0 6px 14px rgba(155,30,26,0.35));
}

/* # sourceMappingURL=artistas.css.map */