/* Utilidades de Fondo */
.bg-primary { background-color: var(--color-primary); }
.bg-success { background-color: var(--color-success); }
.bg-danger { background-color: var(--color-danger); }


/* Utilidades de Texto */
.text-primary { color: var(--primary); }
.text-secondary { color: var(--secondary); }
.text-dark { color: var(--color-text-dark); }
.text-grey{color: var(--color-grey)}
.text-light { color: var(--color-text-light); }
.text-grey-light{color: var(--color-grey-light)}
.text-grey-dark{color:var(--color-grey-dark)}
.text-danger{color:var(--danger)}
.no-decoration{ text-decoration: none;}

.text-weight-medium { font-weight: var(--font-weight-medium); }
.text-weight-bold { font-weight: var(--font-weight-bold); }

/* Utilidades de espaciado */

.no-margin{margin: 0}

.margin-top-1x{margin-top: 1rem}

.hidden{
    display: none !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px; 
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.container{
    padding: 10px 15px;
}

.text-center{
    text-align: center;
}

.relative{
    position: relative;
}