:root {
    --primary-color: #0d6efd;
    --success-color: #198754;
}

body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.firma-preview {
    border: 2px dashed var(--primary-color);
    min-height: 200px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.btn-copy { background: var(--success-color) !important; border-color: var(--success-color); }
.btn-copy:hover { background: #157347 !important; }
.card { transition: transform 0.2s; }
.card:hover { transform: translateY(-5px); }
.alert-fixed { position: fixed; top: 20px; right: 20px; z-index: 9999; max-width: 400px; }
.navbar-brand { font-weight: bold; }
@media (max-width: 768px) {
    .firma-preview { font-size: 14px; padding: 15px; }
    .display-4 { font-size: 2.5rem; }
}