/* =====================================================================
   TEMA OSCURO (ligero) · parte del cliente
   Archivo: public/frontend/css/mexico-gsm-oscuro.css
   Solo cambia fondos blancos -> oscuros y texto oscuro -> claro.
   Respeta el color principal elegido en el admin (header, botones).
   Tu diseño del Header Code se carga después y puede cambiar todo esto.
   ===================================================================== */

/* ---------- 1. Colores base (cámbialos aquí si quieres otro tono) ---------- */
:root,
html[data-bs-theme] {
    --mxd-bg: #0e1116;          /* fondo de la página */
    --mxd-surface: #161b22;     /* tarjetas, ventanas, menús */
    --mxd-surface-2: #1c222b;   /* campos, filas, cajas internas */
    --mxd-surface-3: #242c37;   /* al pasar el mouse */
    --mxd-border: #2b3340;      /* bordes */
    --mxd-text: #e6edf3;        /* texto */
    --mxd-text-2: #a3adbb;      /* texto secundario */
    --mxd-head: #f5f7fa;        /* títulos */

    --bs-body-bg: #0e1116 !important;
    --bs-body-bg-rgb: 14, 17, 22 !important;
    --bs-body-color: #e6edf3 !important;
    --bs-body-color-rgb: 230, 237, 243 !important;
    --bs-emphasis-color: #f5f7fa !important;
    --bs-emphasis-color-rgb: 245, 247, 250 !important;
    --bs-heading-color: #f5f7fa !important;
    --bs-secondary-color: rgba(230, 237, 243, .7) !important;
    --bs-secondary-color-rgb: 230, 237, 243 !important;
    --bs-secondary-bg: #1c222b !important;
    --bs-secondary-bg-rgb: 28, 34, 43 !important;
    --bs-tertiary-color: rgba(230, 237, 243, .5) !important;
    --bs-tertiary-color-rgb: 230, 237, 243 !important;
    --bs-tertiary-bg: #161b22 !important;
    --bs-tertiary-bg-rgb: 22, 27, 34 !important;
    --bs-border-color: #2b3340 !important;
    --bs-border-color-translucent: rgba(255, 255, 255, .1) !important;
    --bs-light-bg-subtle: #1c222b !important;
    --bs-light-border-subtle: #2b3340 !important;
    --bs-light-text-emphasis: #e6edf3 !important;
    --bs-light-primary: rgba(var(--bs-primary-rgb), .14) !important;

    /* variables propias del tema GSM */
    --tl: #13232a;
    --ink: #e6edf3;
    --sub: #a3adbb;
    --dim: #7d8794;
    --rule: #2b3340;
    --off: #1c222b;
    --w: #161b22;
    --muted: #a3adbb;
    --border: #2b3340;
    --white: #161b22;

    color-scheme: dark;
}

