/* ══════════════════════════════════════════════════════════════════
   TirguaCloud · Puente al tema Cielo (v349)
   Para las pantallas que aún cargan Tailwind por internet: Taller,
   Servicios, Superadmin, empleado clásico, móvil e inicios de sesión.
   Va DESPUÉS de tc.css. Generado por tema/puente.py con las clases que
   esas pantallas usan: no editar a mano.
   ══════════════════════════════════════════════════════════════════ */

/* Fondo con luz, letra e iconos propios */
html body{background-color:var(--bg);background-image:var(--fondo-img);background-attachment:fixed;color:var(--n900);
  -webkit-font-smoothing:antialiased;font-feature-settings:'tnum' 1;}
html body,html body :not(.sym):not(.material-symbols-outlined):not(.material-icons):not(svg):not(svg *):not(code):not(kbd):not(pre):not(.font-mono):not(.mono):not([class*="font-mono"]){font-family:var(--f)!important;}
html body :is(h1,h2,.font-display){font-family:var(--f-titulo)!important;letter-spacing:-.02em;}
html body :is(code,kbd,pre,.font-mono,.mono){font-family:var(--mono)!important;}
html body .font-black{font-weight:800!important;}
html body .uppercase.tracking-widest,html body [class*="tracking-[."]{letter-spacing:.06em!important;}
.sym,.material-symbols-outlined,.material-icons{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;
  line-height:1;flex-shrink:0;vertical-align:middle;overflow:hidden;user-select:none;font-size:1.15rem;}
.sym:not(.ic-ok),.material-symbols-outlined:not(.ic-ok){color:transparent!important;}
svg.ic{width:1em;height:1em;display:block;stroke-width:1.75;overflow:visible;}

