/* Kiosco Distribuidora · Identidad cromática 2026
   Solo modifica colores. No altera estructura, tamaños, tipografía ni espaciados. */
:root{
  --k-blue:#142A4E;
  --k-blue-hover:#0F213E;
  --k-blue-soft:#EAF0F7;
  --k-green:#69D534;
  --k-green-hover:#5DC62D;
  --k-green-soft:#EFFBEA;
  --k-white:#FFFFFF;
  --k-bg:#F3F6F8;
  --k-muted:#526173;
  --k-border:#D7E0E7;
  --k-border-strong:#C3CFD9;
  --k-success:#237A2B;
  --k-promo:#FFB020;
  --k-promo-soft:#FFF5DB;
}
html,body{background-color:var(--k-bg);color:var(--k-blue)}
::selection{background:var(--k-green);color:var(--k-blue)}

/* Neutros */
.bg-slate-50{background-color:var(--k-bg)!important}
.bg-slate-100{background-color:#E9EEF2!important}
.bg-slate-200{background-color:var(--k-border)!important}
.bg-slate-800,.bg-slate-900,.bg-slate-950{background-color:var(--k-blue)!important}
.text-slate-950,.text-slate-900,.text-slate-800{color:var(--k-blue)!important}
.text-slate-700,.text-slate-600,.text-slate-500{color:var(--k-muted)!important}
.border-slate-100{border-color:#E6ECF1!important}
.border-slate-200{border-color:var(--k-border)!important}
.border-slate-300{border-color:var(--k-border-strong)!important}

/* Azul institucional */
.bg-blue-50,.bg-blue-100{background-color:var(--k-blue-soft)!important}
.bg-blue-600,.bg-blue-700,.bg-blue-800,.bg-blue-900,.bg-blue-950{background-color:var(--k-blue)!important}
.text-blue-600,.text-blue-700,.text-blue-800,.text-blue-900,.text-blue-950{color:var(--k-blue)!important}
.border-blue-100,.border-blue-200,.border-blue-300{border-color:#DDE7F1!important}

/* Verde de marca y éxito */
.bg-emerald-50,.bg-green-50{background-color:var(--k-green-soft)!important}
.bg-emerald-100,.bg-green-100{background-color:#DCF4D0!important}
.bg-emerald-500,.bg-green-500{background-color:var(--k-green)!important}
.bg-emerald-600,.bg-emerald-700,.bg-emerald-800,.bg-emerald-900,.bg-emerald-950,
.bg-green-600,.bg-green-700,.bg-green-800,.bg-green-900,.bg-green-950{background-color:var(--k-blue)!important}
.text-emerald-300,.text-green-300{color:var(--k-green)!important}
.text-emerald-600,.text-emerald-700,.text-emerald-800,.text-emerald-900,
.text-green-600,.text-green-700,.text-green-800,.text-green-900{color:var(--k-success)!important}
.border-emerald-100,.border-emerald-200,.border-emerald-300,
.border-green-100,.border-green-200,.border-green-300{border-color:#BCE9A6!important}

/* Acciones positivas: verde con texto azul */
:is(button,a,input[type="submit"],input[type="button"]).bg-emerald-600,
:is(button,a,input[type="submit"],input[type="button"]).bg-emerald-700,
:is(button,a,input[type="submit"],input[type="button"]).bg-emerald-800,
:is(button,a,input[type="submit"],input[type="button"]).bg-emerald-900,
:is(button,a,input[type="submit"],input[type="button"]).bg-green-600,
:is(button,a,input[type="submit"],input[type="button"]).bg-green-700,
:is(button,a,input[type="submit"],input[type="button"]).bg-green-800,
:is(button,a,input[type="submit"],input[type="button"]).bg-green-900{
  background-color:var(--k-green)!important;color:var(--k-blue)!important
}

/* Acciones secundarias */
:is(button,a,input[type="submit"],input[type="button"]).bg-slate-800,
:is(button,a,input[type="submit"],input[type="button"]).bg-slate-900,
:is(button,a,input[type="submit"],input[type="button"]).bg-slate-950{
  background-color:var(--k-blue)!important;color:var(--k-white)!important
}

/* Amarillo funcional: promociones y advertencias */
.bg-amber-50,.bg-orange-50,.bg-yellow-50{background-color:var(--k-promo-soft)!important}
.bg-amber-100,.bg-orange-100,.bg-yellow-100{background-color:#FFE9B3!important}
.bg-amber-500,.bg-amber-600,.bg-orange-500,.bg-orange-600,.bg-yellow-500,.bg-yellow-600{
  background-color:var(--k-promo)!important;color:var(--k-blue)!important
}
.text-amber-600,.text-amber-700,.text-amber-800,.text-amber-900,
.text-orange-600,.text-orange-700,.text-orange-800,.text-orange-900,
.text-yellow-600,.text-yellow-700,.text-yellow-800,.text-yellow-900{color:var(--k-blue)!important}
.border-amber-100,.border-amber-200,.border-amber-300,
.border-orange-100,.border-orange-200,.border-orange-300,
.border-yellow-100,.border-yellow-200,.border-yellow-300{border-color:#FFD67A!important}

/* Botones decorativos naranjas pasan a acción positiva */
:is(button,a,input[type="submit"],input[type="button"]).bg-orange-500,
:is(button,a,input[type="submit"],input[type="button"]).bg-orange-600,
:is(button,a,input[type="submit"],input[type="button"]).bg-orange-700,
:is(button,a,input[type="submit"],input[type="button"]).bg-amber-500,
:is(button,a,input[type="submit"],input[type="button"]).bg-amber-600,
:is(button,a,input[type="submit"],input[type="button"]).bg-amber-700{
  background-color:var(--k-green)!important;color:var(--k-blue)!important
}

/* El violeta decorativo se integra al azul institucional */
.bg-violet-50,.bg-violet-100,.bg-purple-50,.bg-purple-100{background-color:var(--k-blue-soft)!important}
.bg-violet-600,.bg-violet-700,.bg-violet-800,.bg-purple-600,.bg-purple-700,.bg-purple-800{background-color:var(--k-blue)!important}
.text-violet-600,.text-violet-700,.text-violet-800,.text-violet-900,
.text-purple-600,.text-purple-700,.text-purple-800,.text-purple-900{color:var(--k-blue)!important}
.border-violet-100,.border-violet-200,.border-violet-300,
.border-purple-100,.border-purple-200,.border-purple-300{border-color:#DDE7F1!important}

/* Gradientes existentes */
.from-emerald-950,.from-emerald-900,.from-slate-950,.from-slate-900{
  --tw-gradient-from:var(--k-blue) var(--tw-gradient-from-position)!important;
  --tw-gradient-to:rgb(20 42 78 / 0) var(--tw-gradient-to-position)!important;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important
}
.via-emerald-900,.via-emerald-800,.via-slate-900,.via-slate-800{
  --tw-gradient-to:rgb(20 42 78 / 0) var(--tw-gradient-to-position)!important;
  --tw-gradient-stops:var(--tw-gradient-from),var(--k-blue) var(--tw-gradient-via-position),var(--tw-gradient-to)!important
}
.to-emerald-800,.to-emerald-700,.to-slate-800,.to-slate-700{
  --tw-gradient-to:var(--k-blue) var(--tw-gradient-to-position)!important
}

/* Fondos decorativos translúcidos */
.bg-blue-100\/70{background-color:rgb(20 42 78 / .10)!important}
.bg-emerald-100\/60{background-color:rgb(105 213 52 / .13)!important}
.bg-slate-200\/70{background-color:rgb(82 97 115 / .12)!important}
.border-slate-200\/80{border-color:rgb(215 224 231 / .82)!important}

/* Hover y focus */
[class*="hover:bg-emerald-900"]:hover,[class*="hover:bg-emerald-800"]:hover,
[class*="hover:bg-green-900"]:hover,[class*="hover:bg-green-800"]:hover{
  background-color:var(--k-green-hover)!important;color:var(--k-blue)!important
}
[class*="hover:bg-slate-950"]:hover,[class*="hover:bg-slate-900"]:hover,[class*="hover:bg-black"]:hover{
  background-color:var(--k-blue-hover)!important
}
[class*="hover:bg-slate-50"]:hover,[class*="hover:bg-blue-50"]:hover{background-color:var(--k-blue-soft)!important}
[class*="hover:bg-orange-700"]:hover,[class*="hover:bg-amber-700"]:hover{
  background-color:var(--k-green-hover)!important;color:var(--k-blue)!important
}
[class*="focus:border-emerald-700"]:focus,[class*="focus:border-green-700"]:focus,
[class*="focus:border-blue-700"]:focus,[class*="focus:border-violet-700"]:focus,
[class*="focus:border-orange-600"]:focus{border-color:var(--k-green)!important}
[class*="focus:ring-emerald-700"]:focus,[class*="focus:ring-green-700"]:focus,
[class*="focus:ring-blue-700"]:focus,[class*="focus:ring-violet-700"]:focus,
[class*="focus:ring-orange-600"]:focus{--tw-ring-color:rgb(105 213 52 / .42)!important}

/* Radios, checks y selección */
input[type="checkbox"],input[type="radio"]{accent-color:var(--k-green)}
input.peer:checked~[class*="peer-checked:border-emerald-700"],
input.peer:checked~[class*="peer-checked:border-green-700"],
input.peer:checked~[class*="peer-checked:border-blue-700"]{border-color:var(--k-green)!important}
input.peer:checked~[class*="peer-checked:bg-emerald-50"],
input.peer:checked~[class*="peer-checked:bg-green-50"],
input.peer:checked~[class*="peer-checked:bg-blue-50"]{background-color:var(--k-green-soft)!important}

/* Semántica explícita */
[data-status="success"],[data-state="success"],.kiosco-success{color:var(--k-success)!important}
[data-promotion],[data-promo],.kiosco-promotion{
  background-color:var(--k-promo)!important;border-color:var(--k-promo)!important;color:var(--k-blue)!important
}
::placeholder{color:#8290A0}
*{scrollbar-color:#8B9AAD var(--k-bg)}
@media print{html,body{background:#fff!important;color:var(--k-blue)!important}}