/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* ============================================================
   TEMA OSCURO DORADO — OLIMPO CHILE
   Primary:  #F9BE2D  |  Dark body: #111827
   ============================================================ */

/* ------------------------------------------------------------
   0. TIPOGRAFÍA GLOBAL
   -------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Rubik:wght@300;400;500;600;700&display=swap');

html {
  font-size: 15px;
}

body {
  font-family: "IBM Plex Sans", sans-serif !important;
  background-color: #111827 !important;
  color: #F9FAFB !important;
}

table, .table, .datatable, .rdt_Table {
  font-family: "Rubik", sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: inherit;
}

/* ------------------------------------------------------------
   1. CSS CUSTOM PROPERTIES
   -------------------------------------------------------------- */
:root {
  /* Primary — Dorado */
  --primary:             #F9BE2D;
  --primary-hover:       #FAC94D;
  --primary-active:      #D4A017;
  --primary-rgba:        rgba(249, 190, 45, 0.2);
  --primary-glow:        rgba(249, 190, 45, 0.6);

  /* Textos */
  --text-main:           #F9FAFB;
  --text-secondary:      #D1D5DB;
  --text-muted:          #9CA3AF;

  /* Fondos */
  --bg-body:             #111827;
  --bg-sidebar-dark:     #1F2937;
  --bg-sidebar-light:    #374151;
  --bg-input:            #374151;
  --bg-input-disabled:   #1F2937;
  --bg-modal:            #1F2937;
  --bg-table-head:       #1F2937;
  --bg-table-hover:      #374151;
  --bg-dropzone:         #374151;

  /* Semánticos */
  --success:             #34D399;
  --success-dark:        #10B981;
  --danger:              #F87171;
  --warning:             rgba(251, 191, 36, 0.2);
  --info:                rgba(45, 212, 191, 0.2);

  /* Bordes */
  --border-input:        #4B5563;
  --border-input-hover:  #6B7280;
  --border-input-focus:  #F9BE2D;
  --border-disabled:     #374151;
  --border-card:         #374151;
  --border-sidebar:      #374151;
  --border-separator:    #374151;

  /* Sombras */
  --shadow-card:         0 4px 20px rgba(0, 0, 0, 0.6);
  --shadow-btn:          0 2px 8px rgba(249, 190, 45, 0.6);
  --shadow-focus:        0 0 8px rgba(249, 190, 45, 0.7);

  /* Border-radius */
  --radius-base:         0.267rem;
  --radius-modal:        10px;
  --radius-dropzone:     5px;
  --radius-switch:       9px;
}

/* ------------------------------------------------------------
   2. LINKS GLOBALES
   -------------------------------------------------------------- */
a {
  color: #F9BE2D;
}
a:hover {
  color: #FAC94D;
}

/* ------------------------------------------------------------
   3. BOTONES PRIMARY
   -------------------------------------------------------------- */
.btn-primary {
  background-color: #F9BE2D !important;
  border-color:     #F9BE2D !important;
  color:            #111827 !important;
  box-shadow:       0 2px 8px rgba(249, 190, 45, 0.6) !important;
}
.btn-primary:hover {
  background-color: #FAC94D !important;
  border-color:     #FAC94D !important;
  color:            #111827 !important;
}
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #D4A017 !important;
  border-color:     #D4A017 !important;
  color:            #111827 !important;
}
.btn-primary:focus,
.btn-primary.focus {
  background-color: #D4A017 !important;
  border-color:     #D4A017 !important;
  box-shadow:       0 0 8px rgba(249, 190, 45, 0.7) !important;
}
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #FAC94D !important;
  border-color:     #FAC94D !important;
  opacity: 0.6;
}

/* Outline Primary */
.btn-outline-primary {
  color:        #F9BE2D !important;
  border-color: #F9BE2D !important;
  background:   transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #F9BE2D !important;
  border-color:     #F9BE2D !important;
  color:            #111827 !important;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 8px rgba(249, 190, 45, 0.7) !important;
}

