@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;500;600&display=swap');

/*
    ********************************  SECCION 1
*/
.nivelriesgo-seccion1,
.nivelriesgo-seccion2 {
    background: #FFFFFF;
    width: 100%;
}

/*
    ********************************  Botón
*/
.nivelriesgo-btn1 {
    background: #3564FC;
    color: #fff;
    border: 1px solid #FFF;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
}

.nivelriesgo-btn1:hover {
    background-color: #FFFFFF;
    color: #487FFF;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

/*
    ********************************  Responsive directo
*/
.web-nivelriesgo {
    display: block !important;
}

.mobile-nivelriesgo {
    display: none !important;
}

@media only screen and (max-width: 760px) {
    .web-nivelriesgo {
        display: none !important;
    }

    .mobile-nivelriesgo {
        display: block !important;
    }

    .nivelriesgo-seccion2 {
        background: #487FFF;
        width: 100%;
    }
}