/* ============================================================
 * ShinyText (React Bits) — port vanilla, sin dependencias.
 * El brillo es una banda del gradiente que barre el texto:
 * misma fórmula del componente (150% → -50%, fondo 200%).
 * Uso: <span data-shiny data-shine-base="..." data-shine-color="..."
 *        data-shine-speed="2.5" data-shine-delay="1"
 *        data-shine-direction="left" data-shine-yoyo
 *        data-shine-pause>MIMETIZER</span>
 * La animación la corre shiny-text.js (Web Animations API);
 * sin JS el texto se ve normal. Respeta prefers-reduced-motion.
 * ============================================================ */

.shiny-text {
    display: inline-block;
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

@media (prefers-reduced-motion: reduce) {
    .shiny-text {
        background-image: none !important;
        -webkit-text-fill-color: currentColor;
        color: inherit;
    }
}