.ben-grid-v3 {
  display              : grid;
  grid-template-columns: 2fr 1fr;
  gap                  : 20px;
  margin-top           : 48px;
}

/* DERECHA */
.ben-side {
  display: grid;
  gap    : 20px;
}

/* ABAJO */
.ben-bottom {
  grid-column          : 1 / -1;
  display              : grid;
  grid-template-columns: repeat(3, 1fr);
  gap                  : 20px;
}

/* CARD BASE */
.ben-card {
  position        : relative;
  border-radius   : 20px;
  overflow        : hidden;
  cursor          : pointer;
  background      : #000;
  max-height      : 180px;
  /* transition   : all .4s ease; */
}

/* CARD GRANDE */
.ben-card.big {
  max-height: 380px;
}

/* IMAGEN */
.ben-card img {
  width        : 100%;
  height       : 100%;
  object-fit   : cover;
  /* transition: transform .6s ease; */
}

/* OVERLAY VALORAX */
.ben-card .overlay {
  position: absolute;
  inset   : 0;
  background: linear-gradient(135deg,
      rgba(0, 137, 123, 0.45),
      rgba(233, 30, 123, 0.35));
}

/* SOMBRA INFERIOR */
.ben-card::after {
  content : '';
  position: absolute;
  inset   : 0;
  background: linear-gradient(to top,
      rgba(10, 14, 26, 0.9) 15%,
      transparent 70%);
}

/* CONTENIDO */
.ben-card .content {
  position : absolute;
  bottom   : 0;
  padding  : 20px;
  z-index  : 2;
  color    : #fff;
  left     : 50%;
  transform: translate(-50%, 0);
  width    : 100%;
}

.content {
  position: absolute;
  bottom  : 0;
  padding : 20px;
  z-index : 2;
  color   : #fff;
}

.ben-card h3 {
  font-size  : 16px;
  font-weight: 700;
}

.ben-card h3.big {
  font-size  : 20px;
  font-weight: 700;
}

.ben-card p {
  font-size: 13px;
  color    : rgba(255, 255, 255, 0.75);
}

.ben-card p.big {
  font-size: 17px;
  color    : rgba(255, 255, 255, 0.75);
}

/* TAG */
.tag {
  display      : inline-block;
  background   : rgba(0, 0, 0, 0.6);
  font-size    : 10px;
  padding      : 5px 10px;
  border-radius: 20px;
  margin-bottom: 8px;
}

/* HOVER PRO */
/* .ben-card:hover img {
  transform: scale(1.1);
} */

/* .ben-card:hover {
  transform : translateY(-6px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
} */

@media(max-width:900px) {
  .ben-grid-v3 {
    grid-template-columns: 1fr;
  }

  .ben-bottom {
    grid-template-columns: 1fr;
  }

  /* CARD BASE */
  .ben-card {
    max-height      : 160px;
    /* transition   : all .4s ease; */
  }

  /* CARD GRANDE */
  .ben-card.big {
    max-height: 200px;
  }
}