/* Aparición de tarjetas y secciones */
.tarjeta-producto { animation: aparecer .5s ease both; }
.tarjeta-producto:nth-child(4n+2) { animation-delay: .05s; }
.tarjeta-producto:nth-child(4n+3) { animation-delay: .1s; }
.tarjeta-producto:nth-child(4n) { animation-delay: .15s; }
.rev { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.rev.on { opacity: 1; transform: none; }

/* Esqueletos de carga */
.esqueleto div { aspect-ratio: 3 / 4; background: var(--hueso); margin-bottom: 14px; }
.esqueleto i { display: block; height: 12px; width: 60%; background: var(--hueso); margin-bottom: 8px; }
.esqueleto { animation: pulso 1.2s ease-in-out infinite; }
@keyframes pulso { 50% { opacity: .5; } }

/* Contador del carrito */
.contador-carrito.rebote { animation: rebote .4s ease; }
@keyframes rebote { 40% { transform: scale(1.5); } }