:root {
    --nc-accent: #21388b;
    --nc-accent-contrast: #fff;
    --nc-focus: #21388b;
    --nc-surface: #fff;
    --nc-field: #fff;
    --nc-text: #29323d;
    --nc-muted: #5b6573;
    --nc-border: #7a8796;
}
html[data-nc-palette="selva"] { --nc-accent: #11674a; --nc-focus: #11674a; }
html[data-nc-palette="oceano"] { --nc-accent: #075f82; --nc-focus: #075f82; }
html[data-nc-palette="ambar"] { --nc-accent: #925006; --nc-focus: #925006; }
html:not([data-nc-palette="original"]) body { --primary-color: var(--nc-accent); }
.nc-preferences { min-width: 0; padding: .5rem 1rem; color: inherit; }
.nc-preferences fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.nc-preferences legend { font: inherit; font-weight: 600; margin-bottom: .5rem; width: auto; }
.nc-preferences label { display: block; font-size: 12px; margin: .35rem 0 .2rem; }
.nc-preferences select { display: block; width: 100%; max-width: 100%; min-height: 32px; padding: .3rem .5rem; border: 1px solid var(--nc-border); border-radius: 4px; background: var(--nc-field); color: var(--nc-text); }
.nc-preferences select:focus-visible { outline: 2px solid var(--nc-focus); outline-offset: 2px; }
.user-profile .dropdown-menu:has(.nc-preferences) { width: 220px; max-width: calc(100vw - 24px); }
html:not([data-nc-palette="original"]) .topbar,
html:not([data-nc-palette="original"]) .bg-theme,
html:not([data-nc-palette="original"]) .btn-primary,
html:not([data-nc-palette="original"]) .bg-primary { background: var(--nc-accent) !important; color: var(--nc-accent-contrast) !important; }
html:not([data-nc-palette="original"]) .btn-primary { border-color: var(--nc-accent) !important; }
html:not([data-nc-palette="original"]) .sidebar-nav > ul > li.active > a,
html:not([data-nc-palette="original"]) .sidebar-nav ul li a.active,
html:not([data-nc-palette="original"]) .text-primary { color: var(--nc-accent) !important; }
html:not([data-nc-palette="original"]) .form-control:focus { border-color: var(--nc-focus); }

html[data-nc-mode="dark"] {
    --nc-surface: #1d2633;
    --nc-field: #263242;
    --nc-text: #edf2f8;
    --nc-muted: #b3bfce;
    --nc-border: #77889f;
    --nc-focus: #83b9ff;
    --background-color: #141c27;
    --text-color: #edf2f8;
    color-scheme: dark;
    background: #141c27 !important;
}
html[data-nc-mode="dark"] body,
html[data-nc-mode="dark"] #main-wrapper,
html[data-nc-mode="dark"] .page-wrapper,
html[data-nc-mode="dark"] .auth-wrapper,
html[data-nc-mode="dark"] .error-box,
html[data-nc-mode="dark"] #griscito,
html[data-nc-mode="dark"] .cart-app { background: #141c27 !important; color: var(--nc-text) !important; }
html[data-nc-mode="dark"] .left-sidebar,
html[data-nc-mode="dark"] body > .header,
html[data-nc-mode="dark"] body > .footer,
html[data-nc-mode="dark"] .cart-header,
html[data-nc-mode="dark"] .cart-app__header,
html[data-nc-mode="dark"] .checkout-section,
html[data-nc-mode="dark"] .checkout-banner,
html[data-nc-mode="dark"] .radio-option,
html[data-nc-mode="dark"] .cart-item,
html[data-nc-mode="dark"] .toast-aviso,
html[data-nc-mode="dark"] .modal-exito-contenido,
html[data-nc-mode="dark"] .imagen-escanear-container,
html[data-nc-mode="dark"] .bg-white,
html[data-nc-mode="dark"] .bg-light,
html[data-nc-mode="dark"] .white-box,
html[data-nc-mode="dark"] .card,
html[data-nc-mode="dark"] .card-body,
html[data-nc-mode="dark"] .modal-content,
html[data-nc-mode="dark"] .dropdown-menu,
html[data-nc-mode="dark"] .page-titles,
html[data-nc-mode="dark"] .breadcrumb,
html[data-nc-mode="dark"] .list-group-item,
html[data-nc-mode="dark"] .product-card,
html[data-nc-mode="dark"] .category-card,
html[data-nc-mode="dark"] .cart-sidebar,
html[data-nc-mode="dark"] .cart-content,
html[data-nc-mode="dark"] .checkout-form,
html[data-nc-mode="dark"] .checkout-summary,
html[data-nc-mode="dark"] .cart-app__item,
html[data-nc-mode="dark"] .cart-app__footer,
html[data-nc-mode="dark"] .swal2-popup { background: var(--nc-surface) !important; color: var(--nc-text) !important; border-color: var(--nc-border) !important; }
html[data-nc-mode="dark"] .card-title,
html[data-nc-mode="dark"] .modal-title,
html[data-nc-mode="dark"] .dropdown-item,
html[data-nc-mode="dark"] .sidebar-nav ul li a,
html[data-nc-mode="dark"] .table,
html[data-nc-mode="dark"] h1,
html[data-nc-mode="dark"] h2,
html[data-nc-mode="dark"] h3,
html[data-nc-mode="dark"] h4,
html[data-nc-mode="dark"] h5,
html[data-nc-mode="dark"] h6,
html[data-nc-mode="dark"] .estilo-login-text,
html[data-nc-mode="dark"] .text-dark,
html[data-nc-mode="dark"] .text-inverse,
html[data-nc-mode="dark"] .text-black,
html[data-nc-mode="dark"] .toast-aviso-body,
html[data-nc-mode="dark"] .header .nav-links a,
html[data-nc-mode="dark"] .cart-app__title,
html[data-nc-mode="dark"] label,
html[data-nc-mode="dark"] .swal2-title,
html[data-nc-mode="dark"] .swal2-html-container { color: var(--nc-text) !important; }
html[data-nc-mode="dark"] .text-muted,
html[data-nc-mode="dark"] .breadcrumb-item,
html[data-nc-mode="dark"] .mail-desc,
html[data-nc-mode="dark"] .form-text,
html[data-nc-mode="dark"] .help-block { color: var(--nc-muted) !important; }
html[data-nc-mode="dark"] .form-control,
html[data-nc-mode="dark"] .custom-select,
html[data-nc-mode="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
html[data-nc-mode="dark"] textarea,
html[data-nc-mode="dark"] select,
html[data-nc-mode="dark"] .bootstrap-select > .dropdown-toggle,
html[data-nc-mode="dark"] .input-group-text,
html[data-nc-mode="dark"] .page-link { background-color: var(--nc-field) !important; color: var(--nc-text) !important; border-color: var(--nc-border) !important; }
html[data-nc-mode="dark"] input::placeholder,
html[data-nc-mode="dark"] textarea::placeholder { color: var(--nc-muted) !important; opacity: 1; }
html[data-nc-mode="dark"] .form-control:focus,
html[data-nc-mode="dark"] input:focus-visible,
html[data-nc-mode="dark"] select:focus-visible,
html[data-nc-mode="dark"] textarea:focus-visible { outline-color: var(--nc-focus); border-color: var(--nc-focus) !important; }
html[data-nc-mode="dark"] .table td,
html[data-nc-mode="dark"] .table th,
html[data-nc-mode="dark"] .modal-header,
html[data-nc-mode="dark"] .modal-footer,
html[data-nc-mode="dark"] .dropdown-divider,
html[data-nc-mode="dark"] hr { border-color: var(--nc-border) !important; }
html[data-nc-mode="dark"] .table-striped tbody tr:nth-of-type(odd),
html[data-nc-mode="dark"] .table-hover tbody tr:hover,
html[data-nc-mode="dark"] .dropdown-item:hover,
html[data-nc-mode="dark"] .dropdown-item:focus { background-color: #2a394b !important; }
html[data-nc-mode="dark"] .text-danger,
html[data-nc-mode="dark"] .has-danger .help-block,
html[data-nc-mode="dark"] .invalid-feedback { color: #ffadb0 !important; }
html[data-nc-mode="dark"] .text-success { color: #75dfaa !important; }
html[data-nc-mode="dark"] .text-warning { color: #ffd080 !important; }
html[data-nc-mode="dark"] .alert-warning { background: #423416; color: #ffdfa5; border-color: #b18d40; }
html[data-nc-mode="dark"] .alert-danger { background: #4a252d; color: #ffd0d4; border-color: #b5727e; }
html[data-nc-mode="dark"][data-nc-palette="selva"] { --nc-focus: #75dfaa; }
html[data-nc-mode="dark"][data-nc-palette="oceano"] { --nc-focus: #83cbec; }
html[data-nc-mode="dark"][data-nc-palette="ambar"] { --nc-focus: #ffd080; }
html[data-nc-mode="dark"]:not([data-nc-palette="original"]) .sidebar-nav > ul > li.active > a,
html[data-nc-mode="dark"]:not([data-nc-palette="original"]) .sidebar-nav ul li a.active,
html[data-nc-mode="dark"] .text-primary { color: var(--nc-focus) !important; }
html[data-nc-mode="dark"] .close { color: #fff !important; text-shadow: none; }
html[data-nc-mode="dark"] .preloader { background: #141c27; }
html[data-nc-mode="dark"] #loginform > img { content: url("logo-dark.png"); }
html[data-nc-mode="dark"] .morris-hover.morris-default-style { background: var(--nc-surface); color: var(--nc-text); border-color: var(--nc-border); }
html[data-nc-mode="dark"] .form-control:disabled { background: #202b39 !important; color: #b3bfce !important; opacity: 1; }
html[data-nc-mode="dark"] .tab-content .b-b[style*="background"] { background: var(--nc-field) !important; }
html[data-nc-mode="dark"] #modal-ver-producto .modal-ver-producto-textarea,
html[data-nc-mode="dark"] #modal-ver-producto .modal-ver-producto-qty,
html[data-nc-mode="dark"] #modal-ver-producto .modal-ver-producto-qty-btn { background: var(--nc-field) !important; color: var(--nc-text) !important; border-color: var(--nc-border) !important; }
html[data-nc-mode="dark"] #modal-ver-producto .modal-ver-producto-title,
html[data-nc-mode="dark"] #modal-ver-producto .modal-ver-producto-section-label,
html[data-nc-mode="dark"] #modal-ver-producto .modal-ver-producto-qty-value { color: var(--nc-text) !important; }
@media (max-width: 430px) {
    .nc-preferences { padding-left: .75rem; padding-right: .75rem; }
}