/* ========================================================
   BIBLIOTECA PESSOAL DE CLASSES UTILITÁRIAS (UTILS.CSS)
   ======================================================== */

/* --- DISPLAY & DISPLAY FLEX --- */
.d-flex {
    display: flex !important;
}

.d-grid {
    display: grid !important;
}

.d-block {
    display: block !important;
}

.d-none {
    display: none !important;
}

/* --- FLEX DIRECTION --- */
.f-col {
    flex-direction: column !important;
}

.f-row {
    flex-direction: row !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

/* --- JUSTIFY CONTENT (Alinhamento Principal) --- */
.justify-between {
    justify-content: space-between !important;
}

.justify-center {
    justify-content: center !important;
}

.justify-start {
    justify-content: flex-start !important;
}

.justify-end {
    justify-content: flex-end !important;
}

/* --- ALIGN ITEMS (Alinhamento Cruzado) --- */
.align-center {
    align-items: center !important;
}

.align-start {
    align-items: flex-start !important;
}

.align-end {
    align-items: flex-end !important;
}

/* --- MARGINS AUTOMÁTICAS (Útil para empurrar elementos) --- */
.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.w-100 {
    width: 100% !important;
}