/* Contenedor del grid */
.pisco-grid-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px; /* aumentado el espacio entre columnas */
  margin-top: 40px;
}

/* Estados vacíos */
.pisco-grid-empty {
  grid-template-columns: 1fr;
}
.pisco-grid-empty-msg {
  background: #2a2a2a;
  color: #ddd;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}

/* Tarjeta */
.pisco-card {
  position: relative;
  background: #222;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
  min-height: 360px; /* altura mínima agregada */
}

.pisco-card-media {
  position: relative;
  isolation: isolate;
  min-height: 360px;
}

/* Imagen / placeholder con relación de aspecto */
.pisco-card-image,
.pisco-card-placeholder {
  width: 100%;
  aspect-ratio: 16 / 10;
  display: block;
  object-fit: cover;
  background: #444;
  min-height: 360px;
}

/* Degradado extra encima de la imagen */
.pisco-card-media::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(
      56.46deg,
      rgba(255, 255, 255, 0.2) 19.45%,
      rgba(255, 255, 255, 0) 47.04%
    ),
    linear-gradient(
      55.82deg,
      rgba(255, 255, 255, 0.5) 27.27%,
      rgba(255, 255, 255, 0) 46.18%
    ),
    linear-gradient(
      237.96deg,
      rgba(255, 255, 255, 0) 41.51%,
      rgba(255, 255, 255, 0) 41.51%,
      rgba(255, 255, 255, 0) 63.88%
    );
}

/* Overlay de título */
.pisco-card-title {
  position: absolute;
  left: 10px;
  bottom: 24px;
  color: rgba(23, 25, 26, 1);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  max-width: calc(100% - 48px);
  z-index: 3;
  pointer-events: none;
  letter-spacing: 0;
  display: block;
  white-space: pre-line;
  word-break: break-word;
  padding: 0 20px;
}

/* Gradiente para legibilidad (mantener debajo del degradado extra) */
.pisco-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 0.55) 100%
  );
  z-index: 1;
}

/* Hover/focus suave */
.pisco-card:hover .pisco-card-image {
  transform: scale(1.02);
}
.pisco-card-image {
  transition: transform 220ms ease;
}

/* Responsivo */
@media (max-width: 1024px) {
  .pisco-grid-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pisco-grid-empty {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .pisco-grid-list {
    grid-template-columns: 1fr;
  }
  .pisco-card-title {
    font-size: 16px;
    left: 12px;
    bottom: 12px;
    max-width: calc(100% - 24px);
  }
  .pisco-grid-empty {
    grid-template-columns: 1fr;
  }
}

/* Media query para pantallas medianas */
@media (max-width: 768px) {
  .pisco-card-title {
    font-size: 20px;
    line-height: 28px;
    left: 12px;
    bottom: 20px;
    max-width: calc(100% - 28px);
    padding: 0 16px;
  }
  .pisco-grid-empty {
    grid-template-columns: 1fr;
  }
}

/* Media query para pantallas pequeñas */
@media (max-width: 480px) {
  .pisco-card-title {
    font-size: 20px;
    line-height: 28px;
    left: 12px;
    bottom: 20px;
    max-width: calc(100% - 16px);
    padding: 0 16px;
  }
  .pisco-grid-empty {
    grid-template-columns: 1fr;
  }
}