/* ==========================================================
 * SYNKFLOW — OVERRIDE DE MARCA (v28.1)
 * Convierte el residuo violeta al naranjo de marca (#f1511b).
 * Cargar SIEMPRE despues de output.css. Auto-generado.
 * ========================================================= */
.accent-violet-500 { accent-color: #f1511b !important; }
.bg-violet-500 { background-color: #f1511b !important; }
.bg-violet-500\/20 { background-color: #f1511b !important; }
.bg-violet-600 { background-color: #f1511b !important; }
.bg-violet-600\/10 { background-color: #f1511b !important; }
.border-violet-500 { border-color: #f1511b !important; }
.focus\:border-violet-500:focus { border-color: #f1511b !important; }
.hover\:bg-violet-600:hover { background-color: #f1511b !important; }
.hover\:bg-violet-700:hover { background-color: #d84315 !important; }
.hover\:border-violet-500:hover { border-color: #f1511b !important; }
.hover\:text-violet-400:hover { color: #f97316 !important; }
.hover\:text-violet-500:hover { color: #f1511b !important; }
.text-violet-400 { color: #f97316 !important; }
.text-violet-500 { color: #f1511b !important; }

/* ===== Variantes especiales (manual, v28.1b) ===== */
.group:hover .group-hover\:text-violet-400 { color: #f97316 !important; }
.peer:checked ~ .peer-checked\:bg-violet-600 { background-color: #f1511b !important; }
.file\:text-violet-700::file-selector-button { color: #d84315 !important; }
.hover\:file\:bg-violet-100:hover::file-selector-button,
.hover\:file\:bg-violet-100::file-selector-button:hover { background-color: #ffedd5 !important; }

/* ===== Gradiente de barra de avance (v28.3) ===== */
#barra-avance-fisico { background: linear-gradient(to right, #f1511b, #f97316) !important; }