/* ============================================================
   solutions-demo.css
   Estilos EXCLUSIVOS para el badge "¡Nuevo!" y el botón de demo
   añadidos a los primeros bloques de boxes/solutions.php.
   Prefijo `vd-` para no colisionar. No modifica CSS existente.
   ============================================================ */

.vd-badge-new {
    display: inline-block;
    background: #17c0c0;
    color: #04231f;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 4px 11px;
    border-radius: 999px;
    margin-bottom: 10px;
}

.vd-demo-cta {
    margin-top: 16px;
}

/* El bloque ya tiene animación (wow move-up); evitar que el botón se mueva
   en hover (anula el translateY de .ht-btn) para no duplicar el movimiento. */
.vd-demo-cta .ht-btn:hover,
.vd-demo-cta .ht-btn:focus,
.vd-demo-cta .ht-btn:active {
    transform: none;
}
