/* nv-listado.css — listados continuos (lemon-listado-continuo.php + js/nv-listado.js). Va detrás de nv-coleccion.css,
   que ya da la caja «Cargar más»: botón #222 con hover dorado, pista 450×6 y el texto «Has visto N de M productos».
   Aquí solo lo que añade el script, y solo cuando él toma el mando (.nv-cargar--continuo): sin JS no cambia nada. */

/* Mientras llegan tandas solas el botón no se ve; su sitio (40 px, el min-height del botón) lo guardan los puntos
   de «cargando», así la barra y el texto no saltan al cambiar uno por otro. */
.nv-cargar--continuo .nv-cargar__btn[hidden]{display:none!important}
.nv-cargar__puntos{display:none}
.nv-cargar--continuo .nv-cargar__puntos{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;visibility:hidden}
.nv-cargar--continuo.is-cargando .nv-cargar__puntos{visibility:visible}
.nv-cargar--continuo.is-cargando .nv-cargar__btn{display:none!important}
.nv-cargar--continuo.is-boton:not(.is-cargando) .nv-cargar__puntos,.nv-cargar--continuo.is-fin .nv-cargar__puntos{display:none}
.nv-cargar__puntos i{display:block;width:7px;height:7px;border-radius:50%;background:var(--nv-oro,#a1923d);
  box-shadow:inset 0 0 0 1px var(--nv-oro-borde,#9a7d33);opacity:.25;animation:nvListadoPunto 1s ease-in-out infinite}
.nv-cargar__puntos i:nth-child(2){animation-delay:.15s}
.nv-cargar__puntos i:nth-child(3){animation-delay:.3s}
@keyframes nvListadoPunto{0%,80%,100%{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1.15)}}

/* Visto todo: el avance pasa del dorado plano al degradado de la marca. */
.nv-cargar--continuo.is-fin .nv-cargar__avance{background:var(--nv-oro,#a1923d)}

/* Las tarjetas que llegan suben y aparecen, de a una (55 ms entre ellas, en grupos de 6). */
ul.products.nv-grid>li.nv-card.nv-card--llega{animation:nvListadoEntra .6s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--nv-i,0) * 55ms)}
@keyframes nvListadoEntra{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  ul.products.nv-grid>li.nv-card.nv-card--llega{animation:none}
  .nv-cargar__puntos i{animation:none;opacity:.6}
}