/********************** PERSONALIZADOS ********************/


/* ===================================================================
   OVERRIDE GLOBAL — Rojo DLG / Coca-Cola (colores de marca)
   =================================================================== */

/* Botón primario */
.btn-gradient-primary {
    background-image: -webkit-gradient(linear, left top, right top, from(#B30D08), color-stop(51%, #E8110A), to(#B30D08)) !important;
    background-image: linear-gradient(to right, #B30D08 0%, #E8110A 51%, #B30D08 100%) !important;
}
.btn-gradient-primary:hover {
    background-position: right center;
}

/* Links globales (breadcrumb, footer, etc.) */
html body a {
    color: #E8110A;
}
html body a:hover {
    color: #C50E09;
}

/* Barra de loading (PACE) */
html body .pace .pace-progress {
    background: #E8110A;
}

/* Sidebar — gradiente principal (menu-bg-default) */
.main-menu.menu-bg-default {
    background: -webkit-gradient(linear, left top, left bottom, from(#8B0006), to(#1A1A1A)) !important;
    background: -webkit-linear-gradient(#8B0006, #1A1A1A) !important;
    background: -moz-linear-gradient(#8B0006, #1A1A1A) !important;
    background: -o-linear-gradient(#8B0006, #1A1A1A) !important;
    background: linear-gradient(#8B0006, #1A1A1A) !important;
    -webkit-box-shadow: 0px 0px 8px rgba(139, 0, 6, 0.5) !important;
    box-shadow: 0px 0px 8px rgba(139, 0, 6, 0.5) !important;
}

/* Borde de ítem activo en menú claro y oscuro */
.main-menu.menu-light .navigation > li.open > a {
    border-right: 4px solid #E8110A;
}
.main-menu.menu-dark .navigation > li.open > a {
    border-right: 4px solid #E8110A;
}


.card-special {
    box-shadow: none !important;
}


.ct-label.ct-vertical.ct-start {
    color: white !important;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    color: white !important;
}

.ct-grid {
    stroke: rgba(250, 250, 250, 0.897) !important;
}

.btn-enterprise-back {
    width: 100px;
    height: 100px;

    border-radius: 50%;
    background-color: black;
    position: relative;

}


.icon-enterprise-success {

    font-size: 50px;
    color: #39ff14;
    /* Verde neón */
    text-shadow:
        0 0 5px #39ff14,
        /* Capa interna */
        0 0 10px #39ff14,
        /* Capa intermedia */
        0 0 20px #39ff14,
        /* Más brillo */
        0 0 40px #0fa,
        /* Reflejo más amplio */
        0 0 80px #0fa;
}


.icon-enterprise-danger {

    font-size: 50px;
    color: #ff1414;
    /* Verde neón */
    text-shadow:
        0 0 5px #ff1414,
        /* Capa interna */
        0 0 10px #ff1414,
        /* Capa intermedia */
        0 0 20px #ff1414,
        /* Más brillo */
        0 0 40px rgb(241, 18, 18),
        /* Reflejo más amplio */
        0 0 80px rgb(246, 38, 38);
}



.card-progress-success {
    box-shadow: 0px 0px 18px 1px rgb(57 255 20);
}


.bg-progress-success {

    background-color: #39ff14 !important;

}

.card-progress-primary {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}


.bg-progress-primary {

    background-color: #0a28e9 !important;

}


/* --------------------- PORGRESSBAR EXI VIEW SADA GUIA -------------*/

.progressbar-circle-success {

    width: 3rem;
    aspect-ratio: 1;
    border-radius: 50%;

    box-shadow: 0px 0px 18px 1px rgb(1, 9, 255);
    display: grid;
    place-content: center;
}

.progressbar-circle-success:after {
    width: calc(3rem * .8);
    aspect-ratio: 1;
    content: attr(data-value);
    display: grid;
    background: #0b0b0b;
    border-radius: 50%;
    display: grid;
    font-size: calc(var(--size) * .3);
    ;
    place-content: center;
    font-family: arial;
}

.my-swal-popup {
    background: #2a2a2ad4;
    color: #fff;
}

.select2-container--default .select2-selection--multiple {
    background: #040f13 !important;
    border: 1px solid #cacfe7 !important;
    color: #f7f7f7;
    line-height: 1.5rem;
}



.select2-results__option--selectable {
    background: #040f13 !important;
    color: #f7f7f7 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #424141 !important;
}


/* ===================================================================
   LOGIN — MEJORAS VISUALES
   =================================================================== */

.card-special-style-login {
    position: relative;
    z-index: 10;
}

.card-special-style-login .card-account-right {
    border-radius: 14px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22) !important;
}

.card-special-style-login .card-body {
    padding: 2rem 1.85rem !important;
}

.login-brand-header {
    text-align: center;
    margin-bottom: 1.4rem;
}

.login-logos-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.1rem;
    padding: 0.5rem 0;
}

.login-logo-main {
    height: 42px;
    width: auto;
    max-width: 130px;
    object-fit: contain;
}

.login-logo-separator {
    width: 1px;
    height: 38px;
    background: rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
}

.login-logo-secondary {
    height: 34px;
    width: auto;
    max-width: 90px;
    object-fit: contain;
    background: #ffffff;
    border-radius: 6px;
    padding: 4px 8px;
}

.card-special-style-login .card-body > .h5 {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.25px;
    margin-bottom: 0.2rem;
}

.card-special-style-login .card-body > p:not(.text-center + p) {
    font-size: 0.85rem;
    opacity: 0.65;
}

.card-special-style-login .form-label-group > label {
    pointer-events: none;
}

.card-special-style-login .form-control {
    border-radius: 8px !important;
    transition: border-color 0.22s ease, box-shadow 0.22s ease !important;
}

.card-special-style-login .form-control:focus {
    box-shadow: 0 0 0 3px rgba(232, 17, 10, 0.18) !important;
}

.card-special-style-login .btn-gradient-primary {
    border-radius: 8px !important;
    padding: 0.65rem 1rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    transition: opacity 0.2s ease, transform 0.15s ease !important;
}

.card-special-style-login .btn-gradient-primary:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.card-special-style-login .card-link {
    font-size: 0.82rem;
    opacity: 0.55;
    transition: opacity 0.2s;
}

.card-special-style-login .card-link:hover {
    opacity: 1;
}


/* ===================================================================
   SIDEBAR — LOGO BRAND
   =================================================================== */

.vertical-compact-menu .main-menu .navigation-brand {
    padding: 1rem 0.5rem !important;
}

.vertical-compact-menu .main-menu .navigation-brand img.brand-logo {
    width: 112px !important;
}

/* ===================================================================
   NAVBAR — LOGOS DE MARCA
   =================================================================== */

.navbar-brand-logos {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.navbar-logo-coca {
    height: 28px;
    width: auto;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.navbar-logo-sep {
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.3);
    flex-shrink: 0;
}

.navbar-logo-dlg {
    height: 24px;
    width: auto;
    object-fit: contain;
    background: #ffffff;
    border-radius: 4px;
    padding: 2px 6px;
}

/* ===================================================================
   HOME — MEJORAS VISUALES
   =================================================================== */

.card-special .card-body {
    padding: 1.75rem !important;
}

.home-section-title {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 1.1px;
    color: #6e6e6e;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}

.home-section-title::before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    width: 4px;
    height: 16px;
    background: linear-gradient(180deg, #E8110A, #FF5555);
    border-radius: 4px;
}

.home-form-select {
    border-radius: 8px !important;
    height: 42px !important;
    font-size: 0.94rem !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.home-form-select:focus {
    box-shadow: 0 0 0 3px rgba(232, 17, 10, 0.15) !important;
}

.home-download-btn {
    border-radius: 8px !important;
    padding: 0.65rem 1rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    transition: opacity 0.2s ease, transform 0.15s ease !important;
}

.home-download-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

#loadingContainer .progress {
    border-radius: 8px;
    overflow: hidden;
}

#progressBarIndicator {
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.4px;
    transition: width 0.4s ease;
}