/* Superficies blancas → n0; fondos grises fijos → bg */
.bg-white{background-color:var(--n0)!important;}
.bg-white\/80,.bg-white\/70,.bg-white\/90,.bg-white\/60{background-color:var(--vidrio)!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);}
.bg-\[\#f6f7f8\],.bg-\[\#f8fafc\],.bg-background-light{background-color:transparent!important;}
.bg-\[\#4c99e6\]{background-color:var(--a500s)!important;}
.text-\[\#4c99e6\]{color:var(--a600)!important;}
.border-white{border-color:var(--n0)!important;}

/* Barras fijas de cristal */
html body header.sticky,html body nav.sticky,html body aside.fixed,html body header.fixed,html body nav.fixed{
  background-color:var(--vidrio)!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-color:var(--vidrio-linea)!important;}

/* Campos */
html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-color:var(--n300);}
html body :is(input,select,textarea):focus{border-color:var(--a500)!important;box-shadow:var(--ring)!important;outline:none!important;}
html body input:is([type=checkbox],[type=radio]){accent-color:var(--a500);}

/* Esquinas: un paso más suaves y coherentes */
.rounded-xl{border-radius:var(--r-m)!important;} .rounded-2xl{border-radius:var(--r-l)!important;} .rounded-3xl{border-radius:var(--r-xl)!important;}

/* Clases de color → variables del tema */
.accent-amber-500{accent-color:var(--y500)!important}
.accent-blue-500{accent-color:var(--a500)!important}
.accent-blue-600{accent-color:var(--a600)!important}
.accent-red-500{accent-color:var(--r500)!important}
.bg-amber-100{background-color:var(--y100)!important}
.bg-amber-500{background-color:var(--y600s)!important}
.bg-amber-50\/40{background-color:color-mix(in srgb,var(--y50) 40%,transparent)!important}
.bg-amber-50{background-color:var(--y50)!important}
.bg-amber-900\/40{background-color:color-mix(in srgb,var(--y800) 40%,transparent)!important}
.bg-blue-100{background-color:var(--a100)!important}
.bg-blue-500{background-color:var(--a500s)!important}
.bg-blue-50{background-color:var(--a50)!important}
.bg-blue-600{background-color:var(--a500s)!important}
.bg-blue-900\/30{background-color:color-mix(in srgb,var(--a700s) 30%,transparent)!important}
.bg-blue-900\/40{background-color:color-mix(in srgb,var(--a700s) 40%,transparent)!important}
.bg-cyan-100{background-color:var(--c100)!important}
.bg-cyan-50{background-color:var(--c50)!important}
.bg-cyan-900\/40{background-color:color-mix(in srgb,var(--c700) 40%,transparent)!important}
.bg-emerald-100{background-color:var(--g100)!important}
.bg-emerald-500{background-color:var(--g600s)!important}
.bg-emerald-50{background-color:var(--g50)!important}
.bg-emerald-600{background-color:var(--g600s)!important}
.bg-emerald-900\/30{background-color:color-mix(in srgb,var(--g800) 30%,transparent)!important}
.bg-emerald-900\/40{background-color:color-mix(in srgb,var(--g800) 40%,transparent)!important}
.bg-green-100{background-color:var(--g100)!important}
.bg-green-50{background-color:var(--g50)!important}
.bg-green-600{background-color:var(--g600s)!important}
.bg-indigo-100{background-color:var(--a100)!important}
.bg-indigo-500{background-color:var(--a500s)!important}
.bg-indigo-50{background-color:var(--a50)!important}
.bg-indigo-900\/40{background-color:color-mix(in srgb,var(--a700s) 40%,transparent)!important}
.bg-primary\/10{background-color:color-mix(in srgb,var(--a500s) 10%,transparent)!important}
.bg-purple-100{background-color:var(--v100)!important}
.bg-purple-50{background-color:var(--v50)!important}
.bg-purple-600{background-color:var(--v600s)!important}
.bg-quartz-600{background-color:var(--a500s)!important}
.bg-red-100{background-color:var(--r100)!important}
.bg-red-500{background-color:var(--r600s)!important}
.bg-red-50{background-color:var(--r50)!important}
.bg-slate-100\/80{background-color:color-mix(in srgb,var(--n100) 80%,transparent)!important}
.bg-slate-100{background-color:var(--n100)!important}
.bg-slate-200{background-color:var(--n200)!important}
.bg-slate-50\/50{background-color:color-mix(in srgb,var(--n50) 50%,transparent)!important}
.bg-slate-50\/70{background-color:color-mix(in srgb,var(--n50) 70%,transparent)!important}
.bg-slate-50{background-color:var(--n50)!important}
.bg-slate-700{background-color:var(--n800s)!important}
.bg-slate-800\/30{background-color:color-mix(in srgb,var(--n800s) 30%,transparent)!important}
.bg-slate-800\/60{background-color:color-mix(in srgb,var(--n800s) 60%,transparent)!important}
.bg-slate-800{background-color:var(--n800s)!important}
.bg-slate-900\/80{background-color:color-mix(in srgb,var(--n900s) 80%,transparent)!important}
.bg-slate-900{background-color:var(--n900s)!important}
.bg-teal-100{background-color:var(--c100)!important}
.bg-teal-900\/40{background-color:color-mix(in srgb,var(--c700) 40%,transparent)!important}
.bg-violet-100{background-color:var(--v100)!important}
.bg-violet-50{background-color:var(--v50)!important}
.bg-violet-900\/30{background-color:color-mix(in srgb,var(--v600) 30%,transparent)!important}
.bg-violet-900\/40{background-color:color-mix(in srgb,var(--v600) 40%,transparent)!important}
.border-amber-200{border-color:var(--y300)!important}
.border-amber-400{border-color:var(--y500)!important}
.border-blue-200{border-color:var(--a200)!important}
.border-blue-400{border-color:var(--a500)!important}
.border-emerald-200{border-color:var(--g200)!important}
.border-green-200{border-color:var(--g200)!important}
.border-indigo-200{border-color:var(--a200)!important}
.border-red-200{border-color:var(--r200)!important}
.border-red-400{border-color:var(--r500)!important}
.border-slate-100{border-color:var(--n100)!important}
.border-slate-200{border-color:var(--n200)!important}
.border-slate-300{border-color:var(--n300)!important}
.border-slate-50{border-color:var(--n50)!important}
.border-slate-600{border-color:var(--n600)!important}
.border-slate-700{border-color:var(--n700)!important}
.border-slate-800\/60{border-color:color-mix(in srgb,var(--n800) 60%,transparent)!important}
.border-slate-800{border-color:var(--n800)!important}
.border-violet-200{border-color:var(--v200)!important}
.divide-slate-100>:not([hidden])~:not([hidden]){border-color:var(--n100)!important}
.divide-slate-50>:not([hidden])~:not([hidden]){border-color:var(--n50)!important}
.divide-slate-800>:not([hidden])~:not([hidden]){border-color:var(--n800)!important}
.from-blue-600{--tw-gradient-from:var(--a600) var(--tw-gradient-from-position)!important;--tw-gradient-to:transparent var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
.shadow-blue-600\/20{--tw-shadow-color:color-mix(in srgb,color-mix(in srgb,var(--a600) 20%,transparent) 22%,transparent)!important}
.shadow-blue-600\/25{--tw-shadow-color:color-mix(in srgb,color-mix(in srgb,var(--a600) 25%,transparent) 22%,transparent)!important}
.shadow-blue-600\/30{--tw-shadow-color:color-mix(in srgb,color-mix(in srgb,var(--a600) 30%,transparent) 22%,transparent)!important}
.shadow-emerald-600\/20{--tw-shadow-color:color-mix(in srgb,color-mix(in srgb,var(--g600) 20%,transparent) 22%,transparent)!important}
.shadow-quartz-200{--tw-shadow-color:color-mix(in srgb,var(--a200) 22%,transparent)!important}
.text-amber-400{color:var(--y500)!important}
.text-amber-500{color:var(--y500)!important}
.text-amber-600{color:var(--y600)!important}
.text-amber-700{color:var(--y800)!important}
.text-amber-800{color:var(--y800)!important}
.text-blue-200{color:var(--a200)!important}
.text-blue-400{color:var(--a600)!important}
.text-blue-500{color:var(--a600)!important}
.text-blue-600{color:var(--a600)!important}
.text-blue-700{color:var(--a700)!important}
.text-cyan-400{color:var(--c700)!important}
.text-cyan-600{color:var(--c700)!important}
.text-cyan-700{color:var(--c700)!important}
.text-emerald-400{color:var(--g500)!important}
.text-emerald-500{color:var(--g500)!important}
.text-emerald-600{color:var(--g600)!important}
.text-emerald-700{color:var(--g700)!important}
.text-emerald-800{color:var(--g800)!important}
.text-green-600{color:var(--g600)!important}
.text-green-700{color:var(--g700)!important}
.text-indigo-400{color:var(--a600)!important}
.text-indigo-600{color:var(--a600)!important}
.text-indigo-700{color:var(--a700)!important}
.text-primary{color:var(--a600)!important}
.text-purple-600{color:var(--v600)!important}
.text-purple-700{color:var(--v600)!important}
.text-red-400{color:var(--r500)!important}
.text-red-500{color:var(--r500)!important}
.text-red-600{color:var(--r600)!important}
.text-red-700{color:var(--r800)!important}
.text-slate-100{color:var(--n100)!important}
.text-slate-300{color:var(--n300)!important}
.text-slate-400{color:var(--n400)!important}
.text-slate-500{color:var(--n500)!important}
.text-slate-600{color:var(--n600)!important}
.text-slate-700{color:var(--n700)!important}
.text-slate-800{color:var(--n800)!important}
.text-slate-900{color:var(--n900)!important}
.text-teal-400{color:var(--c700)!important}
.text-teal-700{color:var(--c700)!important}
.text-violet-400{color:var(--v600)!important}
.text-violet-500{color:var(--v600)!important}
.text-violet-600{color:var(--v600)!important}
.text-violet-700{color:var(--v600)!important}
.to-blue-700{--tw-gradient-to:var(--a700) var(--tw-gradient-to-position)!important}
.focus\:ring-blue-200:focus{--tw-ring-color:var(--a200)!important}
.focus\:ring-blue-500:focus{--tw-ring-color:var(--a500)!important}
.hover\:bg-amber-100:hover{background-color:var(--y100)!important}
.hover\:bg-amber-50:hover{background-color:var(--y50)!important}
.hover\:bg-blue-100:hover{background-color:var(--a100)!important}
.hover\:bg-blue-50:hover{background-color:var(--a50)!important}
.hover\:bg-blue-700:hover{background-color:var(--a600s)!important}
.hover\:bg-emerald-100:hover{background-color:var(--g100)!important}
.hover\:bg-emerald-50:hover{background-color:var(--g50)!important}
.hover\:bg-emerald-700:hover{background-color:var(--g700s)!important}
.hover\:bg-primary\/5:hover{background-color:color-mix(in srgb,var(--a500s) 5%,transparent)!important}
.hover\:bg-purple-700:hover{background-color:var(--v600s)!important}
.hover\:bg-red-100:hover{background-color:var(--r100)!important}
.hover\:bg-red-50:hover{background-color:var(--r50)!important}
.hover\:bg-red-600:hover{background-color:var(--r600s)!important}
.hover\:bg-slate-100:hover{background-color:var(--n100)!important}
.hover\:bg-slate-200:hover{background-color:var(--n200)!important}
.hover\:bg-slate-50:hover{background-color:var(--n50)!important}
.hover\:bg-slate-800\/40:hover{background-color:color-mix(in srgb,var(--n800s) 40%,transparent)!important}
.hover\:bg-slate-800\/50:hover{background-color:color-mix(in srgb,var(--n800s) 50%,transparent)!important}
.hover\:border-blue-400:hover{border-color:var(--a500)!important}
.hover\:border-primary:hover{border-color:var(--a500)!important}
.hover\:text-amber-500:hover{color:var(--y500)!important}
.hover\:text-amber-600:hover{color:var(--y600)!important}
.hover\:text-blue-500:hover{color:var(--a600)!important}
.hover\:text-blue-600:hover{color:var(--a600)!important}
.hover\:text-blue-700:hover{color:var(--a700)!important}
.hover\:text-emerald-500:hover{color:var(--g500)!important}
.hover\:text-emerald-600:hover{color:var(--g600)!important}
.hover\:text-primary:hover{color:var(--a600)!important}
.hover\:text-red-500:hover{color:var(--r500)!important}
.hover\:text-red-600:hover{color:var(--r600)!important}
.hover\:text-red-700:hover{color:var(--r800)!important}
.hover\:text-slate-700:hover{color:var(--n700)!important}