/**
 * Projeto: Mettric App
 * Arquivo: reveal.css
 * Autor: Djeferson Capelli
 * Versão: 2.0.0
 * Descrição: Animações decorativas (apenas decoração, sem afetar layout).
 *            Reveal on-scroll foi removido pra zerar CLS.
 */

/* Hover micro-interactions (transform-only, GPU composited) */
.mt-product-card,
.mt-feature-card,
.mt-price-card,
.mt-pilar-card { will-change: transform; }

/* Pulse leve no logo do nav (transform-only) */
@keyframes mt-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
}
.mt-logo-mark { transition: transform .2s ease; }
.mt-logo:hover .mt-logo-mark {
    animation: mt-pulse 1.2s ease-in-out infinite;
}

/* Fade-in suave do WhatsApp float (position:fixed, sem CLS) */
@keyframes mt-fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.mt-wa-float {
    animation: mt-fade-in .4s ease .8s both;
}

/* Shine no botão primary ao hover (pseudo-element absoluto, sem CLS) */
.mt-btn-primary {
    position: relative;
    overflow: hidden;
}
.mt-btn-primary::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
    transition: left .5s ease;
    pointer-events: none;
}
.mt-btn-primary:hover::after { left: 100%; }

/* Gradient animado no .mt-accent-gradient (background-position, sem layout) */
@keyframes mt-gradient-shift {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}
.mt-accent-gradient {
    background-size: 200% 200%;
    animation: mt-gradient-shift 6s ease-in-out infinite;
}

/* Acessibilidade — desabilita animações se o user pediu menos motion */
@media (prefers-reduced-motion: reduce) {
    .mt-wa-float,
    .mt-accent-gradient,
    .mt-logo-mark,
    .mt-btn-primary::after {
        animation: none !important;
        transition: none !important;
    }
}