/* Light Primary */
.btn-light-primary {
  background-color: #FEF3CE !important;
  border-color:     #FEF3CE !important;
  color:            #F9BE2D !important;
}
.btn-light-primary:hover {
  background-color: #F9BE2D !important;
  border-color:     #F9BE2D !important;
  color:            #111827 !important;
}

/* ------------------------------------------------------------
   4. BOTONES SUCCESS / DANGER / WARNING
   -------------------------------------------------------------- */
.btn-success {
  background-color: #F9BE2D !important;
  border-color:     #F9BE2D !important;
  color:            #111827 !important;
  box-shadow:       0 2px 8px rgba(249, 190, 45, 0.6) !important;
}
.btn-success:hover {
  background-color: #FAC94D !important;
  border-color:     #FAC94D !important;
  color:            #111827 !important;
}
.btn-success:active,
.btn-success.active {
  background-color: #D4A017 !important;
  border-color:     #D4A017 !important;
  color:            #111827 !important;
}
.btn-success:focus,
.btn-success.focus {
  background-color: #D4A017 !important;
  border-color:     #D4A017 !important;
  box-shadow:       0 0 8px rgba(249, 190, 45, 0.7) !important;
}
.btn-success.disabled,
.btn-success:disabled {
  background-color: #FAC94D !important;
  border-color:     #FAC94D !important;
  opacity: 0.6;
}
.btn-outline-success {
  color:        #F9BE2D !important;
  border-color: #F9BE2D !important;
  background:   transparent !important;
}
.btn-outline-success:hover,
.btn-outline-success:active {
  background-color: #F9BE2D !important;
  border-color:     #F9BE2D !important;
  color:            #111827 !important;
}
.btn-outline-success:focus {
  box-shadow: 0 0 8px rgba(249, 190, 45, 0.7) !important;
}

.btn-danger {
  background-color: #F87171 !important;
  border-color:     #F87171 !important;
  color:            #111827 !important;
}
.btn-danger:hover,
.btn-danger:active {
  background-color: #EF4444 !important;
  border-color:     #EF4444 !important;
  color:            #FFFFFF !important;
}
.btn-outline-danger {
  color:        #F87171 !important;
  border-color: #F87171 !important;
  background:   transparent !important;
}
.btn-outline-danger:hover,
.btn-outline-danger:active {
  background-color: #F87171 !important;
  color:            #111827 !important;
}

/* Secondary */
.btn-secondary {
  background-color: #374151 !important;
  border-color:     #4B5563 !important;
  color:            #F9FAFB !important;
}
.btn-secondary:hover,
.btn-secondary:active {
  background-color: #4B5563 !important;
  border-color:     #6B7280 !important;
  color:            #F9FAFB !important;
}
.btn-outline-secondary {
  color:        #D1D5DB !important;
  border-color: #4B5563 !important;
  background:   transparent !important;
}
.btn-outline-secondary:hover {
  background-color: #374151 !important;
  color:            #F9FAFB !important;
}
.btn-outline-dark {
  color:        #9FA9E0 !important;
  border-color: #9FA9E0 !important;
  background:   transparent !important;
}
.btn-outline-dark:hover,
.btn-outline-dark:active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
  background-color: #374151 !important;
  border-color:     #9FA9E0 !important;
  color:            #D1D5DB !important;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(107, 114, 128, 0.4) !important;
}

/* ------------------------------------------------------------
   5. FONDOS SEMÁNTICOS
   -------------------------------------------------------------- */
