/*
=================================================
DC Framework
Utilities
Versión 1.0
=================================================
*/

/* Texto */

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

.dc-text-primary{
    color:var(--dc-primary);
}

.dc-text-muted{
    color:var(--dc-text-light);
}

.dc-text-white{
    color:#fff;
}

/* Fondos */

.dc-bg-white{
    background:#fff;
}

.dc-bg-soft{
    background:var(--dc-bg-soft);
}

.dc-bg-primary{
    background:var(--dc-primary);
}

.dc-bg-dark{
    background:var(--dc-secondary);
}

/* Sombras */

.dc-shadow-sm{
    box-shadow:var(--dc-shadow-sm);
}

.dc-shadow-md{
    box-shadow:var(--dc-shadow-md);
}

.dc-shadow-lg{
    box-shadow:var(--dc-shadow-lg);
}

/* Bordes */

.dc-rounded-sm{
    border-radius:var(--dc-radius-sm);
}

.dc-rounded-md{
    border-radius:var(--dc-radius-md);
}

.dc-rounded-lg{
    border-radius:var(--dc-radius-lg);
}

.dc-rounded-xl{
    border-radius:var(--dc-radius-xl);
}

/* Espaciados */

.dc-mt-1{ margin-top:var(--dc-space-1); }
.dc-mt-2{ margin-top:var(--dc-space-2); }
.dc-mt-3{ margin-top:var(--dc-space-3); }
.dc-mt-4{ margin-top:var(--dc-space-4); }
.dc-mt-5{ margin-top:var(--dc-space-5); }
.dc-mt-6{ margin-top:var(--dc-space-6); }
.dc-mt-7{ margin-top:var(--dc-space-7); }
.dc-mt-8{ margin-top:var(--dc-space-8); }

.dc-mb-1{ margin-bottom:var(--dc-space-1); }
.dc-mb-2{ margin-bottom:var(--dc-space-2); }
.dc-mb-3{ margin-bottom:var(--dc-space-3); }
.dc-mb-4{ margin-bottom:var(--dc-space-4); }
.dc-mb-5{ margin-bottom:var(--dc-space-5); }
.dc-mb-6{ margin-bottom:var(--dc-space-6); }
.dc-mb-7{ margin-bottom:var(--dc-space-7); }
.dc-mb-8{ margin-bottom:var(--dc-space-8); }

/* Display */

.dc-hidden{
    display:none;
}

.dc-block{
    display:block;
}

.dc-inline-flex{
    display:inline-flex;
}

/* Ancho */

.dc-w-full{
    width:100%;
}

.dc-max-700{
    max-width:700px;
}

.dc-max-900{
    max-width:900px;
}

.dc-mx-auto{
    margin-left:auto;
    margin-right:auto;
}