/* IKI.CODE LAB · Tienda · V3.6.22
   Productos y recursos es la categoría inicial. Estas tarjetas solo aparecen
   mientras el catálogo real aún no tiene productos activos. */

.store-example-card {
  min-width: 0;
}

.store-card-visual {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  color: var(--site-ink, #171717);
  background:
    radial-gradient(circle at 78% 18%, rgba(237, 17, 17, .08), transparent 28%),
    var(--site-surface, #f8f5ef);
  border-bottom: 1px solid var(--site-line, #d7d0c6);
}

.store-card-visual svg {
  display: block;
  width: min(68%, 230px);
  height: auto;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.store-card-visual svg .solid {
  fill: var(--site-red, #ed1111);
  stroke: var(--site-red, #ed1111);
}

.store-card-visual svg .accent {
  stroke: var(--site-red, #ed1111);
  stroke-width: 3;
}

.store-example-card .store-card-body {
  min-height: 260px;
}

.store-example-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: default !important;
  opacity: .78;
  user-select: none;
}

@media (max-width: 620px) {
  .store-card-visual svg {
    width: min(62%, 210px);
  }

  .store-example-card .store-card-body {
    min-height: 230px;
  }
}