a,b,p,div,span,label,h6,ol,ul,li,small,input,bold,i{
    font-family: 'ligero';
}

a{
    text-decoration: none;
    text-decoration-style: none;
    cursor: pointer;
    color: inherit;
    font-family: 'regular';
}

a:hover{
    color: inherit;
}

ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email],
textarea{
    height: 44px;
    font-size: calc(1.2 * var(--tamanoLetraBase));
    font-family: 'regular';
}

input[type=submit],
input[type=button],
button{
    height: 44px;
    font-size: calc(1.2 * var(--tamanoLetraBase));
    font-family: 'negrita';
}

.boton-color-uno{
    background-color: var(--colorUno);
}

.boton-color-dos{
    background-color: var(--colorDos);
}

.boton-color-tres{
    background-color: var(--colorTres);
}

.boton-color-cuatro{
    background-color: var(--colorCuatro);
}

.fondo-color-uno{
    background-color: var(--colorUno);
}

.fondo-color-dos{
    background-color: var(--colorDos);
}

.fondo-color-tres{
    background-color: var(--colorTres);
}

.fondo-color-cuatro{
    background-color: var(--colorCuatro);
}

.fondo-color-silencio-uno{
    background-color: var(--colorSilencioUno);
}

.fondo-color-silencio-dos{
    background-color: var(--colorSilencioDos);
}

.fondo-color-exito{
    background-color: var(--colorExito);
}

.fondo-color-cuidado{
    background-color: var(--colorCuidado);
}

.fondo-color-peligro{
    background-color: var(--colorPeligro);
}

.texto-regular{
    font-family: 'regular';
}

.texto-negrita{
    font-family: 'negrita';
}

.texto-ligero{
    font-family: 'ligero';
}

.texto-color-uno{
    color: var(--colorUno);
}

.texto-color-dos{
    color: var(--colorDos);
}

.texto-color-tres{
    color: var(--colorTres);
}

.texto-color-cuatro{
    color: var(--colorCuatro);
}

.texto-color-blanco{
    color: white;
}

.icono-carga-respuesta{
    font-size: 40px;
}

.icono-carga-respuesta{
    animation: efectoAparecer .6s;
}

.alerta-sistema{
    font-family: 'regular';
    font-size: var(--tamanoLetraBase);
}

.ocultar{
    display: none;
}

.no-visible{
    visibility: hidden;
}

@keyframes rotacion {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes efectoAparecer {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

@media screen and (min-width: 320px) {
    .alerta-sistema{
        padding: 5px 10px;
    }
}

@media screen and (min-width: 520px) {
    .alerta-sistema{
        padding: 7px 10px;
    }
}

@media screen and (min-width: 1024px) {
    .alerta-sistema{
        padding: 8px 20px;
    }
}

@media screen and (min-width: 1200px) {
    .alerta-sistema{
        padding: 8px 25px;
    }
}

@media screen and (min-width: 1500px) {
    .alerta-sistema{
        padding: 10px 30px;
    }
}