$(document).ready(function () {
  const data = new Date();
  const dia = data.getDate().toString().padStart(2, '0');
  const mes = data.toLocaleDateString('pt-BR', { month: 'long' });
  const mesCapitalizado = mes.charAt(0).toUpperCase() + mes.slice(1);
  
  const dataFormatada = `${dia} de ${mesCapitalizado}`;
  
  // Agora vamos substituir tudo corretamente incluindo o ponto final no mesmo elemento
  $("#date").parent().html(`<span id="date">${dataFormatada}.</span>`);
});