/* Variables: mantengo ambas por compatibilidad */
:root{
  --orange:#ff851b;
  --naranja:#ff851b;
}

/* ------------------------------------------ */
/* BOTONES                                   */
/* ------------------------------------------ */
.btn-orange, .btn-naranja{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--orange);
  --bs-btn-border-color:var(--orange);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#e67612;
  --bs-btn-hover-border-color:#e67612;
  --bs-btn-focus-shadow-rgb:255,133,27;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#cc660a;
  --bs-btn-active-border-color:#cc660a;
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#ffb37a;
  --bs-btn-disabled-border-color:#ffb37a;
}

.btn-outline-orange, .btn-outline-naranja{
  --bs-btn-color:var(--orange);
  --bs-btn-border-color:var(--orange);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--orange);
  --bs-btn-hover-border-color:var(--orange);
  --bs-btn-focus-shadow-rgb:255,133,27;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#cc660a;
  --bs-btn-active-border-color:#cc660a;
  --bs-btn-disabled-color:#ffb37a;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#ffb37a;
}

/* ------------------------------------------ */
/* TEXTOS / LINKS                             */
/* ------------------------------------------ */
.text-orange{color:var(--orange);}
.text-orange-dark{color:#cc660a;}
.text-orange-light{color:#ffb37a;}

a.link-orange{color:var(--orange);text-decoration:none;}
a.link-orange:hover{color:#cc660a;text-decoration:underline;}

/* ------------------------------------------ */
/* BACKGROUNDS                                */
/* ------------------------------------------ */
.bg-orange{background-color:var(--orange);color:#fff;}
.bg-orange-light{background-color:#ffb37a;color:#212529;}
.bg-orange-dark{background-color:#cc660a;color:#fff;}

/* ------------------------------------------ */
/* BORDES                                     */
/* ------------------------------------------ */
.border-orange{border-color:var(--orange);}
.border-top-orange{border-top-color:var(--orange);}
.border-end-orange{border-right-color:var(--orange);}
.border-bottom-orange{border-bottom-color:var(--orange);}
.border-start-orange{border-left-color:var(--orange);}

/* Card naranja “auto” si agregás .border-orange en la card */
.card.border-orange>.card-header{
  background-color:var(--orange);
  color:#fff;
}

/* ------------------------------------------ */
/* INPUTS / SELECTS                           */
/* ------------------------------------------ */
.form-control.border-orange,
.form-select.border-orange{
  border-color:var(--orange);
}
.form-control.border-orange:focus,
.form-select.border-orange:focus{
  border-color:#cc660a;
  box-shadow:0 0 0 .25rem rgba(255,133,27,.25);
  outline:0;
}

/* ------------------------------------------ */
/* CHECKS & RADIOS                            */
/* 1) accent-color cubre la mayoría de casos  */
/* 2) reglas extra por si el tema usa SVG bg  */
/* ------------------------------------------ */
.form-check-input{
  accent-color:var(--orange); /* moderno y simple */
}

.form-check-input:focus{
  border-color:var(--orange);
  box-shadow:0 0 0 .25rem rgba(255,133,27,.25);
}

.form-check-input:checked{
  background-color:var(--orange);
  border-color:var(--orange);
}

/* Radios explícitos (por si algún theme pisa estilos) */
.form-check-input[type="radio"]:checked{
  background-color:var(--orange);
  border-color:var(--orange);
}

/* ------------------------------------------ */
/* ALERTAS                                    */
/* ------------------------------------------ */
.alert-orange, .alert-naranja {
  --bs-alert-bg: #fff3e6;
  --bs-alert-color: #cc660a;
  --bs-alert-border-color: #ffb37a;
  --bs-alert-link-color: #a14d07;

  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border-color: var(--bs-alert-border-color);
}

.alert-orange hr,
.alert-naranja hr {
  border-top-color: #ffb37a;
}

.alert-orange .alert-link,
.alert-naranja .alert-link {
  color: var(--bs-alert-link-color);
  font-weight: 600;
}
