#page-top {
    background-color: #f8f9fc;
}

.form-control-user {
    border-radius: 0.5rem !important; /* Sobrescribe el border-radius de SB Admin 2 */
}

/* Override primary color variables */
:root {
    --blue: #2381bd; /* Nuevo color primario */
    --primary: #2381bd; /* Nuevo color primario */
}

.bg-register-image {
    background: url("https://picsum.photos/600/800?random=1") !important;
    background-position: center !important;
    background-size: cover !important;
}

/* Override the background gradient for the sidebar and other elements */
.bg-login-image {
    background: url("../img/logo_vus.png") !important;
    background-position: calc(50% + 20px) calc(50% - 20px) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.bg-gradient-primary {
    background-color: var(--primary); /* Fallback */
    background-image: linear-gradient(180deg, var(--primary) 10%, #1a5c85 100%) !important;
}

/* Override primary button styles */
.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-primary:hover {
    background-color: #1e6fa0 !important; /* Un tono un poco más oscuro para el hover */
    border-color: #1e6fa0 !important;
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: #1e6fa0 !important;
    border-color: #1e6fa0 !important;
    box-shadow: 0 0 0 0.2rem rgba(35, 129, 189, 0.5) !important; /* Ajusta el color de la sombra */
}

/* Override text and border colors if they use .text-primary or .border-left-primary */
.text-primary {
    color: var(--primary) !important;
}

.border-left-primary {
    border-left: 0.25rem solid var(--primary) !important;
}