/* Tarjetas del resumen. Proporción tomada de la referencia aprobada (695 × 445). */
#raffleOverview .raffle-overview-stats {
  container-type: inline-size;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 3% !important;
  row-gap: clamp(9px, 2.7vw, 32px) !important;
  margin: 12px 0 20px !important;
}

#raffleOverview .raffle-overview-stats > .stat {
  --stat-fill: #e3f5ff;
  --stat-fill-end: #d9eefc;
  --stat-edge: #bedcf1;
  --stat-icon: #0879d7;
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: 18% minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  align-items: center !important;
  column-gap: 7% !important;
  row-gap: clamp(3px, 1.15cqw, 18px) !important;
  aspect-ratio: 695 / 445;
  width: 100%;
  min-width: 0;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 7.4% !important;
  border: clamp(1px, .25cqw, 3px) solid var(--stat-edge) !important;
  border-radius: 10% / 15.6% !important;
  background: linear-gradient(125deg, var(--stat-fill), var(--stat-fill-end)) !important;
  box-shadow: none !important;
  text-align: left !important;
  color: #092447;
}

#raffleOverview .raffle-overview-stats > .stat:nth-of-type(2) {
  --stat-fill: #e4fcf2;
  --stat-fill-end: #d8faed;
  --stat-edge: #afe7d3;
  --stat-icon: #009f69;
}
#raffleOverview .raffle-overview-stats > .stat:nth-of-type(3) {
  --stat-fill: #fffbed;
  --stat-fill-end: #fff5d8;
  --stat-edge: #f0e1ac;
  --stat-icon: #b87900;
}
#raffleOverview .raffle-overview-stats > .stat:nth-of-type(4) {
  --stat-fill: #f2edff;
  --stat-fill-end: #eae4fb;
  --stat-edge: #d5c9ef;
  --stat-icon: #6939be;
}

#raffleOverview .raffle-overview-stats > .stat::before,
#raffleOverview .raffle-overview-stats > .stat::after,
#raffleOverview .raffle-overview-stats > .stat > .raffle-stat-icon::after {
  content: none !important;
}

#raffleOverview .raffle-overview-stats > .stat > .raffle-stat-icon {
  grid-area: 1 / 1 / 3 / 2 !important;
  display: grid !important;
  place-items: center;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--stat-icon) !important;
}
#raffleOverview .raffle-overview-stats > .stat > .raffle-stat-icon .av-icon {
  width: 100% !important;
  height: 100% !important;
  stroke: currentColor;
}

#raffleOverview .raffle-overview-stats > .stat > span:not(.raffle-stat-icon),
#raffleOverview .raffle-overview-stats > .stat > b {
  margin: 0 !important;
  color: #092447 !important;
  letter-spacing: 0 !important;
}
#raffleOverview .raffle-overview-stats > .stat > span:not(.raffle-stat-icon) {
  grid-area: 1 / 2 !important;
  font-size: clamp(10px, 3.35cqw, 46px) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  overflow-wrap: anywhere;
}
#raffleOverview .raffle-overview-stats > .stat > b {
  grid-area: 2 / 2 !important;
  font-size: clamp(22px, 7.2cqw, 104px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums;
}
#raffleOverview .raffle-overview-stats > .raffle-revenue[hidden] {
  display: none !important;
}