/* ============================
   TIENDA
   ============================ */

.tienda-hero {
  min-height: 50vh;
  padding: 8rem 3rem 5rem;
  border-bottom: 1px solid rgba(154, 148, 139, 0.12);
  position: relative; overflow: hidden;
  display: flex; align-items: flex-end;
}
.tienda-hero-inner { position: relative; z-index: 2; }

.tienda-main { padding: 0; }

.tienda-seccion {
  padding: 5rem 3rem;
  border-bottom: 1px solid rgba(154, 148, 139, 0.12);
}
.tienda-sec-header { margin-bottom: 3rem; }
.tienda-sec-label {
  font-family: var(--font-mono);
  font-size: 0.55rem;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--rojo);
  margin-bottom: 0.8rem;
}
.tienda-sec-titulo {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-style: italic; font-weight: 400;
  color: var(--crema);
  margin-bottom: 0.8rem;
  line-height: 1.1;
}
.tienda-sec-desc {
  font-family: var(--font-body);
  font-style: italic;
  color: var(--gris);
  max-width: 480px;
}

.productos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2px;
  background: rgba(154, 148, 139, 0.1);
}
.producto-card {
  background: var(--negro);
  padding: 2.5rem;
  display: flex; flex-direction: column; gap: 1.5rem;
  transition: background 0.3s;
}
.producto-card:hover { background: rgba(184, 41, 47, 0.04); }

.prod-portada {
  width: 100%; aspect-ratio: 3/4;
  max-width: 180px;
  display: flex; align-items: center; justify-content: center;
  position: relative;
}
.prod-portada-placeholder {
  background: var(--negro-suave);
  border: 1px solid rgba(184, 41, 47, 0.2);
}
.prod-portada-letra {
  font-family: var(--font-display);
  font-size: 2.5rem;
  font-style: italic;
  color: rgba(184, 41, 47, 0.3);
}
.prod-info { flex: 1; display: flex; flex-direction: column; gap: 0.7rem; }
.prod-formato {
  font-family: var(--font-mono);
  font-size: 0.55rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--rojo);
}
.prod-titulo {
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 2.5vw, 1.8rem);
  font-style: italic; font-weight: 400;
  color: var(--crema);
  line-height: 1.2;
}
.prod-desc {
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-style: italic;
  color: var(--gris);
  line-height: 1.7;
  flex: 1;
}
.prod-footer {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(154, 148, 139, 0.1);
}
.prod-precio {
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-style: italic;
  color: var(--crema);
}
.prod-btn {
  font-family: var(--font-mono);
  font-size: 0.55rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 0.7rem 1.4rem;
  background: var(--rojo);
  color: var(--crema);
  transition: background 0.3s;
  white-space: nowrap;
}
.prod-btn:hover { background: var(--rojo-oscuro); }
.prod-btn-outline {
  background: transparent;
  border: 1px solid rgba(184, 41, 47, 0.4);
}
.prod-btn-outline:hover { background: rgba(184, 41, 47, 0.1); border-color: var(--rojo); }
.prod-btn-amazon {
  background: #232F3E;
}
.prod-btn-amazon:hover { background: #1a252f; }
.prod-pronto { opacity: 0.7; }

.tienda-amazon {
  background: rgba(154, 148, 139, 0.03);
}
.amazon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  gap: 2px;
  background: rgba(154, 148, 139, 0.1);
}
.amazon-card {
  background: var(--negro);
  padding: 2.5rem;
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 2rem;
  align-items: start;
  transition: background 0.3s;
}
.amazon-card:hover { background: rgba(184, 41, 47, 0.04); }
.amazon-portada {
  width: 140px; aspect-ratio: 2/3;
  background: var(--negro-suave);
  border: 1px solid rgba(184, 41, 47, 0.2);
  display: flex; align-items: center; justify-content: center;
}
.amazon-portada-letra {
  font-family: var(--font-display);
  font-size: 2rem;
  font-style: italic;
  color: rgba(184, 41, 47, 0.3);
}
.amazon-info { display: flex; flex-direction: column; gap: 0.7rem; }

.tienda-nota {
  padding: 3rem;
  border-bottom: 1px solid rgba(154, 148, 139, 0.12);
  background: rgba(154, 148, 139, 0.03);
}
.nota-texto {
  font-family: var(--font-body);
  font-size: 0.95rem;
  color: var(--gris);
  line-height: 2;
  margin-bottom: 0.5rem;
}
.nota-texto strong { color: var(--crema); font-weight: 500; }
.nota-sub {
  font-family: var(--font-mono);
  font-size: 0.55rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(154, 148, 139, 0.4);
}

@media (max-width: 768px) {
  .tienda-hero { padding: 6rem 1.5rem 3rem; }
  .tienda-seccion { padding: 3rem 1.5rem; }
  .amazon-card { grid-template-columns: 1fr; }
  .tienda-nota { padding: 2rem 1.5rem; }
}