/* Cuadros Asuntos Regulatorios */

.cuadro {
    width: 100%;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin: 20px;
    padding: 0 50px 0 50px;
    place-items: space-around;
    justify-content: center;
    box-sizing: border-box;
}

.cuadro2 {
    width: 100%;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin: 20px;
    padding: 0 50px 0 50px;
    place-items: space-between;
    justify-content: center;
    box-sizing: border-box;

}

.listas {
    flex: 1 0 300px;
    box-shadow: 3px 3px 3px 3px darkgray;
    width: 100%;
    max-width: 600px;
    background: #fff;
    padding: 30px 40px;
}

.titlist {
    font-size: 24pt;
    text-align: center;
    margin: 5px;
}

.list {
    margin: 10px 0 10px 10px;
    padding: 10px 0 20px 25px;
    line-height: 1.5;
    color: #0071bc;
    font-family: Lato, sans-serif;
}

.listup {
    margin: 10px 10px 0px 10px;
    padding: 10px 0 20px 25px;
    line-height: 1.5;
    list-style: none;
    color: #0071bc;
    font-family: Lato, sans-serif;
}

.listup li {
    font-size: 12pt;
    text-align: left;
    line-height: 1.5;
    font-family: Lato, sans-serif;
}

.sublist {
    list-style-type: none;
    list-style: none;
    margin: 10px 0;
}

.sublist li {
    line-height: 2.5;
    margin: 5px 10px;
    text-align: justify;
}

.list li {
    font-size: 12pt;
    text-align: left;
    line-height: 1.5;
    font-family: Lato, sans-serif;
}

.list li:before {
    color: #1F6F9B;
}

.imgmant {
    opacity: 0.6;
    width: 100%;
    max-width: 130px;
}

/* Cuadros Mantenimiento */

.cuadrom {
    width: 100%;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 80px;
    grid-row-gap: 50px;
    margin: 20px;
    padding: 0 50px 0 50px;
    place-items: space-around;
    justify-content: center;
    box-sizing: border-box;
}

.cuadro2m {
    width: 100%;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 90px;
    grid-row-gap: 150px;
    margin: 20px;
    padding: 0 50px 0 50px;
    place-items: space-between;
    justify-content: center;
    box-sizing: border-box;

}

.listasm {
    flex: 1 0 300px;
    box-shadow: 3px 3px 3px 3px darkgray;
    width: 100%;
    max-width: 550px;
    background: #fff;
    padding: 0 40px;
}

.titlistm {
    font-size: 18pt;
    text-align: center;
    margin: 5px;
}

.listm {
    margin: 10px 0 10px 10px;
    padding: 10px 0 20px 25px;
    line-height: 1.5;
    color: darkslategray;
    font-family: Lato, sans-serif;
}

.listupm {
    margin: 10px 10px 0px 10px;
    padding: 10px 0 20px 25px;
    line-height: 1.5;
    list-style: none;
    color: darkslategray;
    font-family: Lato, sans-serif;
}

.listupm li {
    font-size: 12pt;
    text-align: left;
    line-height: 1.5;
    font-family: Lato, sans-serif;
}

.sublistm {
    list-style-type: none;
    list-style: none;
    margin: 30px 30px 30px 0;
}

.sublistm li {
    line-height: 2.5;
    margin: 10px 10px 0px 10px;
    text-align: justify;
}

.listm li {
    font-size: 12pt;
    text-align: left;
    line-height: 1.5;
    font-family: Lato, sans-serif;
}

.listm li:before {
    color: #1F6F9B;
}

.imgmantm {
    opacity: 0.6;
}

/*Media query para telefono*/

@media (max-width: 858px) {

    .cuadro {
        margin: 0;
        padding: 0;
        grid-row-gap: 50px;
    }

    .cuadro2 {
        margin: 0;
        padding: 0;
        grid-row-gap: 50px;
    }

    .cuadrom {
        margin: 0;
        padding: 0;
        grid-row-gap: 50px;
    }

    .cuadro2m {
        margin: 0;
        padding: 0;
        grid-row-gap: 50px;
    }

    .listas {
        padding: 0;
    }

    .listasm {
        padding: 0;
    }

    .titlist {
        font-size: 18pt;
    }

    .titlistm {
        font-size: 18pt;
    }

    .list li {
        font-size: 12pt;
    }

    .listm li {
        font-size: 12pt;
    }

}