/* OTHER CSS TOOLS */

/* # # # # # # # # # # # # # # # # # # # TAMAÑO TEXTO SMALL */
.text-sm{
    font-size: 14px;
}
.text-xs{
    font-size: 12px;
}



/* # # # # # # # # # # # # # # # # # # # MARGENES */
.m-6{
    margin: 4rem;
}
.m-7{
    margin: 4.5rem;
}
.m-8{
    margin: 5rem;
}
.m-9{
    margin: 6rem;
}
.m-10{
    margin: 7rem;
}

.mx-6{
   margin: 4rem inherit; 
}
.mx-7{
    margin: 4.5rem inherit; 
}
.mx-8{
    margin: 5rem inherit; 
}

.my-6{
    margin: 4rem inherit; 
}
 .my-7{
     margin: 4.5rem inherit; 
}
 .my-8{
     margin: 5rem inherit; 
}

.mt-6{
    margin-top: 4rem;
}
.mt-7{
    margin-top: 4.5rem;
}
.mt-8{
    margin-top: 5rem;
}
.mt-9{
    margin-top: 6rem;
}
.mt-10{
    margin-top: 7rem;
}

.mb-6{
    margin-bottom: 4rem;
}
.mb-7{
    margin-bottom: 4.5rem;
}
.mb-8{
    margin-bottom: 5rem;
}
.mb-9{
    margin-bottom: 6rem;
}
.mb-10{
    margin-bottom: 7rem;
}

/* # # # # # # # # # # # # # # # # # # #  PADDINGS */
.p-6{
    padding: 4rem;
}
.p-7{
    padding: 4.5rem;
}
.p-8{
    padding: 5rem;
}

.px-6{
    padding: 4rem inherit;
}
.px-7{
    padding: 4.5rem inherit;
}
.px-8{
    padding: 5rem inherit;
}

.py-6{
    padding: inherit 4rem;
}
.py-7{
    padding: inherit 4.5rem;
}
.py-8{
    padding: inherit 5rem;
}

/* BORDERS */

.op-border-primary{
    border: 1px solid var(--op-color-primary);
}
.op-border-secondary{
    border: 1px solid var(--op-color-secondary);
}
.op-border-complementary{
    border: 1px solid var(--op-color-complementary);
}