:root{
    font-size: 1.2vw;
}

#mapeoFuentes{
    border: 1px solid lightsteelblue;
    border-collapse: collapse;
}
#mapeoFuentes tr{
    border: 1px solid lightsteelblue;
}
#mapeoFuentes td{
    padding: 10px;
}

#mapeoFuentesAjustable{
    border: 1px solid lightsteelblue;
    border-collapse: collapse;
}
#mapeoFuentesAjustable tr{
    border: 1px solid lightsteelblue;
}
#mapeoFuentesAjustable td{
    padding: 10px;
}







#selectorColor{
    display: flex;
}
.selectorColorInfo{
    float:right;
}

.selectorColor{
    height: 500px;
    width: 500px;
    border-radius: 250px;
}
.muestraColor{
    width: 60px;
    height: 40px;
    padding: 10px;
}
.circuloColor{
    background-image:
        conic-gradient(
        hsl(360, 100%, 50%),
        hsl(315, 100%, 50%),
        hsl(270, 100%, 50%),
        hsl(225, 100%, 50%),
        hsl(180, 100%, 50%),
        hsl(135, 100%, 50%),
        hsl(90, 100%, 50%),
        hsl(45, 100%, 50%),
        hsl(0, 100%, 50%)
        ) ;
}

.circuloBrillo{
    background-image: radial-gradient( circle 250px, hsl(0, 0%, 100%), hsl(0, 0%, 0%) );
    position: relative;
    top:-500px;
    mix-blend-mode: luminosity;
}

.filaSeleccionada{
    border: 1px #000 solid;
}
.tableBorde{
    border-collapse: collapse; 
}