var mostrar_mod1 = document.querySelectorAll('.mostrar_mod1');
var mostrar_mod2 = document.querySelectorAll('.mostrar_mod2');
var cerrar_mod1 = document.querySelectorAll('.cerrar_mod1');
var cerrar_mod2 = document.querySelectorAll('.cerrar_mod2');
var modal1 = document.getElementById('modal1');
var modal2 = document.getElementById('modal2');

for(let i = 0; i < mostrar_mod1.length; i++) {
    mostrar_mod1[i].addEventListener('click', function (){
        modal1.classList.add('d-block');
    });
}
for(let i = 0; i < cerrar_mod1.length; i++) {
    cerrar_mod1[i].addEventListener('click', function (){
        modal1.classList.remove('d-block');
    });
}
for(let i = 0; i < mostrar_mod2.length; i++) {
    mostrar_mod2[i].addEventListener('click', function (){
        modal2.classList.add('d-block');
    });
}
for(let i = 0; i < cerrar_mod2.length; i++) {
    cerrar_mod2[i].addEventListener('click', function (){
        modal2.classList.remove('d-block');
    });
}