img.logo {
    width: 70px;
}

.bg-primary {
    background: #001526 !important;
}

.custom-card {
    border: 1px solid #043252 !important;
    background: #04325245 !important;
}

.custom-card:hover {
    border: 1px solid #084c7d !important;
    background: #084c7d45 !important;
    box-shadow: 0 0 25px #084c7d6d !important;
}

.border-bottom {
    border-bottom: 1px solid #20282e !important;
}

.card-excel {
    border:1px solid #15803d45 !important;
    background: #15803d45 !important;
}

.card-excel:hover {
    border:1px solid #12cd57 !important;
    background: #12cd575c !important;
    box-shadow: 0 0 25px #12cd575c !important;
}

.custom-input {
    background: #012440;
    border: none;
    color: white !important;
}

.sidebar, .custom-bg-blur {
    background: #001f364a !important;
    backdrop-filter: blur(20px);
}

/* Transición suave para el sidebar */
#paymentSidebar {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Efecto de overlay */
#sidebarOverlay {
    transition: opacity 0.3s ease;
}

.filters-btn {
    display: none !important;
}

@media screen and (max-width:767px) {
    #user-info {
        display: none;
    }

    div#paymentSidebar, #bancoSidebar, #usuariosSidebar {
        width: 90%;
    }

    .filtros-cont {
        display: flex;
    }

    .filters-btn {
        display: flex !important;
    }
}

.view-password {
    top: 2rem;
    right: 1.5rem;
}

.text-yellow {
    color: #F4CE53 !important;
}

.bg-images {
    background: linear-gradient(to left, #012440c1,#012440c1), url('/static/bg-2.jpg');
    background-attachment: fixed;
    background-size: cover;
}

.sidebar {
    min-width: 400px;
}

@media screen and (max-width: 767px) {

    .principal-container {
        gap: 2rem;
    }

    .sidebar {
        min-width: 90%;
    }
    
}

.image-cont {
    width: fit-content;
    background: white;
    padding: 2px;
    margin: 0 auto;
    border-radius: 999px;
}

.custom-cupon-image {
    width: 100%;
    max-width: 400px;
    height: 400px;
    object-fit: contain;
}