function openModal() {
  const modal = document.getElementById("modal-open");

  modal.style.display = "flex";
}

function closeModal() {
  const modal = document.getElementById("modal-open");

  modal.style.display = "none";
}

function modalContent(id) {
  const modal = document.getElementById("modal-open");
  modal.innerHTML = "";
  const dataModal = Object.keys(PLAN_DATA_DOUBT);

  for (const key of dataModal) {
    const data = PLAN_DATA_DOUBT[key];
    if (data.id == id) {
      modal.innerHTML = `
      <div class="modal-content">
        <button id="modal-close" class="icon-about" onClick="closeModal();">
          <i class="fas fa-times"></i>
        </button>
        <h2>${data.title}</h2>
        <p>${data.text}</p>
      </div>    
      `;
    }
  }
}