/*****************************************************************
    STARTER INMOBILIARIO
    UTILITIES.CSS
*****************************************************************/

/*==============================================================
    DISPLAY
==============================================================*/

.d-block{
    display:block;
}

.d-inline{
    display:inline;
}

.d-inline-block{
    display:inline-block;
}

.d-flex{
    display:flex;
}

.d-grid{
    display:grid;
}

.d-none{
    display:none;
}

/*==============================================================
    FLEX
==============================================================*/

.flex-center{
    display:flex;
    align-items:center;
    justify-content:center;
}

.flex-between{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.flex-column{
    display:flex;
    flex-direction:column;
}

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

/*==============================================================
    TEXTO
==============================================================*/

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

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

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

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

.text-secondary{
    color:var(--secondary);
}

.text-white{
    color:var(--white);
}

.text-black{
    color:var(--black);
}

.text-muted{
    color:var(--gris-600);
}

/*==============================================================
    FONDOS
==============================================================*/

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

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

.bg-white{
    background:var(--white);
}

.bg-light{
    background:var(--gris-100);
}

.bg-dark{
    background:var(--gris-900);
}

/*==============================================================
    BORDES
==============================================================*/

.border{
    border:var(--border);
}

.border-0{
    border:none;
}

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

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

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

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

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

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

.rounded-circle{
    border-radius:50%;
}

/*==============================================================
    SOMBRAS
==============================================================*/

.shadow-xs{
    box-shadow:var(--shadow-xs);
}

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

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

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

/*==============================================================
    IMÁGENES
==============================================================*/

.img-cover{
    width:100%;
    height:100%;
    object-fit:cover;
}

.img-contain{
    width:100%;
    height:100%;
    object-fit:contain;
}

/*==============================================================
    CURSOR
==============================================================*/

.pointer{
    cursor:pointer;
}

/*==============================================================
    OVERFLOW
==============================================================*/

.overflow-hidden{
    overflow:hidden;
}

/*==============================================================
    POSICIÓN
==============================================================*/

.position-relative{
    position:relative;
}

.position-absolute{
    position:absolute;
}

/*==============================================================
    TRANSICIONES
==============================================================*/

.transition{
    transition:var(--transition);
}

/*==============================================================
    VISIBILIDAD
==============================================================*/

.hidden{
    display:none !important;
}