body { background-color: #ffffff; color: #334155; }

.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
.reveal.active { opacity: 1; transform: translateY(0); }
.bg-pattern { background-image: radial-gradient(#e2e8f0 1px, transparent 1px); background-size: 40px 40px; }

/* Animación suave para el filtrado */
.product-card { transition: all 0.4s ease; }
.product-card.hidden-item { display: none; }
.product-card.show-item { animation: fadeIn 0.5s; }

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

/* Estilo activo para Tabs */
.tab-btn.active {
    background-color: #1e293b; /* brand-navy */
    color: white;
    border-color: #1e293b;
}