/* ============================================================
   Productos de temporada.
   - .group-title--season : título sticky del grupo; solo lleva z-index
     para que las cards pasen por debajo al hacer scroll (igual que los
     títulos .label del tema). Sin adornos.
   - .card--badge / .card__badge : pill "Nuevo" (roja, chica) en la
     esquina superior derecha, DENTRO de la card; el título deja
     espacio a la derecha para no encimarse.
   - .card__limited : "Por tiempo limitado" con reloj, como una línea
     de descripción más, en tono apagado.
   Lo pinta initialize.js a partir de `season` y `badge` en menu.js.
   ============================================================ */

.group-title--season {
  z-index: 200;
}

.card--badge {
  position: relative;
}
.card--badge .card__title {
  padding-right: 4.2em; /* espacio para la pill */
}
.card__badge {
  position: absolute;
  top: 0.55em;
  right: 0.7em;
  padding: 0.1em 0.55em;
  font-size: 0.62em;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-transform: uppercase;
  border-radius: 999px;
  background: #cc0000;
  color: #ffffff;
}

.card__limited {
  display: flex;
  align-items: center;
  gap: 0.3em;
  font-size: 0.8em;
  color: var(--blueColor, #0d4a6e);
  opacity: 0.7;
}
.card__limited-icon {
  width: 1em;
  height: 1em;
  flex: none;
}

/* ------------------------------------------------------------
   Promociones: lista de participantes (destilados, coctelería)
   como paréntesis dentro del texto principal, un poco más chica
   que el texto de la promo pero más visible que la descripción.
   ------------------------------------------------------------ */
.promo-item__list {
  display: block;
  margin-top: 0.3em;
  font-size: 0.72em;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
  text-transform: none;
  opacity: 0.92;
  overflow-wrap: anywhere;
}