:root,
* {
    --bs-border-radius: 1rem !important;
}

.avatar-circle {
    border: solid;
    border-width: 1px;
    color: var(--color-primario);
}
/*
.nav-link {
    color: var(--color-fondo) !important;
}

*/

@property --color {
    syntax: "<color>";
    inherits: true;
    initial-value: var(--color-primario);
}

* {
    --color: var(--color-fondo)
}

/** MEDALLAS */

.badge {
    --color: var(--color-frente);
    border: solid 1px var(--color-primario);
    background-color: color-mix(in srgb, var(--color), transparent 80%) !important;
    color:var(--color)!important;
}

.badge.badge-info,.badge.bg-info {
    --color: var(--color-primario) !important;
    border: none !important;
}

.badge.badge-success,.badge.bg-success {
    --color: var(--turquesa-suave) !important;
    border: none !important;

}

.badge.badge-warning,.badge.bg-warning {
    --color: var(--color-amarillo) !important;
    border: none !important;

}

.badge.badge-danger,.badge.bg-danger {
    --color: var(--color-rosa) !important;
    border: none !important;

}

.inhabilitado{
    cursor:not-allowed !important;
    opacity: .7!important;
}

.dropdown-item:hover{
    border-radius: .5rem!important;
    background-color: var(--color-gris-1)!important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px!important;
}

.modal-content{
    padding: 1rem!important;
}