/* Configuración: Cerebros, Cuentas y Colores del calendario */
.cfm-lista { display: grid; gap: 10px; max-width: 760px; }
.cfm-fila { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.cfm-nombre { flex: 1 1 180px; min-width: 0; }
.cfm-botones { flex: 0 1 auto; }
.cfm-num { width: 28px; height: 28px; border-radius: 999px; background: var(--marca-suave); display: inline-grid; place-items: center; font-weight: 700; flex: none; }
.cfm-pasos, .cfm-caja { flex: 1 1 100%; background: var(--fondo); display: grid; gap: 8px; }
.cfm-pasos ol { margin: 0; padding-left: 0; list-style: none; display: grid; gap: 4px; }
.cfm-gris { max-width: 760px; margin-top: 14px; padding: 10px 14px; border-radius: 8px; background: var(--fondo); color: var(--suave); }
.cfm-gris p { margin: 4px 0 0; }
.cfm-cuadro { width: 24px; height: 24px; border-radius: 6px; flex: none; border: 1px solid var(--borde); }
.cfm-paleta { display: flex; gap: 6px; flex-wrap: wrap; }
.cfm-redondo { width: 24px; height: 24px; padding: 0; border-radius: 999px; border: 2px solid transparent; cursor: pointer; }
.cfm-redondo.puesto { border-color: var(--texto); }
.cfm-color input[type="color"] { width: 40px; height: 32px; padding: 0; }
@media (max-width: 560px) { .cfm-botones { flex: 1 1 100%; } }