/*
 * Estilos generales
 */

/* ------------------------------------------------------------
 * Theme-aware background (global)
 *
------------------------------------------------------------ */

:root {
    --ce-accent: #6f42c1;
    --ce-app-bg:
        radial-gradient(1200px 600px at 80% -10%, rgba(111, 66, 193, .10), transparent 60%),
        radial-gradient(900px 500px at 10% 0%, rgba(111, 66, 193, .06), transparent 55%),
        linear-gradient(180deg, var(--bs-body-bg) 0%, var(--bs-body-bg) 100%);
}

[data-bs-theme="dark"] {
    --ce-app-bg:
        radial-gradient(1200px 600px at 80% -10%, rgba(111, 66, 193, .20), transparent),
        radial-gradient(900px 500px at 10% 0%, rgba(123, 47, 247, .12), transparent),
        linear-gradient(180deg, #0b1020 0%, #070a14 100%);
}

[data-bs-theme="dark"] {
    --bs-body-bg: #141421;
    --bs-body-bg-rgb: 20, 20, 33;
    --bs-tertiary-bg: #1b1b2b;
    --bs-secondary-bg: #202034;
    --bs-border-color: rgba(255, 255, 255, .10);
}

/*Main container*/
main {
    background-image: url('../img/background-image.svg'), var(--ce-app-bg);
    background-position: right top, center;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, cover;
    /* background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}

/*Boton modo de color*/

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
    background-color: #712cf9 !important;
    color: white !important;
}

.dropdown-item:focus,
.dropdown-item:active {
    background-color: #6528e0 !important;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
    --bd-violet-bg: #712cf9;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #6528e0;
    --bs-btn-hover-border-color: #6528e0;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
    z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
    display: block !important;
}

.carriers-container img {
    filter: drop-shadow(0 0 1px rgba(222, 226, 230, 1)) drop-shadow(0 0 1px rgba(222, 226, 230, 1));
}

.bg-purple {
    background-color: #712cf9 !important;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bd-violet-bg);
    --bs-tooltip-color: var(--bs-white);
}

.logo-paqueteria {
    filter: drop-shadow(0 0 1px rgba(222, 226, 230, 1)) drop-shadow(0 0 1px rgba(222, 226, 230, 1));
}

@media (min-width: 1200px) {

    .border-end-xl {
        border-right: .1px solid rgb(211, 211, 211);
    }

    .d-p {
        width: 120px;
    }

    .c-d-p {
        justify-content: center;
    }
}

.imput-disabled {
    pointer-events: none;
    background-color: #fafafa;
}

[data-bs-theme="dark"] .imput-disabled {
    pointer-events: none;
    background-color: #2b3035;
}

.custom-text-shadow {
    text-shadow: 1px 1px 3px rgba(170, 174, 189, 0.77);
}

.bg-disabled {
    pointer-events: none;
    opacity: 0.4;
    user-select: none;
    cursor: not-allowed;
}

.section-disabled {
    pointer-events: none;
    opacity: 0.6;
    user-select: none;
}

.my-swal-popup {
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
}

.my-swal-title {
    color: #dc3545;
}

/*Animacion al enviar la solicitud para generar la guia*/
.global-overlay {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    pointer-events: all;
}

.global-overlay__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .35);
}

.global-overlay__panel {
    position: relative;
    width: min(520px, calc(100vw - 2rem));
    border-radius: .75rem;
    padding: 1rem 1.25rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    border: 1px solid var(--bs-border-color);
    box-shadow: var(--bs-box-shadow-lg);
}

@media (prefers-reduced-motion: reduce) {

    .progress-bar-animated,
    .spinner-border {
        animation: none !important;
    }
}

[data-bs-theme="dark"] .swal2-popup {
    background-color: #343a40 !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .swal2-confirm {
    background-color: #0d6efd !important;
    color: #fff !important;
}

.swal2-icon.swal2-warning {
    border-color: #ffc107 !important;
    color: #ffc107 !important;
}

.custom-swal .swal2-error {
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}

.custom-swal .swal2-success {
    border-color: #198754 !important;
    color: #198754 !important;
}

.custom-swal .swal2-info {
    border-color: #0dcaf0 !important;
    color: #0dcaf0 !important;
}

.large-icon {
    font-size: 4rem;
}

.table-responsive {
    max-height: 300px;
    scrollbar-width: thin;
    scrollbar-color: rgb(153, 169, 192) transparent;
}

.table-responsive::-webkit-scrollbar {
    height: 10px;
    width: 0px;
}

.table-responsive::-webkit-scrollbar-thumb:horizontal {
    background-color: rgb(153, 169, 192);
    border-radius: 5px;
}

.table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.input-group-custom {
    display: flex !important;
    align-items: center;
    border: .2px solid #dee2e6;
    border-radius: 0.375rem;
    width: 100%;
    overflow: hidden;
}

[data-bs-theme="dark"] .input-group-custom {
    border: .2px solid #495057;
}

.btn-outline-purple {
    --bs-btn-color: #6f42c1;
    --bs-btn-border-color: #6f42c1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6f42c1;
    --bs-btn-hover-border-color: #6f42c1;
    --bs-btn-focus-shadow-rgb: 111, 66, 193;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5a32a3;
    --bs-btn-active-border-color: #5a32a3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6f42c1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6f42c1;
    --bs-gradient: none;
}

.btn-purple {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6f42c1;
    --bs-btn-border-color: #6f42c1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5a32a3;
    --bs-btn-hover-border-color: #5a32a3;
    --bs-btn-focus-shadow-rgb: 111, 66, 193;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4e278f;
    --bs-btn-active-border-color: #4e278f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6f42c1;
    --bs-btn-disabled-border-color: #6f42c1;
}

.custom-tooltip {
    --bs-tooltip-bg: #6f42c1;
    --bs-tooltip-color: #fff;
}

/* PRIMARY */
.custom-tooltip-primary {
    --bs-tooltip-bg: var(--bs-primary);
    --bs-tooltip-color: #fff;
}

/* SECONDARY */
.custom-tooltip-secondary {
    --bs-tooltip-bg: var(--bs-secondary);
    --bs-tooltip-color: #fff;
}

/* SUCCESS */
.custom-tooltip-success {
    --bs-tooltip-bg: var(--bs-success);
    --bs-tooltip-color: #fff;
}

/* WARNING */
.custom-tooltip-warning {
    --bs-tooltip-bg: var(--bs-warning);
    --bs-tooltip-color: #212529;
}

/* DANGER */
.custom-tooltip-danger {
    --bs-tooltip-bg: var(--bs-danger);
    --bs-tooltip-color: #fff;
}

/* INFO */
.custom-tooltip-info {
    --bs-tooltip-bg: var(--bs-info);
    --bs-tooltip-color: #fff;
}

/* LIGHT */
.custom-tooltip-light {
    --bs-tooltip-bg: var(--bs-body-bg);
    --bs-tooltip-color: var(--bs-body-color);
}

.section-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, .75);
    backdrop-filter: blur(1px);
    z-index: 50;
}

.section-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 60;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--bs-secondary);
}

.offcanvas .offcanvas-footer {
    background: var(--bs-body-bg);
}

.header-logo {
    max-height: 55px;
    width: auto;
    object-fit: contain;

    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .5rem;
    padding: .35rem .5rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .08);
}

/* @media (min-width: 992px) {
    .header-logo {
        max-height: 52px;
    }
} */