/* TallerPro 6.10.15 · azul eléctrico y cian. Solo presentación. */
@media screen {
html:not([data-user-colors="true"]) {
 --violet-50:#eff6ff; --violet-100:#dbeafe; --violet-200:#bfdbfe;
 --violet-300:#93c5fd; --violet-400:#60a5fa; --violet-500:#2563eb;
 --violet-600:#1d4ed8; --violet-700:#1e40af; --violet-800:#1e3a8a; --violet-900:#102753;
 --shadow:0 10px 30px #020b1c25;
}
html[data-theme="dark"]:not([data-user-colors="true"]) {
 --bg:#071324; --bg-elevated:#101f35; --bg-muted:#162a43;
 --text:#f1f6ff; --text-muted:#b8c9df; --border:#587693;
 --primary:#60a5fa; --primary-hover:#93c5fd; --primary-soft:#15335a;
 --header-bg:linear-gradient(120deg,#102b58,#0b1a32); --header-text:#f1f6ff;
 --nav-bg:#101f35; --nav-active:#1d4ed8; --card:#13263e;
 --card-trabajador:#142c49; --card-admin:#123445;
 --card-success:#103a2e; --card-warning:#3c2d16;
 --danger:#fda4af; --success:#6ee7b7; --input-bg:#0a182b;
 --table-head:#172f4d; --table-border:#354d69;
 --glow:0 12px 35px #020b1c55;
 --body-bg-image:radial-gradient(ellipse at 0 0,#12356866,transparent 45%),radial-gradient(ellipse at 100% 100%,#086b7b22,transparent 45%);
}
html[data-theme="light"]:not([data-user-colors="true"]) {
 --bg:#edf4fc; --bg-elevated:#fff; --bg-muted:#e3eefb;
 --text:#10233e; --text-muted:#465b73; --border:#8a9eb6;
 --primary:#1d4ed8; --primary-hover:#1e40af; --primary-soft:#dbeafe;
 --header-bg:linear-gradient(120deg,#1745a3,#102b58); --header-text:#fff;
 --nav-bg:#f8fbff; --nav-active:#1d4ed8; --card:#f5f9ff;
 --card-trabajador:#e3eefb; --card-admin:#e0f2fe;
 --card-success:#e4f7ee; --card-warning:#fff3d6;
 --danger:#b91c1c; --success:#14623a; --input-bg:#fff;
 --table-head:#e3eefb; --table-border:#b8c9de;
 --glow:0 10px 30px #102b5822;
 --body-bg-image:radial-gradient(ellipse at 0 0,#60a5fa14,transparent 45%);
}
html[data-theme="dark"]:not([data-user-colors="true"]) #app > .section {
 background:linear-gradient(180deg,#11243d,#101f35);
}
html:not([data-user-colors="true"]) #app #tp-navigation .nav-btn.active,
html:not([data-user-colors="true"]) #app #dashboard #dashboard-actions > button.atajo,
html:not([data-user-colors="true"]) .btn-primary-action {
 background:linear-gradient(115deg,#1d4ed8,#0369a1); color:#fff;
 border-color:#428ad8; box-shadow:0 5px 18px #2563eb24;
}
html:not([data-user-colors="true"]) #app #tp-navigation .nav-btn.active:hover {
 background:#1e40af; color:#fff;
}
html:not([data-user-colors="true"]) #app .tp-shortcuts button {
 border-top:2px solid var(--primary); box-shadow:0 5px 16px #020b1c12;
}
html[data-theme="dark"]:not([data-user-colors="true"]) #app .tp-shortcuts svg,
html[data-theme="dark"]:not([data-user-colors="true"]) #app #dashboard .card-ico svg { color:#67e8f9; }
#login-screen {
 background:radial-gradient(ellipse at 20% 0%,#123d79 0%,transparent 55%),radial-gradient(ellipse at 100% 75%,#07556a44 0%,transparent 48%),#071324;
 color:#f1f6ff;
}
#login-screen::before { background:#1478d4; opacity:.13; }
#login-screen::after { background:#06b6d4; opacity:.1; }
#login-screen #form-login,#login-screen #form-registro-saas,
#login-screen #caja-2fa,#login-screen #caja-mfa-alta,#login-screen #registro-presentacion {
 background:linear-gradient(145deg,#132841,#101f35); border-color:#45617f;
 box-shadow:0 18px 50px #020b1c55,0 0 28px #0284c710;
}
#login-screen .registro-beneficios article { background:#0c1c31; border-color:#45617f; border-top:2px solid #39bdeb; }
#login-screen .registro-beneficios article > span { color:#67e8f9; }
#login-screen .registro-prueba { color:#a5f3fc; background:#103c50; border:1px solid #267589; }
#login-screen .login-bienvenida h2,#login-screen #registro-presentacion h2,
#login-screen .registro-beneficios h3,#login-screen .registro-seccion legend { color:#f1f6ff; }
#login-screen .login-bienvenida p,#login-screen #login-contexto,#login-screen #login-enlace-nota,
#login-screen .registro-descripcion,#login-screen .registro-beneficios p,
#login-screen .registro-personaliza,#login-screen .registro-ayuda,
#login-screen .registro-instruccion,#login-screen .registro-seccion .hint,
#login-screen .registro-seccion label,#login-screen .login-etiqueta,
#login-screen #form-registro-saas label { color:#b8c9df; }
#login-screen .login-campo input,#login-screen #form-registro-saas input,
#login-screen #form-registro-saas select,#login-screen #caja-2fa input,
#login-screen #caja-mfa-alta input { background:#0a182b; color:#f1f6ff; border-color:#6683a3; }
#login-screen input::placeholder { color:#a6bad3; opacity:1; }
#login-screen #btn-entrar,#login-screen #btn-comenzar-registro,
#login-screen #form-registro-saas > button[type="submit"] {
 background:linear-gradient(110deg,#1d4ed8,#0369a1); color:#fff;
 border:1px solid #428ad8; box-shadow:0 6px 22px #0284c733;
}
#login-screen #btn-entrar:hover,#login-screen #btn-comenzar-registro:hover,
#login-screen #form-registro-saas > button[type="submit"]:hover { background:#1e40af; }
#login-screen #btn-mostrar-registro { color:#b8c9df; }
#login-screen #btn-mostrar-registro strong { color:#67e8f9; }
#login-screen #login-build { color:#b8c9df; opacity:1!important; }
#login-screen .registro-seccion { border-color:#45617f; }
#login-screen .registro-seccion legend span { color:#fff; background:#1d4ed8; }
#login-screen #btn-cancelar-registro { color:#dbeafe; border-color:#6683a3; }
#login-screen .login-campo input:focus,#login-screen #form-registro-saas input:focus,
#login-screen #form-registro-saas select:focus { border-color:#67e8f9; outline:2px solid #67e8f9; outline-offset:2px; box-shadow:none; }
#login-screen button:focus-visible { outline:3px solid #67e8f9; outline-offset:3px; }
/* Superadmin: misma familia de colores, errores y acciones peligrosas separados. */
body.tp-superadmin { --bg:#071324; --panel:#101f35; --panel2:#13263e; --text:#f1f6ff; --muted:#b8c9df; --line:#45617f; --blue:#1d4ed8; }
body.tp-superadmin .login-card,body.tp-superadmin .panel,body.tp-superadmin .license-dialog { border-color:#45617f; background:#101f35; }
body.tp-superadmin input { border-color:#6683a3; color:#f1f6ff; background:#0a182b; }
body.tp-superadmin input::placeholder { color:#a6bad3; opacity:1; }
body.tp-superadmin .primary { background:linear-gradient(110deg,#1d4ed8,#0369a1); color:white; }
body.tp-superadmin .build { color:#b8c9df; }
body.tp-superadmin .ghost.danger { color:#fecdd3; border-color:#c96c80; }
body.tp-superadmin input:focus-visible { outline:2px solid #67e8f9; outline-offset:2px; }
}

/* Colores vivos del Superadmin y presentacion de registro. */
@media screen {
body.tp-superadmin {
 --blue:#2563eb; --blue2:#1d4ed8; --muted:#d0def4; --line:#547bad;
 background:radial-gradient(ellipse at 0 0,#1749b4 0,transparent 50%),radial-gradient(ellipse at 100% 85%,#07657888,transparent 46%),#081629;
}
body.tp-superadmin header { background:linear-gradient(110deg,#123678,#1d4ed8 65%,#155e75); border-bottom:2px solid #22d3ee; }
body.tp-superadmin .topbrand span { color:#e2edff; }
body.tp-superadmin .stat { border:1px solid #7ba9e0; box-shadow:0 10px 26px #02061740; }
body.tp-superadmin .stat:nth-child(1) { background:linear-gradient(120deg,#1e40af,#2563eb); }
body.tp-superadmin .stat:nth-child(2) { background:linear-gradient(120deg,#155e75,#0e7490); }
body.tp-superadmin .stat:nth-child(3) { background:linear-gradient(120deg,#065f46,#047857); }
body.tp-superadmin .stat:nth-child(4) { background:linear-gradient(120deg,#7c2d12,#9a3412); }
body.tp-superadmin .stat span,body.tp-superadmin .stat b { color:#fff; }
body.tp-superadmin .card { background:linear-gradient(130deg,#172e50,#10243e); border-color:#547bad; }
body.tp-superadmin .card summary { color:#fff; border-left:4px solid #22d3ee; background:linear-gradient(110deg,#17366d,#12334b); }
body.tp-superadmin .workshop-name { color:#fff; }
body.tp-superadmin .action-title { color:#a5e9f5; }
body.tp-superadmin .ghost { background:#1d4ed8; border-color:#60a5fa; color:#fff; font-weight:650; box-shadow:0 4px 12px #02061722; }
body.tp-superadmin .ghost:hover:not(:disabled) { background:#1e40af; border-color:#93c5fd; }
body.tp-superadmin .ghost.success { background:#047857; border-color:#34d399; color:#fff; }
body.tp-superadmin .ghost.success:hover:not(:disabled) { background:#065f46; }
body.tp-superadmin .ghost.gold { background:#fbbf24; border-color:#fde68a; color:#111827; }
body.tp-superadmin .ghost.gold:hover:not(:disabled) { background:#f59e0b; }
body.tp-superadmin .ghost.danger { background:#b91c1c; border-color:#f87171; color:#fff; }
body.tp-superadmin .ghost.danger:hover:not(:disabled) { background:#991b1b; }
body.tp-superadmin .filter-btn.active { background:#22d3ee; border-color:#67e8f9; color:#082f49; }
body.tp-superadmin .trial { background:#fbbf24; color:#111827; }
body.tp-superadmin .active:not(button) { background:#047857; color:#fff; }
body.tp-superadmin .expired,body.tp-superadmin .suspended { background:#b91c1c; color:#fff; }
body.tp-superadmin .primary { background:linear-gradient(110deg,#1d4ed8,#0e7490); border:1px solid #67e8f9; box-shadow:0 6px 22px #22d3ee25; }
body.tp-superadmin .toast.deleted { background:#991b1b; border-color:#f87171; color:#fff; }
body.tp-superadmin .dialog-body p.delete-completed { background:#991b1b; color:#fff; }
body.tp-superadmin button:focus-visible { outline:3px solid #67e8f9; outline-offset:3px; }
#login-screen { background:radial-gradient(ellipse at 0 0,#164bc0 0,transparent 58%),radial-gradient(ellipse at 100% 100%,#07657888,transparent 48%),#081629; }
#login-screen #registro-presentacion { background:linear-gradient(130deg,#172f54,#11253e); border:1px solid #60a5fa; box-shadow:0 16px 40px #02061740; }
#login-screen .registro-beneficios article:nth-child(1) { background:linear-gradient(125deg,#1e40af,#1d4ed8); border-color:#60a5fa; }
#login-screen .registro-beneficios article:nth-child(2) { background:linear-gradient(125deg,#155e75,#0e7490); border-color:#22d3ee; }
#login-screen .registro-beneficios article:nth-child(3) { background:linear-gradient(125deg,#065f46,#047857); border-color:#34d399; }
#login-screen .registro-beneficios article h3,#login-screen .registro-beneficios article p,#login-screen .registro-beneficios article > span { color:#fff; }
#login-screen .registro-prueba { background:#22d3ee; color:#082f49; border-color:#67e8f9; font-weight:750; }
#login-screen #btn-comenzar-registro { background:linear-gradient(110deg,#1d4ed8,#0e7490); border-color:#67e8f9; box-shadow:0 6px 24px #22d3ee30; }
#login-screen #btn-comenzar-registro:hover { background:#1e40af; }
}