.elemento-encima-de-todo {
    z-index: 9999;
}

.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item.active {
    background-color: black !important;
    color: white !important;
}

.card {
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px;
}

.card-footer {
    background-color: #fff !important;
    border-top: none !important; /* opcional, elimina la línea superior */
}

.main-header,
.navbar {
    background: #F4F6F9 !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

/* btn-primary --------------------------------------------------------------------*/
.btn-primary {
    background-color: #ffffff;
    border-color: #212529;
    border-width: 3px;
    color: #212529;
}

.btn-primary:hover {
    background-color: #f2f2f2;
    border-color: #212529;
    border-width: 3px;
    color: #212529;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #501627;
}

.navbar-primary {
    background-color: #501627 !important;
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: #ffffff;
    border-color: #212529;
    color: #212529;
    box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.25);
}

.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background-color: #e6e6e6 !important;
    border-color: #212529 !important;
    color: #212529 !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.25);
}
/* btn-secondary --------------------------------------------------------------------*/
.btn-secondary {
    background-color: #212529;
    border-color: #000000;
    color: #fff;
}

.btn-secondary:hover {
    background-color: #2D3339;
    border-color: #000000;
    color: #fff;
}

.btn-secondary:focus,
.btn-secondary.focus {
    background-color: #2D3339;
    border-color: #000000;
    box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
}

.btn-secondary:active,
.btn-secondary.active {
    background-color: #1a1d20;
    border-color: #000000;
    color: #fff;
}

.btn-outline-secondary {
    color: #212529;
    border-color: #212529;
}

.btn-outline-secondary:hover {
    background-color: #212529;
    border-color: #212529;
    color: #fff;
}



/* Base para ambos botones: transición suave */
.btn-primary,
.btn-secondary {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Al pasar el mouse: se agranda un poco */
.btn-primary:hover,
.btn-secondary:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Al hacer clic: efecto "press" (se achica un poco, simula que lo presionás) */
.btn-primary:active,
.btn-secondary:active {
    transform: scale(0.97);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}