body {
  background-color: #f5f6f8;
  font-family: system-ui, -apple-system, BlinkMacSystemFont;
}

/* HERO */
.hero {
  background: linear-gradient(135deg, #1f2937, #111827);
  color: white;
  padding: 70px 0;
}

/* CATEGORÍAS */
.card-category {
  cursor: pointer;
  border: none;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  transition: transform .2s ease;
}

.card-category:hover {
  transform: translateY(-4px);
}

.icon-box {
  text-align: center;
  padding: 30px 0 10px;
  color: #0d6efd;
}

.icon-box svg {
  width: 56px;
  height: 56px;
  fill: currentColor;
}

/* LO MÁS VENDIDO */
.card-mini {
  border: none;
  border-radius: 14px;
  padding: 25px 15px;
  text-align: center;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  color: #0d6efd;
}

.card-mini svg {
  width: 40px;
  height: 40px;
  fill: currentColor;
  margin-bottom: 10px;
}

/* OPINIONES */
.review {
  background: white;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.stars {
  color: #f59e0b;
  font-size: 18px;
}

/* FOOTER */
.footer {
  text-align: center;
  padding: 20px;
  color: #777;
  font-size: 14px;
}