a,b,p,div,span,label,h1,h2,h3,h4,h5,h6,ol,ul,li,small,bold,i{
    font-family: 'Roboto';
}

:root{
    --colorPrimario: #b57878;
    --colorAvanzar: #89c17a;
    --colorDeshabilitado: #ECECEC;
    --colorAviso: #8CDEF0;
    --colorPrecaucion: #F2B712;
    --colorPeligro: #8e150d;
}

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

.fondo-primario{
    background-color: var(--colorPrimario);
}

.fondo-avanzar{
    background-color: var(--colorAvanzar);
}

.fondo-aviso{
    background-color: var(--colorAviso);
}

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

.fondo-deshabilitado{
    background-color: var(--colorDeshabilitado);
}

a.fondo-boton-peticion{
    background-color: var(--colorAvanzar);
    color: white;;
}

.cursor-pointer{
    cursor: pointer !important;
}

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