/* JH 1.5.8: "Garantía de X meses" late suavemente (como el boton "Consultar pedido" de Pedidos Web)
   durante 10 segundos, solo la primera vez que el cliente abre ese producto */
.jh-puntos li.jhg-pulso {
    display: table; /* el resaltado ocupa solo el texto, no toda la linea */
    margin-left: -4px;
    padding-left: 24px;
    padding-right: 8px;
    border-radius: 6px;
    background: #eaf7ee;
    transform-origin: left center;
    animation: jhgPulso 1.45s ease-in-out infinite;
}

.jh-puntos li.jhg-pulso:before {
    left: 4px;
}

.jh-puntos li.jhg-fin {
    animation: none;
    background: transparent;
    transition: background .6s ease;
}

@keyframes jhgPulso {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(26, 143, 74, 0); }
    45% { transform: scale(1.045); box-shadow: 0 0 0 7px rgba(26, 143, 74, .18); }
    65% { transform: scale(1.045); box-shadow: 0 0 0 7px rgba(26, 143, 74, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .jh-puntos li.jhg-pulso { animation: none; }
}
