/* =========================
   SIGNLAB COLLAGE 2x2 + BADGE
========================= */

.signlab-collage{ position: relative; }

.signlab-collage__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.signlab-collage__item{ margin: 0; }

/* Desplaza SOLO la columna izquierda (1 y 3) hacia abajo */
.signlab-collage__item--leftShift{
  transform: translateY(48px);
}

.signlab-collage__item img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);
}

/* Badge central */
.signlab-collage__badge{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 132px;
  height: 132px;
  border-radius: 999px;
  background: #43AC8B;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.25);
  z-index: 2;
}

.signlab-collage__badgeNumber{
  font-weight: 900;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 6px;
}

.signlab-collage__badgeText{
  font-weight: 800;
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  line-height: 1.1;
  opacity: .95;
}

/* Responsive */
@media (max-width: 640px){
  .signlab-collage__item--leftShift{ transform: translateY(18px); }
  .signlab-collage__badge{ width: 110px; height: 110px; }
  .signlab-collage__badgeNumber{ font-size: 22px; }
  .signlab-collage__badgeText{ font-size: 9px; }
}