.reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s ease-out, transform .7s ease-out; }
.reveal.revealed { opacity: 1; transform: translateY(0); }

.section-hero-bg {
  background:
    linear-gradient(135deg, #1c137b 0%, #0e0a4d 50%, #1c137b 100%);
  position: relative;
}
.section-hero-bg::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 85% 30%, rgba(251, 197, 0, 0.18), transparent 45%),
    radial-gradient(circle at 15% 70%, rgba(251, 197, 0, 0.12), transparent 45%);
  pointer-events: none;
}
.section-hero-bg > * { position: relative; }

.product-card { transition: transform .25s ease-out, box-shadow .25s; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 10px 30px -10px rgba(15, 37, 64, 0.3); }

.cat-card-icon { transition: transform .3s ease; }
.cat-card:hover .cat-card-icon { transform: scale(1.15) rotate(-5deg); }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

/* Skeleton para fotos faltantes */
.product-img-bg {
  background: linear-gradient(135deg, #f5f8fb 0%, #e6edf5 50%, #c7d6e6 100%);
}