/* RESULTADO PRINCIPAL */
#roiResult {
    font-size: 28px;
    font-weight: bold;
    transition: all 0.3s ease;
}

/* Colores dinámicos */
.positive {
    color: #16a34a;
}

.negative {
    color: #dc2626;
}

/* Badge */
#roiBadge {
    display: inline-block;
    margin-top: 10px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

.badge-positive {
    background-color: #dcfce7;
    color: #166534;
}

.badge-negative {
    background-color: #fee2e2;
    color: #7f1d1d;
}

.badge-neutral {
    background-color: #e5e7eb;
    color: #374151;
}