@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
  font-family: "Open Sans", sans-serif;
}

.z--1 {
    z-index: -1;
}
.z--2 {
    z-index: -2;
}

.fit-cover {
    object-fit: cover;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bolder;
}

.rounded {
    border-radius: 24px !important;
}


.riesgo-bajo  {
    background: #B0FFD2;
}
.riesgo-bajo h3 p {
    color:#00933F
}
.riesgo-moderado {
    background: #CEE3FF;
}
.riesgo-moderado h3 p {
    color: #385A87
}
.riesgo-alto {
    background: #fff3cd;
}
.riesgo-alto h3 p {
    color: #6d550e
}
.riesgo-muy-alto {
    background: #FFC7A2;
}
.riesgo-muy-alto h3 p {
    color: #EF7B2E
}
.riesgo-extremo {
    background: #f8d7da;
}
.riesgo-extremo h3 p {
    color: #58151c
}