/*
 * Segunda pasada visual de la home pública.
 *
 * Esta capa sólo modifica presentación y agrega bloques visuales estáticos.
 * No reemplaza ni altera carrusel, ofertas, recién llegados, búsqueda,
 * configuradores de RST ni ningún flujo comercial existente.
 */

/* Hero más compacto en escritorio, conservando imágenes y JS del carrusel. */
@media (min-width: 992px) {
  .home-storefront .home-banner-carousel {
    height: clamp(270px, 21vw, 350px) !important;
    aspect-ratio: auto !important;
  }
}

.home-storefront .home-banner-image {
  object-position: center center !important;
}

.home-concept-bridge {
  position: relative;
  z-index: 7;
  padding: 12px 0 18px;
  background: #fff;
  border-bottom: 1px solid rgba(20, 37, 59, 0.06);
}

.home-concept-categories {
  max-width: 1480px;
}

.home-concept-section-title {
  margin: 0 0 10px;
  color: #14253b;
  font-size: .88rem;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .015em;
  text-align: center;
}

.home-concept-category-list {
  display: grid;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  gap: 6px;
  align-items: stretch;
}

.home-concept-category-list > [role="listitem"] {
  min-width: 0;
}

.home-concept-category {
  display: flex;
  min-width: 0;
  min-height: 92px;
  padding: 5px 3px 3px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: #14253b;
  text-align: center;
}

.home-concept-category-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 5px;
  color: var(--category-accent, #b4233a);
}

.home-concept-category-icon svg {
  width: 42px;
  height: 42px;
}

.home-concept-category-label {
  display: block;
  max-width: 100%;
  color: #17283f;
  font-size: clamp(.61rem, .62vw, .74rem);
  font-weight: 760;
  line-height: 1.08;
}

.home-concept-promo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 8px;
}

.home-concept-promo-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px;
  min-height: 126px;
  overflow: hidden;
  border: 1px solid rgba(20, 37, 59, 0.07);
  border-radius: 13px;
  box-shadow: 0 5px 15px rgba(20, 37, 59, 0.06);
}

.home-concept-promo-card.is-offers {
  --promo-accent: #b44b39;
  color: var(--promo-accent);
  background: linear-gradient(135deg, #fff0eb 0%, #fbded6 100%);
}

.home-concept-promo-card.is-tech {
  --promo-accent: #1f5c8b;
  color: var(--promo-accent);
  background: linear-gradient(135deg, #edf6fb 0%, #dcebf4 100%);
}

.home-concept-promo-card.is-art {
  --promo-accent: #29805c;
  color: var(--promo-accent);
  background: linear-gradient(135deg, #edf9ef 0%, #ddf1e3 100%);
}

.home-concept-promo-card.is-games {
  --promo-accent: #a87a0d;
  color: var(--promo-accent);
  background: linear-gradient(135deg, #fff9e7 0%, #f7eac0 100%);
}

.home-concept-promo-copy {
  position: relative;
  z-index: 2;
  display: flex;
  min-width: 0;
  padding: 14px 6px 13px 16px;
  flex-direction: column;
  align-items: flex-start;
}

.home-concept-promo-title {
  max-width: 210px;
  font-size: clamp(.95rem, 1.15vw, 1.22rem);
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: -.02em;
}

.home-concept-promo-subtitle {
  max-width: 205px;
  margin-top: 6px;
  color: #25354a;
  font-size: .73rem;
  font-weight: 560;
  line-height: 1.18;
}

.home-concept-promo-action {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  margin-top: auto;
  padding: 4px 8px;
  color: #fff;
  background: var(--promo-accent, #b4233a);
  border-radius: 5px;
  font-size: .58rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .015em;
}

.home-concept-promo-visual {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  opacity: .9;
}

.home-concept-promo-visual::before {
  content: "";
  position: absolute;
  width: 92px;
  height: 92px;
  background: rgba(255,255,255,.52);
  border-radius: 50%;
  transform: translate(16px, 16px);
}

.home-concept-promo-visual svg {
  position: relative;
  z-index: 1;
  width: 64px;
  height: 64px;
  filter: drop-shadow(0 5px 9px rgba(20,37,59,.08));
}

/* Acercamos la oferta real al bloque nuevo para conservar densidad vertical. */
.home-storefront .home-discovery-section {
  padding-top: 14px !important;
}

@media (max-width: 1299.98px) {
  .home-concept-category-list {
    display: flex;
    gap: 2px;
    overflow-x: auto;
    padding-bottom: 5px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  .home-concept-category-list > [role="listitem"] {
    flex: 0 0 88px;
  }

  .home-concept-category-label {
    font-size: .66rem;
  }

  .home-concept-promo-card {
    grid-template-columns: minmax(0, 1fr) 76px;
  }
}

@media (max-width: 991.98px) {
  .home-storefront .home-banner-carousel {
    height: auto !important;
    aspect-ratio: 3 / 1 !important;
  }

  .home-concept-bridge {
    padding-top: 10px;
    padding-bottom: 14px;
  }

  .home-concept-promo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .home-concept-section-title {
    margin-bottom: 7px;
    font-size: .77rem;
  }

  .home-concept-category-list {
    margin-right: -12px;
    margin-left: -12px;
    padding: 0 12px 5px;
  }

  .home-concept-category-list > [role="listitem"] {
    flex-basis: 78px;
  }

  .home-concept-category {
    min-height: 82px;
  }

  .home-concept-category-icon {
    width: 42px;
    height: 42px;
  }

  .home-concept-category-icon svg {
    width: 36px;
    height: 36px;
  }

  .home-concept-category-label {
    font-size: .62rem;
  }

  .home-concept-promo-grid {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    margin-right: -12px;
    margin-left: -12px;
    padding: 0 12px 4px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  .home-concept-promo-card {
    flex: 0 0 min(76vw, 285px);
    min-height: 118px;
    scroll-snap-align: start;
  }

  .home-concept-promo-copy {
    padding: 13px 5px 12px 14px;
  }

  .home-concept-promo-title {
    font-size: 1rem;
  }

  .home-concept-promo-visual svg {
    width: 56px;
    height: 56px;
  }

  .home-storefront .home-discovery-section {
    padding-top: 10px !important;
  }
}

@media (max-width: 430px) {
  .home-concept-bridge {
    padding-bottom: 12px;
  }

  .home-concept-category-list > [role="listitem"] {
    flex-basis: 72px;
  }

  .home-concept-promo-card {
    flex-basis: 260px;
  }
}

/*
 * Las tres tarjetas grandes históricas de descubrimiento quedan ocultas.
 * Fueron reemplazadas visualmente por la nueva franja compacta del concepto.
 * Ofertas y Recién llegados conservan íntegramente su funcionamiento.
 */
.home-storefront .home-discovery-card:not(.home-discovery-card-offers) {
  display: none !important;
}

/*
 * En escritorio el hero es más bajo que la proporción 3:1 original.
 * Mostramos la imagen completa sin deformarla ni cambiar la altura
 * del carrusel. La versión móvil conserva su comportamiento actual.
 */
@media (min-width: 992px) {
  .home-storefront .home-banner-slide {
    background: #f7f8fa;
  }

  .home-storefront .home-banner-image {
    object-fit: contain !important;
    object-position: center center !important;
  }
}