:root{
    --azul-mrgates : #00bfff;
    --azul-mrgates-transparente : #00bfff77;
    --azul-oscuro: #045B73; 
    --naranja-mrgates : #FAB902;
    /* grises */
    --gris-palido : #f3f3f3;
    --gris-light : #636363;
    --gris-medium: #1b2a2f;
    --gris-dark: #111516;
    --blanco : #fff;
    /* especificos */
    --footer: #045B73;
}

/******************************************** COLORES */

.tx-azul{
    color: var(--azul-mrgates);
}
.bg-azul{
    background-color: var(--azul-mrgates);
}
.tx-azul-oscuro{
    color: var(--azul-oscuro);
}
.bg-azul-oscuro{
    background-color: var(--azul-oscuro);
}
.tx-naranja{
    color: var(--naranja-mrgates);
}
.bg-naranja{
    background-color: var(--naranja-mrgates);
}
.tx-blanco{
    color: var(--blanco);
}
.bg-blanco{
    background-color: var(--blanco);
}
.tx-gris-palido{
    color: var(--gris-palido);
}
.bg-gris-palido{
    background-color: var(--gris-palido);
}
.tx-gris-light{
    color: var(--gris-light);
}
.bg-gris-light{
    background-color: var(--gris-light);
}
.tx-gris-medium{
    color: var(--gris-medium);
}
.bg-gris-medium{
    background-color: var(--gris-medium);
}
.tx-gris-dark{
    color: var(--gris-dark);
}
.bg-gris-dark{
    background-color: var(--gris-dark);
}
.tx-footer{
    color: var(--footer);
}
.bg-footer{
    background-color: var(--footer);
}