/* ValesukiShop — estilos propios de la portada (el resto de las tarjetas
   de producto/donaciones vive en style.css, compartido con el resto del
   sitio para que se sienta parte del mismo universo). */

.tienda-hero{
  text-align:center;
  max-width:640px;
  margin:0 auto 8px;
  padding:12px 0 8px;
}
.tienda-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:14px;
}
.tienda-hero__title{
  font-size:clamp(2.4rem, 6vw, 3.4rem);
  line-height:1.05;
  margin:0 0 14px;
  background:linear-gradient(90deg, var(--pink-soft), var(--gold-soft), var(--pink-soft));
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:shine 6s linear infinite;
}
@keyframes shine{ to{ background-position:200% center; } }
.tienda-hero__sub{
  font-size:1.02rem;
  opacity:.75;
  margin:0;
}

.tienda-grid-section{ padding:8px 0 0; }

/* Tarjetas de producto un poco más grandes/lucidas que dentro del home,
   ya que aquí son el centro de la página en vez de una sección más. */
.tienda-grid-section .shop-card{
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}
.tienda-grid-section .shop-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lift);
}
.tienda-grid-section .shop-card__img{ height:210px; }
.tienda-grid-section .shop-card__body{ padding:18px 20px 22px; }
.tienda-grid-section .shop-card__name{ font-size:1rem; }
.tienda-grid-section .shop-card__price{ font-size:1.05rem; }

@media (max-width:640px){
  .tienda-hero{ padding-top:4px; }
}