.bg-primary {
  background-color: #F9BE2D !important;
}
.bg-success {
  background-color: #34D399 !important;
}
.bg-danger {
  background-color: #F87171 !important;
}
.bg-secondary {
  background-color: #374151 !important;
}
.bg-gradient-primary {
  background: linear-gradient(135deg, #FAC94D 0%, #F9BE2D 100%) !important;
}
.bg-rgba-primary-1 {
  background-color: rgba(249, 190, 45, 0.12) !important;
}
.bg-rgba-primary-2 {
  background-color: rgba(249, 190, 45, 0.2) !important;
}

/* Aviso contraseña / activación */
.aviso-password,
.password-warning {
  background-color: rgba(251, 191, 36, 0.2) !important;
}
.aviso-activacion,
.activation-info {
  background-color: rgba(45, 212, 191, 0.2) !important;
}

/* ------------------------------------------------------------
   6. TEXTOS
   -------------------------------------------------------------- */
body, p, span, div, li, td, th, label {
  color: #F9FAFB;
}
.text-primary {
  color: #F9BE2D !important;
}
.text-secondary,
.text-muted {
  color: #9CA3AF !important;
}
.text-success {
  color: #34D399 !important;
}
.text-danger {
  color: #F87171 !important;
}
a.text-primary:hover { color: #FAC94D !important; }
a.text-success:hover { color: #10B981 !important; }
a.text-danger:hover  { color: #EF4444 !important; }

/* ------------------------------------------------------------
   7. BORDES
   -------------------------------------------------------------- */
.border-primary   { border-color: #F9BE2D !important; }
.border-success   { border-color: #34D399 !important; }
.border-danger    { border-color: #F87171 !important; }
.border-secondary { border-color: #374151 !important; }
.border-top-primary    { border-top-color:    #F9BE2D !important; }
.border-bottom-primary { border-bottom-color: #F9BE2D !important; }
.border-left-primary   { border-left-color:   #F9BE2D !important; }
.border-right-primary  { border-right-color:  #F9BE2D !important; }

/* ------------------------------------------------------------
   8. FORMULARIOS
   -------------------------------------------------------------- */
.form-control,
.custom-select,
.input-group-text {
  background-color: #374151 !important;
  border-color:     #4B5563 !important;
  color:            #F9FAFB !important;
}
.form-control::placeholder {
  color: #9CA3AF !important;
}
.form-control:hover,
.custom-select:hover {
  border-color: #6B7280 !important;
}
.form-control:focus,
.custom-select:focus {
  border-color: #F9BE2D !important;
  box-shadow:   0 0 8px rgba(249, 190, 45, 0.7) !important;
  background-color: #374151 !important;
  color:        #F9FAFB !important;
}
.form-control:disabled,
.form-control[readonly],
.custom-select:disabled {
  background-color: #1F2937 !important;
  border-color:     #374151 !important;
  color:            #9CA3AF !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #F9BE2D !important;
  border-color:     #F9BE2D !important;
}
.custom-control-label::before {
  border-color:     #F9BE2D !important;
  background-color: rgba(249, 190, 45, 0.08) !important;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 8px rgba(249, 190, 45, 0.7) !important;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #FAC94D !important;
}

/* ------------------------------------------------------------
   9. TABLAS
   -------------------------------------------------------------- */
.table {
  color: #F9FAFB !important;
  border-color: #374151 !important;
}
.table thead th,
.table > thead > tr > th {
  background-color: #1F2937 !important;
  color:            #F9FAFB !important;
  border-color:     #374151 !important;
}
.table tbody tr:hover > td,
.table-hover tbody tr:hover {
  background-color: #374151 !important;
}
.table td, .table th {
  border-color: #374151 !important;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(55, 65, 81, 0.5) !important;
}

/* ------------------------------------------------------------
   10. CARDS
   -------------------------------------------------------------- */
.card {
  background-color: #1F2937 !important;
  border-color:     #374151 !important;
  box-shadow:       0 4px 20px rgba(0, 0, 0, 0.6) !important;
  color:            #F9FAFB !important;
}
.card .card-header {
  background-color: #1F2937 !important;
  border-bottom:    1px solid #374151 !important;
  color:            #F9FAFB !important;
}
.card .card-footer {
  background-color: #1F2937 !important;
  border-top:       1px solid #374151 !important;
}

/* Card estados de visitas */
.estado-creado  { background-color: #374151 !important; }
.estado-espera  { background-color: #4B5563 !important; }
.estado-aprobado { background-color: #065F46 !important; }
.estado-anulado  { background-color: #7F1D1D !important; }
.estado-caducado { background-color: #1F2937 !important; }

.btn-estado-creado   { background-color: #F9BE2D !important; border-color: #F9BE2D !important; color: #111827 !important; }
.btn-estado-espera   { background-color: #FDE68A !important; border-color: #FDE68A !important; color: #111827 !important; }
.btn-estado-aprobado { background-color: #34D399 !important; border-color: #34D399 !important; color: #111827 !important; }
.btn-estado-anulado  { background-color: #F87171 !important; border-color: #F87171 !important; color: #111827 !important; }
.btn-estado-caducado { background-color: #9CA3AF !important; border-color: #9CA3AF !important; color: #111827 !important; }

/* ------------------------------------------------------------
   11. BADGES
   -------------------------------------------------------------- */
.badge-primary {
  background-color: #F9BE2D !important;
  color:            #111827 !important;
}
.badge-success {
  background-color: #34D399 !important;
  color:            #111827 !important;
}
.badge-danger {
  background-color: #F87171 !important;
  color:            #111827 !important;
}
.badge-secondary {
  background-color: #374151 !important;
  color:            #F9FAFB !important;
}
.badge-light-primary {
  background-color: rgba(249, 190, 45, 0.2) !important;
  color:            #F9BE2D !important;
}
.badge-circle {
  display:          flex !important;
  align-items:      center !important;
  justify-content:  center !important;
  color:            #F9BE2D !important;
  background-color: transparent !important;
  border-radius:    50% !important;
  height:           36px !important;
  width:            36px !important;
}

/* ------------------------------------------------------------
   12. ALERTS
   -------------------------------------------------------------- */
.alert-primary {
  color:            #111827 !important;
  background-color: rgba(249, 190, 45, 0.15) !important;
  border-color:     #F9BE2D !important;
}
.alert-success {
  color:            #F9FAFB !important;
  background-color: rgba(52, 211, 153, 0.15) !important;
  border-color:     #34D399 !important;
}
.alert-danger {
  color:            #F9FAFB !important;
  background-color: rgba(248, 113, 113, 0.15) !important;
  border-color:     #F87171 !important;
}
.alert-warning {
  color:            #F9FAFB !important;
  background-color: rgba(251, 191, 36, 0.2) !important;
  border-color:     #FBBF24 !important;
}

/* ------------------------------------------------------------
   13. PAGINACIÓN
   -------------------------------------------------------------- */
.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover {
  background-color: #F9BE2D !important;
  border-color:     #F9BE2D !important;
  color:            #111827 !important;
}
.pagination .page-item .page-link {
  background-color: #1F2937 !important;
  border-color:     #374151 !important;
  color:            #F9BE2D !important;
}
.pagination .page-item .page-link:hover {
  background-color: #374151 !important;
  color:            #FAC94D !important;
}

/* ------------------------------------------------------------
   14. TABS Y PILLS
   -------------------------------------------------------------- */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #F9BE2D !important;
  color:            #111827 !important;
}
.nav-tabs {
  border-bottom-color: #374151 !important;
}
.nav-tabs .nav-link {
  color: #D1D5DB !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: #1F2937 !important;
  color:            #F9BE2D !important;
  border-color:     #374151 #374151 #1F2937 !important;
}
.nav-link:hover {
  color: #F9BE2D !important;
}

/* ------------------------------------------------------------
   15. DROPDOWNS
   -------------------------------------------------------------- */
.dropdown-menu {
  background-color: #1F2937 !important;
  border-color:     #374151 !important;
}
.dropdown-item {
  color: #F9FAFB !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #374151 !important;
  color:            #F9BE2D !important;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #F9BE2D !important;
  color:            #111827 !important;
}
.dropdown-divider {
  border-color: #374151 !important;
}
/* Navbar dropdown arrow indicator */
.header-navbar .dropdown-toggle::after,
.navbar .dropdown-toggle::after {
  color: #F9BE2D !important;
}

/* ------------------------------------------------------------
   16. LIST GROUP
   -------------------------------------------------------------- */
.list-group-item {
  background-color: #1F2937 !important;
  border-color:     #374151 !important;
  color:            #F9FAFB !important;
}
.list-group-item:hover {
  background-color: #374151 !important;
  color:            #F9BE2D !important;
}
.list-group-item.active {
  background-color: #F9BE2D !important;
  border-color:     #F9BE2D !important;
  color:            #111827 !important;
}
.list-group-item.disabled {
  background-color: #374151 !important;
  color:            #6B7280 !important;
}
.list-group-item-primary {
  background-color: rgba(249, 190, 45, 0.2) !important;
  color:            #F9FAFB !important;
}

/* ------------------------------------------------------------
   17. PROGRESS BARS
   -------------------------------------------------------------- */
.progress {
  background-color: #374151 !important;
}
.progress-bar {
  background-color: #F9BE2D !important;
}
.progress-bar.bg-success {
  background-color: #34D399 !important;
}
.progress-bar.bg-danger {
  background-color: #F87171 !important;
}

/* ------------------------------------------------------------
   18. SIDEBAR Y NAVEGACIÓN
   -------------------------------------------------------------- */
.main-menu .navbar-header,
.main-menu .menu-header,
.main-menu.menu-dark .navigation,
.main-menu.menu-dark {
  background-color: #1F2937 !important;
}
/* Borde sidebar */
.main-menu {
  border-right: 1px solid #374151 !important;
}

/* Ítem activo */
.main-menu.menu-dark .navigation > li.active > a,
.main-menu.menu-dark .navigation li.active > a {
  background: linear-gradient(118deg, #FAC94D, rgba(249, 190, 45, 0.7)) !important;
  box-shadow: 0 0 10px 1px rgba(249, 190, 45, 0.35) !important;
  color:      #111827 !important;
}

/* Hover ítems */
.main-menu.menu-dark .navigation > li:not(.active) > a:hover,
.main-menu.menu-dark .navigation li:not(.active) > a:hover {
  color:            #F9BE2D !important;
  background-color: rgba(249, 190, 45, 0.08) !important;
}

/* Íconos menú */
.main-menu.menu-dark .navigation li a i,
.main-menu.menu-dark .navigation li a svg {
  color: #9CA3AF !important;
  fill:  #9CA3AF !important;
}
.main-menu.menu-dark .navigation li.active > a i,
.main-menu.menu-dark .navigation li.active > a svg {
  color: #FFFFFF !important;
  fill:  #FFFFFF !important;
}

/* Flecha submenú */
.main-menu.menu-dark .navigation li > a > .menu-arrow {
  color: #9CA3AF !important;
}

/* Submenús */
.main-menu.menu-dark .navigation li ul.menu-content {
  background-color: #111827 !important;
}
.main-menu.menu-dark .navigation li ul.menu-content li a:hover {
  color: #F9BE2D !important;
}
.main-menu.menu-dark .navigation li ul.menu-content li.active > a {
  color: #F9BE2D !important;
}

/* Header / brand */
.main-menu .navbar-header .navbar-brand {
  background-color: #1F2937 !important;
}

/* Navbar top */
.header-navbar {
  background-color: #1F2937 !important;
  border-bottom:    1px solid #374151 !important;
}
.header-navbar .navbar-container .nav-item.active > a,
.header-navbar .navbar-container .nav-item > a:hover {
  color: #F9BE2D !important;
}
/* Header notificaciones */
.header-navbar .notification-dropdown .dropdown-header {
  background-color: #F9BE2D !important;
  color:            #111827 !important;
}
.header-navbar .notification-dropdown .read-notification {
  background-color: #1F2937 !important;
}

/* Scrollbar sidebar */
.main-menu::-webkit-scrollbar-thumb {
  background-color: #374151 !important;
}
.main-menu::-webkit-scrollbar-track {
  background-color: #1F2937 !important;
}

/* ------------------------------------------------------------
   19. MODALES (Bootstrap)
   -------------------------------------------------------------- */
.modal-content {
  background-color: #1F2937 !important;
  border:           1px solid #374151 !important;
  border-radius:    10px !important;
  color:            #F9FAFB !important;
}
.modal-header {
  border-bottom-color: #374151 !important;
}
.modal-footer {
  border-top-color: #374151 !important;
}
.modal-backdrop.show {
  background-color: rgba(0, 0, 0, 0.7) !important;
  opacity: 1 !important;
}

/* ------------------------------------------------------------
   20. SPINNERS (Bootstrap)
   -------------------------------------------------------------- */
.spinner-border.text-primary,
.spinner-grow.text-primary {
  color: #F9BE2D !important;
}
.spinner-border.text-success,
.spinner-grow.text-success {
  color: #34D399 !important;
}
.spinner-border.text-danger,
.spinner-grow.text-danger {
  color: #F87171 !important;
}

/* ------------------------------------------------------------
   21. MULTISELECT / SELECT2
   -------------------------------------------------------------- */
/* Side available / selected */
.ms-container .ms-list {
  background-color: #1F2937 !important;
  border-color:     #F9BE2D !important;
}
.ms-container .ms-list.ms-focus {
  box-shadow: 0 0 8px rgba(249, 190, 45, 0.5) !important;
}
.ms-elem-selectable:hover,
.ms-elem-selection:hover {
  background-color: #F9BE2D !important;
  color:            #111827 !important;
}
.ms-elem-selectable {
  color: #F9FAFB !important;
}
.ms-elem-selectable.ms-highlighted {
  background-color: rgba(249, 190, 45, 0.25) !important;
}
.ms-elem-selectable[disabled] {
  background-color: #374151 !important;
  color:            #6B7280 !important;
}
/* Select2 */
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  background-color: #374151 !important;
  border-color:     #4B5563 !important;
  color:            #F9FAFB !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #F9FAFB !important;
}
/* Foco y estado abierto → borde primario (override components.css azul #5A8DEE) */
.select2-container--default .select2-selection--single:focus,
.select2-container--classic .select2-selection--single:focus {
  border-color: #F9BE2D !important;
  box-shadow:   0 0 0 3px rgba(249, 190, 45, 0.25) !important;
  outline:      none !important;
}
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--classic.select2-container--open .select2-selection--single {
  border-color: #F9BE2D !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--classic.select2-container--open .select2-selection--multiple,
.select2-container--classic .select2-selection--multiple:focus {
  border-color: #F9BE2D !important;
  box-shadow:   0 0 0 3px rgba(249, 190, 45, 0.25) !important;
}
.select2-dropdown {
  background-color: #1F2937 !important;
  border-color:     #4B5563 !important;
}
.select2-container--default .select2-results__option {
  color: #F9FAFB !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: rgba(249, 190, 45, 0.25) !important;
  color:            #F9BE2D !important;
}
/* Opción ya seleccionada → primario */
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #F9BE2D !important;
  color:            #111827 !important;
}
/* Tags de multi-select → primario */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #F9BE2D !important;
  border-color:     #D4A017 !important;
  color:            #111827 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(17, 24, 39, 0.8) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #111827 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-top-color: #9CA3AF !important;
}
.select2-search__field {
  background-color: #374151 !important;
  border-color:     #4B5563 !important;
  color:            #F9FAFB !important;
}
/* Íconos control */
.select2-container--default .select2-selection__clear {
  color: #9CA3AF !important;
}
.select2-container--default .select2-selection__clear:hover {
  color: #F87171 !important;
}

/* ------------------------------------------------------------
   21-B. REACT-SELECT v5 — override azul #2684FF por primary
   Usa atributos ARIA estables (no hashes de emotion)
   -------------------------------------------------------------- */
/* Opción ya seleccionada en el dropdown */
[role="option"][aria-selected="true"] {
  background-color: #F9BE2D !important;
  color:            #111827 !important;
}
/* Opción hovered / focus por teclado */
[role="listbox"] [role="option"]:hover {
  background-color: rgba(249, 190, 45, 0.18) !important;
  color:            #F9FAFB !important;
}
/* Tags de multi-selección */
[class*="multiValue"] {
  background-color: #F9BE2D !important;
}
[class*="multiValueLabel"] {
  color: #111827 !important;
}
[class*="multiValueRemove"]:hover {
  background-color: #D4A017 !important;
  color:            #111827 !important;
}
/* Control focused (border primario, sin azul) */
div:has(> input[id^="react-select-"]:is(:focus, [aria-activedescendant])) {
  border-color: #F9BE2D !important;
  /* box-shadow:   0 0 0 1px #F9BE2D !important; */
}

/* ------------------------------------------------------------
   22. CARD SEPARADORES / HR
   -------------------------------------------------------------- */
hr {
  border-color: #374151 !important;
}
.card-header + .card-body {
  border-top: 1px solid #374151 !important;
}

/* ------------------------------------------------------------
   23. BREADCRUMB
   -------------------------------------------------------------- */
.breadcrumb {
  background-color: inherit !important;
}
.breadcrumb-item.active {
  color: #9CA3AF !important;
}
.breadcrumb-item a {
  color: #F9FAFB !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #6B7280 !important;
}

h4.card-title {
    color: #F9FAFB !important;
}

/* ------------------------------------------------------------
   24. INPUT GROUP
   -------------------------------------------------------------- */
.input-group-text {
  background-color: #4B5563 !important;
  border-color:     #4B5563 !important;
  color:            #D1D5DB !important;
}

/* ------------------------------------------------------------
   25. SWITCH / TOGGLE
   -------------------------------------------------------------- */
.custom-switch .custom-control-label::before {
  background-color: #374151 !important;
  border-color:     #4B5563 !important;
  border-radius:    9px !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #F9BE2D !important;
  border-color:     #F9BE2D !important;
}

/* ------------------------------------------------------------
   FIN DE OVERRIDES — TEMA OSCURO ROSADO
   -------------------------------------------------------------- */

/* ------------------------------------------------------------
   CHECKBOX SUCCESS — override vendor colors.css (green #39DA8A → primary #F9BE2D)
   El componente CheckBox usa <label> plano (no .custom-control-label)
   -------------------------------------------------------------- */

/* Cuadrado sin marcar: borde primario */
.checkbox.checkbox-success label::before {
  border-color: #F9BE2D !important;
}

/* Cuadrado marcado: fondo + borde primario */
.checkbox.checkbox-success input:checked ~ label::before {
  background-color: #F9BE2D !important;
  border-color:     #F9BE2D !important;
}

/* Checkmark blanco */
.checkbox.checkbox-success input:checked ~ label::after {
  border-color: #111827 !important;
}

/* Glow al marcar */
.checkbox.checkbox-success.checkbox-glow input:checked ~ label::before {
  box-shadow: 0 0 6px 0 rgba(249, 190, 45, 0.7) !important;
}

/* Focus */
.checkbox.checkbox-success input:focus ~ label::before {
  box-shadow: 0 0 8px rgba(249, 190, 45, 0.7) !important;
}

/* Fallback para Bootstrap custom-control-label (otros componentes) */
.checkbox.checkbox-success input:checked ~ .custom-control-label::before,
.checkbox.checkbox-success .custom-control-input:checked ~ .custom-control-label::before,
.checkbox-input:checked {
  background-color: #F9BE2D !important;
  border-color:     #F9BE2D !important;
}
.checkbox.checkbox-success .custom-control-input:focus ~ .custom-control-label::before,
.checkbox-input:focus {
  box-shadow: 0 0 8px rgba(249, 190, 45, 0.7) !important;
}