html,
body {
    background-color: var(--mxd-bg) !important;
    color: var(--mxd-text);
}
::placeholder { color: #6f7a88 !important; opacity: 1; }

/* ---------- 2. Fondos blancos y claros ---------- */
body:not(#mxd) .bg-white,
body:not(#mxd) .bg-light,
body:not(#mxd) .bg-body,
body:not(#mxd) .bg-body-tertiary,
body:not(#mxd) .card:not([class*="bg-"]):not(.balance-card),
body:not(#mxd) .modal-content:not([class*="bg-"]),
body:not(#mxd) .dropdown-menu,
body:not(#mxd) .offcanvas,
body:not(#mxd) .list-group-item,
body:not(#mxd) .toast,
body:not(#mxd) .popover,
body:not(#mxd) .accordion-item,
body:not(#mxd) .accordion-button,
body:not(#mxd) .page-link,
body:not(#mxd) .gsm-dropdown,
body:not(#mxd) .nav-arrow,
body:not(#mxd) .product,
body:not(#mxd) .service-group,
body:not(#mxd) .group-search,
body:not(#mxd) .quick-card,
body:not(#mxd) .tp,
body:not(#mxd) .invoice-container,
body:not(#mxd) .checkbox-wrapper-16 .checkbox-tile,
body:not(#mxd) .amt-group,
body:not(#mxd) .gw-item,
body:not(#mxd) .btn-imei {
    background-color: var(--mxd-surface) !important;
    color: var(--mxd-text);
    border-color: var(--mxd-border) !important;
}
body:not(#mxd) .card-header,
body:not(#mxd) .card-footer,
body:not(#mxd) .modal-header,
body:not(#mxd) .modal-footer,
body:not(#mxd) .table-header,
body:not(#mxd) .order-comments-section,
body:not(#mxd) .qi-tag,
body:not(#mxd) .saprator span,
body:not(#mxd) #gsmAuthModal .auth-illus-panel,
body:not(#mxd) .api-copy-btn,
body:not(#mxd) .api-copy-btn:hover,
body:not(#mxd) .api-copy-btn:focus,
body:not(#mxd) .api-copy-btn:active,
body:not(#mxd) .api-copy-btn:focus-visible {
    background-color: var(--mxd-surface-2) !important;
    color: var(--mxd-text) !important;
    border-color: var(--mxd-border) !important;
}
body:not(#mxd) .border,
body:not(#mxd) .border-top,
body:not(#mxd) .border-bottom,
body:not(#mxd) .border-start,
body:not(#mxd) .border-end,
body:not(#mxd) hr {
    border-color: var(--mxd-border) !important;
}

/* textos que venían en negro / gris oscuro */
body:not(#mxd) .text-dark,
body:not(#mxd) .text-black,
body:not(#mxd) .text-body,
body:not(#mxd) .text-body-emphasis,
body:not(#mxd) .amt-field,
body:not(#mxd) .info-text,
body:not(#mxd) .totals-value,
body:not(#mxd) .form-check-label,
body:not(#mxd) .desc-line,
body:not(#mxd) .page-title,
body:not(#mxd) .customer-m-menu-content label {
    color: var(--mxd-text) !important;
}
body:not(#mxd) .text-muted,
body:not(#mxd) .text-secondary,
body:not(#mxd) .text-body-secondary {
    color: var(--mxd-text-2) !important;
}
body:not(#mxd) h1,
body:not(#mxd) h2,
body:not(#mxd) h3,
body:not(#mxd) h4,
body:not(#mxd) h5,
body:not(#mxd) h6,
body:not(#mxd) .h1,
body:not(#mxd) .h2,
body:not(#mxd) .h3,
body:not(#mxd) .h4,
body:not(#mxd) .h5,
body:not(#mxd) .h6 {
    color: var(--mxd-head);
}

/* ---------- 3. Formularios ---------- */
body:not(#mxd) .form-control,
body:not(#mxd) .form-select,
body:not(#mxd) .input-group-text,
body:not(#mxd) .select2-container--default .select2-selection--single,
body:not(#mxd) .select2-container--bootstrap-5 .select2-selection,
body:not(#mxd) .select2-dropdown,
body:not(#mxd) .select2-search__field {
    background-color: var(--mxd-surface-2) !important;
    color: var(--mxd-text) !important;
    border-color: var(--mxd-border) !important;
}
body:not(#mxd) .form-control:focus,
body:not(#mxd) .form-select:focus {
    background-color: var(--mxd-surface-2) !important;
    color: var(--mxd-text) !important;
}
body:not(#mxd) .form-control:disabled,
body:not(#mxd) .form-control[readonly] {
    background-color: #191e26 !important;
    color: var(--mxd-text-2) !important;
}
body:not(#mxd) .select2-container--default .select2-selection--single .select2-selection__rendered,
body:not(#mxd) .select2-container--bootstrap-5 .select2-selection__rendered,
body:not(#mxd) .select2-results__option {
    color: var(--mxd-text) !important;
}
body:not(#mxd) .select2-results__option--highlighted,
body:not(#mxd) .select2-results__option[aria-selected="true"] {
    background-color: var(--mxd-surface-3) !important;
}
body:not(#mxd) .form-check-input:not(:checked) {
    background-color: var(--mxd-surface-2);
    border-color: #4a5566;
}
body:not(#mxd) .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
body:not(#mxd) .btn-light,
body:not(#mxd) .btn-outline-light,
body:not(#mxd) .btn-outline-secondary {
    background-color: var(--mxd-surface-2) !important;
    color: var(--mxd-text) !important;
    border-color: var(--mxd-border) !important;
}

/* ---------- 4. Tablas ---------- */
body:not(#mxd) .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--mxd-text);
    --bs-table-striped-bg: rgba(255, 255, 255, .03);
    --bs-table-hover-bg: rgba(255, 255, 255, .05);
    --bs-table-hover-color: var(--mxd-text);
    --bs-table-border-color: var(--mxd-border);
    color: var(--mxd-text);
}
body:not(#mxd) table.dataTable,
body:not(#mxd) table.dataTable tbody tr,
body:not(#mxd) table.dataTable tbody td,
body:not(#mxd) table.dataTable thead th {
    background-color: transparent !important;
    color: var(--mxd-text) !important;
    border-color: var(--mxd-border) !important;
}
body:not(#mxd) table.dataTable tbody tr:hover > * { background-color: rgba(255, 255, 255, .04) !important; }
body:not(#mxd) table.dataTable.no-footer,
body:not(#mxd) table.dataTable thead th,
body:not(#mxd) table.dataTable thead td { border-bottom-color: var(--mxd-border) !important; }
body:not(#mxd) .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body:not(#mxd) .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
body:not(#mxd) .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: var(--mxd-surface-3) !important;
    color: var(--mxd-text) !important;
}

/* ---------- 5. Menús desplegables y lista lateral ---------- */
body:not(#mxd) .dropdown-item { color: var(--mxd-text); }
body:not(#mxd) .dropdown-item:hover,
body:not(#mxd) .dropdown-item:focus,
body:not(#mxd) .gsm-dropdown a:hover {
    background-color: var(--mxd-surface-3) !important;
    color: #fff !important;
}
body:not(#mxd) .gsm-dropdown a { color: var(--mxd-text) !important; }
body:not(#mxd) .dropdown-divider { border-color: var(--mxd-border) !important; }

/* panel del cliente: menú de la izquierda */
body:not(#mxd) #menu button { border-color: transparent !important; color: var(--mxd-text) !important; }
body:not(#mxd) #menu button:hover { background: var(--mxd-surface-2) !important; }
body:not(#mxd) #menu .active,
body:not(#mxd) #menu button.active {
    background: rgba(var(--bs-primary-rgb), .18) !important;
    color: #fff !important;
}
body:not(#mxd) .customer-m-menu { border-color: var(--mxd-border) !important; }

/* ---------- 6. Etiquetas claras (precio, estados) ---------- */
body:not(#mxd) .bg-light-primary {
    background: rgba(var(--bs-primary-rgb), .2) !important;
    color: color-mix(in srgb, var(--bs-primary) 45%, #ffffff) !important;
}
body:not(#mxd) .bg-light-secondary { background: rgba(148, 163, 184, .16) !important; color: #cbd5e1 !important; }
body:not(#mxd) .bg-light-success { background: rgba(34, 197, 94, .16) !important; color: #4ade80 !important; }
body:not(#mxd) .bg-light-warning { background: rgba(245, 158, 11, .16) !important; color: #fbbf24 !important; }
body:not(#mxd) .bg-light-danger { background: rgba(239, 68, 68, .16) !important; color: #f87171 !important; }
body:not(#mxd) .bg-light-info { background: rgba(56, 189, 248, .16) !important; color: #7dd3fc !important; }
body:not(#mxd) .alert-warning { background: rgba(245, 158, 11, .12) !important; color: #fcd34d !important; border-color: rgba(245, 158, 11, .35) !important; }
body:not(#mxd) .alert-info { background: rgba(56, 189, 248, .12) !important; color: #bae6fd !important; border-color: rgba(56, 189, 248, .35) !important; }
body:not(#mxd) .alert-success { background: rgba(34, 197, 94, .12) !important; color: #bbf7d0 !important; border-color: rgba(34, 197, 94, .35) !important; }
body:not(#mxd) .alert-danger { background: rgba(239, 68, 68, .12) !important; color: #fecaca !important; border-color: rgba(239, 68, 68, .35) !important; }

/* ---------- 7. Otros detalles ---------- */
body:not(#mxd) .owl-nav button.owl-next:hover,
body:not(#mxd) .owl-nav button.owl-prev:hover { background: var(--mxd-surface-3) !important; color: #fff !important; }
body:not(#mxd) #regPasswordRulesPanel .progress,
body:not(#mxd) .progress { background-color: var(--mxd-surface-3) !important; }
body:not(#mxd) .modal-backdrop.show { opacity: .7; }
body:not(#mxd) code { color: #f0abfc; }
body:not(#mxd) ::selection { background: rgba(var(--bs-primary-rgb), .55); color: #fff; }

/* textos de formularios y migas de pan */
body:not(#mxd) label,
body:not(#mxd) .form-label,
body:not(#mxd) .col-form-label {
    color: var(--mxd-text);
}
body:not(#mxd) .breadcrumb-item,
body:not(#mxd) .breadcrumb-item a,
body:not(#mxd) .breadcrumb-item.active,
body:not(#mxd) .breadcrumb-item + .breadcrumb-item::before {
    color: var(--mxd-text-2) !important;
}
body:not(#mxd) .breadcrumb-item a:hover { color: #fff !important; }

/* iconos de las tarjetas de colores del panel */
body:not(#mxd) .avtar[class*="-subtle"] {
    background: rgba(255, 255, 255, .2) !important;
    color: #fff !important;
}

body:not(#mxd) #gsmAuthModal .auth-illus-panel {
    background: var(--mxd-surface-2) !important;
}

/* ---------- 8. Selector de idioma (colores oscuros) ---------- */
:root {
    --mxl-line: rgba(255, 255, 255, .35);
    --mxl-bg: rgba(0, 0, 0, .18);
    --mxl-text: #ffffff;
    --mxl-menu: #161b22;
    --mxl-menu-line: #2b3340;
    --mxl-menu-text: #e6edf3;
    --mxl-hover: #242c37;
    --mxl-active: color-mix(in srgb, var(--bs-primary) 45%, #ffffff);
}


/* =====================================================================
   MODO BLANCO (agregado)
   Lo elige cada visitante con el botón de sol / luna de arriba.
   Cambia aquí los tonos del modo blanco si quieres.
   El encabezado (color del tema) y el pie de página quedan igual.
   ===================================================================== */
html[data-mx-modo="blanco"],
html[data-mx-modo="blanco"][data-bs-theme] {
    --mxd-bg: #f3f5f9;          /* fondo de la página */
    --mxd-surface: #ffffff;     /* tarjetas, ventanas, menús */
    --mxd-surface-2: #f6f8fb;   /* campos, filas, cajas internas */
    --mxd-surface-3: #eaeff5;   /* al pasar el mouse */
    --mxd-border: #e2e8f0;      /* bordes */
    --mxd-text: #1e293b;        /* texto */
    --mxd-text-2: #5b6779;      /* texto secundario */
    --mxd-head: #0f172a;        /* títulos */

    --bs-body-bg: #f3f5f9 !important;
    --bs-body-bg-rgb: 243, 245, 249 !important;
    --bs-body-color: #1e293b !important;
    --bs-body-color-rgb: 30, 41, 59 !important;
    --bs-emphasis-color: #0f172a !important;
    --bs-emphasis-color-rgb: 15, 23, 42 !important;
    --bs-heading-color: #0f172a !important;
    --bs-secondary-color: rgba(30, 41, 59, .72) !important;
    --bs-secondary-color-rgb: 30, 41, 59 !important;
    --bs-secondary-bg: #f6f8fb !important;
    --bs-secondary-bg-rgb: 246, 248, 251 !important;
    --bs-tertiary-color: rgba(30, 41, 59, .5) !important;
    --bs-tertiary-color-rgb: 30, 41, 59 !important;
    --bs-tertiary-bg: #ffffff !important;
    --bs-tertiary-bg-rgb: 255, 255, 255 !important;
    --bs-border-color: #e2e8f0 !important;
    --bs-border-color-translucent: rgba(15, 23, 42, .1) !important;
    --bs-light-bg-subtle: #f6f8fb !important;
    --bs-light-border-subtle: #e2e8f0 !important;
    --bs-light-text-emphasis: #1e293b !important;
    /* el color del tema, más oscuro para que se lea sobre blanco */
    --bs-link-color: color-mix(in srgb, var(--bs-primary) 78%, #000) !important;
    --bs-link-color-rgb: var(--bs-primary-rgb) !important;
    --bs-link-hover-color: color-mix(in srgb, var(--bs-primary) 62%, #000) !important;

    --tl: #e8f3f1;
    --ink: #1e293b;
    --sub: #5b6779;
    --dim: #8a96a8;
    --rule: #e2e8f0;
    --off: #f6f8fb;
    --w: #ffffff;
    --muted: #5b6779;
    --border: #e2e8f0;
    --white: #ffffff;

    color-scheme: light;
}
html[data-mx-modo="blanco"] ::placeholder { color: #94a3b8 !important; }

/* sombras suaves en lugar de bordes oscuros */
html[data-mx-modo="blanco"] body:not(#mxw) :is(.card:not([class*="bg-"]):not(.balance-card), .modal-content:not([class*="bg-"]), .dropdown-menu, .gsm-dropdown, .product, .service-group, .quick-card, .invoice-container) {
    box-shadow: 0 10px 30px -18px rgba(15, 23, 42, .28), 0 1px 2px rgba(15, 23, 42, .05);
}
html[data-mx-modo="blanco"] body:not(#mxw) .form-control:disabled,
html[data-mx-modo="blanco"] body:not(#mxw) .form-control[readonly] { background-color: #eef2f6 !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .form-check-input:not(:checked) { border-color: #b6c2d1; }
html[data-mx-modo="blanco"] body:not(#mxw) .btn-close { filter: none; }

/* tablas */
html[data-mx-modo="blanco"] body:not(#mxw) .table {
    --bs-table-striped-bg: rgba(15, 23, 42, .025);
    --bs-table-hover-bg: rgba(15, 23, 42, .04);
}
html[data-mx-modo="blanco"] body:not(#mxw) table.dataTable tbody tr:hover > * { background-color: rgba(15, 23, 42, .035) !important; }

/* menús */
html[data-mx-modo="blanco"] body:not(#mxw) .dropdown-item:hover,
html[data-mx-modo="blanco"] body:not(#mxw) .dropdown-item:focus,
html[data-mx-modo="blanco"] body:not(#mxw) .gsm-dropdown a:hover { color: #0f172a !important; }
html[data-mx-modo="blanco"] body:not(#mxw) #menu .active,
html[data-mx-modo="blanco"] body:not(#mxw) #menu button.active { background: rgba(var(--bs-primary-rgb), .12) !important; color: var(--bs-link-color) !important; }

/* etiquetas de colores: tonos que se leen sobre blanco */
html[data-mx-modo="blanco"] body:not(#mxw) .bg-light-primary { background: rgba(var(--bs-primary-rgb), .1) !important; color: var(--bs-link-color) !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .bg-light-secondary { background: rgba(100, 116, 139, .12) !important; color: #475569 !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .bg-light-success { background: rgba(22, 163, 74, .1) !important; color: #15803d !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .bg-light-warning { background: rgba(217, 119, 6, .12) !important; color: #b45309 !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .bg-light-danger { background: rgba(220, 38, 38, .1) !important; color: #b91c1c !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .bg-light-info { background: rgba(2, 132, 199, .1) !important; color: #0369a1 !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .alert-warning { background: #fffbeb !important; color: #92400e !important; border-color: #fcd34d !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .alert-info { background: #f0f9ff !important; color: #075985 !important; border-color: #7dd3fc !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .alert-success { background: #f0fdf4 !important; color: #166534 !important; border-color: #86efac !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .alert-danger { background: #fef2f2 !important; color: #991b1b !important; border-color: #fca5a5 !important; }
html[data-mx-modo="blanco"] body:not(#mxw) :is(.text-success) { color: #15803d !important; }
html[data-mx-modo="blanco"] body:not(#mxw) :is(.text-warning) { color: #b45309 !important; }
html[data-mx-modo="blanco"] body:not(#mxw) :is(.text-danger) { color: #b91c1c !important; }
html[data-mx-modo="blanco"] body:not(#mxw) :is(.text-info) { color: #0369a1 !important; }

/* otros */
html[data-mx-modo="blanco"] body:not(#mxw) .owl-nav button.owl-next:hover,
html[data-mx-modo="blanco"] body:not(#mxw) .owl-nav button.owl-prev:hover { color: #0f172a !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .modal-backdrop.show { opacity: .45; }
html[data-mx-modo="blanco"] body:not(#mxw) code { color: #a21caf; }
html[data-mx-modo="blanco"] body:not(#mxw) .breadcrumb-item a:hover { color: var(--bs-link-color) !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .avtar[class*="-subtle"] { background: rgba(var(--bs-primary-rgb), .1) !important; color: var(--bs-link-color) !important; }

/* cambio suave al tocar el botón */
html.mx-modo-cambio body,
html.mx-modo-cambio body *:not(.owl-stage):not(.carousel-item) {
    transition: background-color .35s ease, border-color .35s ease, color .25s ease !important;
}

/* selector de idioma: el menú en blanco */
html[data-mx-modo="blanco"] {
    --mxl-menu: #ffffff;
    --mxl-menu-line: #e2e8f0;
    --mxl-menu-text: #1e293b;
    --mxl-hover: #eef2f7;
    --mxl-active: var(--bs-link-color);
}

/* ---------- colores de estado de cada página (más oscuros sobre blanco) ---------- */
html[data-mx-modo="blanco"] :is(#mxOh, #mxInv, #mxAb, #mxDash, #mxStm, #mxSv, #mxSl, #mxRecent, #mxBest, #mxSeller) {
    --mx-ok: #15803d; --mx-warn: #b45309; --mx-bad: #b91c1c; --mx-gray: #5b6779; --mx-info: #0369a1; --mx-vio: #6d28d9;
}
/* tiempo de entrega (chips naranjas) */
html[data-mx-modo="blanco"] body:not(#mxw) .mx-svc-time { color: #b45309 !important; background: rgba(217, 119, 6, .1) !important; border-color: rgba(217, 119, 6, .32) !important; }
/* página del servicio */
html[data-mx-modo="blanco"] body:not(#mxw) #mxSv .stat-val.text-warning { color: #b45309 !important; }
html[data-mx-modo="blanco"] body:not(#mxw) #mxSv .stat-val.text-success { color: #047857 !important; }
html[data-mx-modo="blanco"] body:not(#mxw) #mxSv .mx-sv-sec .btn-light-success { --mx-c: 4, 120, 87; }
html[data-mx-modo="blanco"] body:not(#mxw) #mxSv .mx-sv-sec .btn-light-warning { --mx-c: 180, 83, 9; }
html[data-mx-modo="blanco"] body:not(#mxw) #mxSv .mx-sv-sec .btn-light-info { --mx-c: 3, 105, 161; }
html[data-mx-modo="blanco"] body:not(#mxw) #mxSv .mx-sv-tag i { color: #047857; }
/* menú de tu usuario (arriba a la derecha) */
html[data-mx-modo="blanco"] .mx-umenu .c2 { --mx-c: #b45309; }
html[data-mx-modo="blanco"] .mx-umenu .c3 { --mx-c: #6d28d9; }
html[data-mx-modo="blanco"] .mx-umenu .c4 { --mx-c: #0369a1; }
html[data-mx-modo="blanco"] body:not(#mxw) .mx-umenu .mx-um-logout { color: #b91c1c !important; }
html[data-mx-modo="blanco"] body:not(#mxw) .mx-umenu .mx-um-logout:hover { color: #991b1b !important; }
html[data-mx-modo="blanco"] body:not(#mxw) #mxDash .t-bad { color: #b91c1c; }
html[data-mx-modo="blanco"] body:not(#mxw) #mxDash .mx-ost.s-waiting,
html[data-mx-modo="blanco"] body:not(#mxw) #mxDash [class*="s-waiting"] { --c: #5b6779; }
/* agregar saldo */
html[data-mx-modo="blanco"] body:not(#mxw) #mxAb .mx-min { color: #92400e !important; background: linear-gradient(90deg, #fffbeb, #fef3c7) !important; border-color: #fcd34d !important; }
html[data-mx-modo="blanco"] body:not(#mxw) #mxAb .mx-min strong { color: #78350f; }
html[data-mx-modo="blanco"] body:not(#mxw) #mxAb .mx-rc-total b { color: var(--bs-link-color); }
/* botones que al pasar el mouse ponían el texto blanco */
html[data-mx-modo="blanco"] body:not(#mxw) #gsmAuthModal .btn-outline-primary:hover { color: var(--bs-link-color) !important; }
html[data-mx-modo="blanco"] body:not(#mxw) #mxDash .mx-hello-btn:hover { color: var(--bs-link-color); }