`;
rawCards.forEach((line) => {
html += `
- ${title} - PedaGog
@@ -9474,13 +9826,13 @@ document.addEventListener('DOMContentLoaded', () => {
box-sizing: border-box;
}
@page {
- size: ${tamanho} ${orientacao === 'paisagem' ? 'landscape' : 'portrait'};
- margin: 10mm;
+ size: A4 ${orientacao === 'paisagem' ? 'landscape' : 'portrait'};
+ margin: 8mm;
}
body {
font-family: ${font};
margin: 0;
- padding: 20px;
+ padding: 10px;
background-color: #f7fafc;
display: flex;
justify-content: center;
@@ -9490,61 +9842,35 @@ document.addEventListener('DOMContentLoaded', () => {
.cartaz-frame {
background-color: ${bg};
color: ${text};
- padding: 40px;
+ padding: 36px 32px;
border-radius: 16px;
width: 100%;
- max-width: ${orientacao === 'paisagem' ? '1200px' : '800px'};
+ max-width: ${orientacao === 'paisagem' ? '1100px' : '780px'};
aspect-ratio: ${orientacao === 'paisagem' ? '1.414 / 1' : '1 / 1.414'};
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
box-sizing: border-box;
border: ${border === 'none' ? 'none' : `${border} ${text}`};
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
- container-type: inline-size;
}
h1 {
text-align: center;
margin-top: 0;
- font-size: 3.5rem;
+ font-size: 3rem;
border-bottom: 3px solid ${text};
- padding-bottom: 16px;
- margin-bottom: 30px;
+ padding-bottom: 14px;
+ margin-bottom: 24px;
}
.content-area {
- font-size: 1.5rem;
+ font-size: 1.4rem;
line-height: 1.6;
+ flex: 1;
display: flex;
- flex-direction: ${orientacao === 'paisagem' ? 'row' : 'column'};
- flex-wrap: wrap;
- gap: 20px;
+ flex-direction: column;
justify-content: center;
+ gap: 16px;
}
- /* Suporte para cards na content-area */
- .content-area > div, .content-area > p, .content-area > ul {
- box-sizing: border-box;
- background: rgba(255, 255, 255, 0.3);
- padding: 20px;
- border-radius: 12px;
- box-shadow: 0 2px 4px rgba(0,0,0,0.05);
- width: ${orientacao === 'paisagem' ? 'calc(50% - 20px)' : '100%'};
- flex: ${orientacao === 'paisagem' ? '1 1 calc(50% - 20px)' : '0 0 auto'};
- margin: 0;
- }
- ul {
- margin-left: 20px;
- }
- li {
- margin-bottom: 12px;
- }
-
- /* Estilos específicos do Canvas no PDF/Print */
- .canvas-item {
- position: absolute !important;
- box-sizing: border-box;
- }
-
@media print {
body { background: transparent; padding: 0; display: block; }
.cartaz-frame {
@@ -9552,11 +9878,9 @@ document.addEventListener('DOMContentLoaded', () => {
border-radius: 0;
max-width: 100%;
width: 100%;
- height: auto;
min-height: 100%;
- padding: 30px;
+ padding: 24px;
}
- button { display: none; }
}
@@ -9576,10 +9900,34 @@ document.addEventListener('DOMContentLoaded', () => {
});
}
- // Load History list
+ // --- TOGGLE EDITOR DE CÓDIGO HTML ---
+ if (btnEditCartazToggle) {
+ btnEditCartazToggle.addEventListener('click', () => {
+ if (cartazEditArea.style.display === 'none' || !cartazEditArea.style.display) {
+ cartazEditArea.style.display = 'flex';
+ btnEditCartazToggle.style.background = 'rgba(16, 185, 129, 0.2)';
+ btnEditCartazToggle.style.color = '#10b981';
+ } else {
+ cartazEditArea.style.display = 'none';
+ btnEditCartazToggle.style.background = 'transparent';
+ btnEditCartazToggle.style.color = 'var(--text-secondary)';
+ }
+ });
+ }
+
+ if (btnUpdateCartazPreview) {
+ btnUpdateCartazPreview.addEventListener('click', () => {
+ if (cartazPreviewContent && cartazHtmlEditor) {
+ cartazPreviewContent.innerHTML = cartazHtmlEditor.value;
+ showToast('Pré-visualização atualizada do código HTML!', 'info');
+ }
+ });
+ }
+
+ // --- HISTÓRICO DE CARTAZES SALVOS ---
async function loadCartazesHistory() {
if (!cartazesHistoryContainer) return;
- cartazesHistoryContainer.innerHTML = '
+
`;
} else {
- html += `
${line}
`;
});
html += `Digite os destaques ou escolha um modelo ao lado.
`; + html += `Digite os destaques ou escolha um modelo ao lado.
`; } if (rodape) { - html += `${rodape}
`;
+ html += `${rodape}
`;
}
cartazPreviewContent.innerHTML = html;
if (cartazHtmlEditor) cartazHtmlEditor.value = html;
}
- // Live Style Updates
+ // ATUALIZAÇÃO VISUAL EM TEMPO REAL DO CARTAZ
function updateLivePreview() {
- const bg = cartazBgColor.value;
- const text = cartazTextColor.value;
- const font = cartazFontSelect.value;
- const border = cartazBorderSelect.value;
- const title = cartazTituloInput.value.trim() || 'Título do Cartaz';
- const orientacao = document.getElementById('cartazOrientacaoSelect') ? document.getElementById('cartazOrientacaoSelect').value : 'retrato';
+ const bg = cartazBgColor?.value || '#fff9eb';
+ const text = cartazTextColor?.value || '#2d3748';
+ const font = cartazFontSelect?.value || "'Fredoka', sans-serif";
+ const border = cartazBorderSelect?.value || '6px dashed';
+ const title = cartazTituloInput?.value.trim() || 'Título do Cartaz';
+ const badge = cartazBadgeInput?.value.trim() || '';
+ const orientacao = cartazOrientacaoSelect?.value || 'retrato';
cartazPrintableArea.style.backgroundColor = bg;
cartazPrintableArea.style.color = text;
cartazPrintableArea.style.fontFamily = font;
+ // Ajuste de proporção física
cartazPrintableArea.style.width = '100%';
- cartazPrintableArea.style.maxWidth = orientacao === 'paisagem' ? '680px' : '480px';
- cartazPrintableArea.style.aspectRatio = orientacao === 'paisagem' ? '1.414 / 1' : '1 / 1.414';
- cartazPrintableArea.style.height = 'auto';
+ if (orientacao === 'paisagem') {
+ cartazPrintableArea.style.maxWidth = '720px';
+ cartazPrintableArea.style.aspectRatio = '1.414 / 1';
+ cartazPrintableArea.style.minHeight = '480px';
+ } else if (orientacao === 'quadrado') {
+ cartazPrintableArea.style.maxWidth = '540px';
+ cartazPrintableArea.style.aspectRatio = '1 / 1';
+ cartazPrintableArea.style.minHeight = '540px';
+ } else {
+ // Retrato A4
+ cartazPrintableArea.style.maxWidth = '480px';
+ cartazPrintableArea.style.aspectRatio = '1 / 1.414';
+ cartazPrintableArea.style.minHeight = '640px';
+ }
- cartazPreviewTitle.textContent = title;
- cartazPreviewTitle.style.borderColor = text;
+ // Badge
+ if (cartazPreviewBadge) {
+ if (badge) {
+ cartazPreviewBadge.textContent = badge;
+ cartazPreviewBadge.style.display = 'inline-block';
+ cartazPreviewBadge.style.color = text;
+ cartazPreviewBadge.style.borderColor = text;
+ } else {
+ cartazPreviewBadge.style.display = 'none';
+ }
+ }
+ // Título
+ if (cartazPreviewTitle) {
+ cartazPreviewTitle.textContent = title;
+ cartazPreviewTitle.style.borderColor = text;
+ }
+
+ // Borda
if (border === 'none') {
cartazPrintableArea.style.border = 'none';
} else {
@@ -9182,10 +9456,11 @@ document.addEventListener('DOMContentLoaded', () => {
}
}
- // Event Listeners para inputs em tempo real
+ // Ouvintes de inputs em tempo real
[
cartazTituloInput,
cartazSubtituloInput,
+ cartazBadgeInput,
cartazCardsInput,
cartazRodapeInput
].forEach(elem => {
@@ -9202,19 +9477,31 @@ document.addEventListener('DOMContentLoaded', () => {
cartazTextColor,
cartazFontSelect,
cartazBorderSelect,
- document.getElementById('cartazOrientacaoSelect')
+ cartazCardStyleSelect,
+ cartazOrientacaoSelect
].forEach(elem => {
- if (elem) elem.addEventListener('input', updateLivePreview);
- if (elem && elem.tagName === 'SELECT') elem.addEventListener('change', updateLivePreview);
+ if (elem) {
+ elem.addEventListener('input', () => {
+ renderCartazContentFromInputs();
+ updateLivePreview();
+ });
+ if (elem.tagName === 'SELECT') {
+ elem.addEventListener('change', () => {
+ renderCartazContentFromInputs();
+ updateLivePreview();
+ });
+ }
+ }
});
- // Preset Palettes
+ // Presets de Paletas
document.querySelectorAll('.btn-palette-preset').forEach(btn => {
- btn.addEventListener('click', (e) => {
+ btn.addEventListener('click', () => {
const bg = btn.dataset.bg;
const text = btn.dataset.text;
- cartazBgColor.value = bg;
- cartazTextColor.value = text;
+ if (cartazBgColor) cartazBgColor.value = bg;
+ if (cartazTextColor) cartazTextColor.value = text;
+ renderCartazContentFromInputs();
updateLivePreview();
});
});
@@ -9224,13 +9511,13 @@ document.addEventListener('DOMContentLoaded', () => {
btnGenerateCartazImage.addEventListener('click', async () => {
const prompt = (cartazPromptImagem?.value || '').trim();
if (!prompt) {
- await showCustomAlert('Aviso', 'Digite uma descrição para a ilustração no campo acima.');
+ await showCustomAlert('Aviso', 'Digite uma descrição para a ilustração no campo de texto.');
return;
}
try {
btnGenerateCartazImage.disabled = true;
- btnGenerateCartazImage.textContent = '⏳ Gerando com IA...';
+ btnGenerateCartazImage.innerHTML = '⏳ Gerando...';
const fullPrompt = `${prompt}, high resolution children book illustration, cute Pixar 3D, colorful, no text, clean vector`;
@@ -9250,34 +9537,41 @@ document.addEventListener('DOMContentLoaded', () => {
cartazPreviewImage.src = data.imageUrl;
cartazPreviewImageContainer.style.display = 'block';
updateLivePreview();
- await showCustomAlert('Ilustração Pronta!', 'A imagem foi gerada e adicionada ao cartaz com sucesso.');
+ showToast('Ilustração criada e adicionada com sucesso!', 'success');
}
} catch (err) {
console.error('Erro ao gerar ilustração do cartaz:', err);
await showCustomAlert('Erro', 'Não foi possível gerar a ilustração: ' + err.message);
} finally {
btnGenerateCartazImage.disabled = false;
- btnGenerateCartazImage.innerHTML = '🪄 Gerar Ilustração com IA';
+ btnGenerateCartazImage.innerHTML = '🪄 Gerar com IA';
}
});
}
+ // Remover Imagem do Cartaz
if (btnRemoveCartazImage) {
btnRemoveCartazImage.addEventListener('click', () => {
- cartazPreviewImage.src = '';
- cartazPreviewImageContainer.style.display = 'none';
+ if (cartazPreviewImage) cartazPreviewImage.src = '';
+ if (cartazPreviewImageContainer) cartazPreviewImageContainer.style.display = 'none';
if (cartazPromptImagem) cartazPromptImagem.value = '';
+ if (cartazImageUploadInput) cartazImageUploadInput.value = '';
updateLivePreview();
+ showToast('Imagem removida do cartaz.', 'info');
});
}
- // --- GERAR CONTEÚDO COM PEDAGOGIA (IA) ---
+ // --- GERAR CONTEÚDO COM PEDAGOGIA AVANÇADA (IA) ---
if (btnGenerateCartaz) {
btnGenerateCartaz.addEventListener('click', async () => {
const titulo = (cartazTituloInput?.value || '').trim();
const subtitulo = (cartazSubtituloInput?.value || '').trim();
+ const badge = (cartazBadgeInput?.value || '').trim();
const promptImagem = (cartazPromptImagem?.value || '').trim();
- const orientacao = document.getElementById('cartazOrientacaoSelect')?.value || 'retrato';
+ const orientacao = cartazOrientacaoSelect?.value || 'retrato';
+ const faixaEtaria = cartazFaixaEtaria?.value || '';
+ const campoBncc = cartazCampoBncc?.value || '';
+ const turmaId = cartazTurmaSelect?.value || '';
if (!titulo) {
await showCustomAlert('Aviso', 'Por favor, informe ao menos o Título Principal do Cartaz.');
@@ -9286,16 +9580,23 @@ document.addEventListener('DOMContentLoaded', () => {
btnGenerateCartaz.disabled = true;
if (cartazGenerateLoader) cartazGenerateLoader.style.display = 'flex';
+ if (cartazLoaderText) cartazLoaderText.textContent = 'Diagramando cartaz com inteligência pedagógica...';
try {
const res = await fetch('/api/cartazes/generate', {
method: 'POST',
headers: {
- 'Content-Type': 'application/json'
+ 'Content-Type': 'application/json',
+ 'Authorization': `Bearer ${localStorage.getItem('token')}`
},
body: JSON.stringify({
titulo,
tema: subtitulo || titulo,
+ subtitulo,
+ badge,
+ faixaEtaria,
+ campoBncc,
+ turmaId,
corFundo: cartazBgColor?.value || '#fff9eb',
corTexto: cartazTextColor?.value || '#2d3748',
layout: 'educativo',
@@ -9309,12 +9610,17 @@ document.addEventListener('DOMContentLoaded', () => {
if (res.ok) {
activeCartazData = data;
- if (data.conteudo) {
- // Extrair texto limpo de tópicos/cards para o input editável
+ if (data.titulo) cartazTituloInput.value = data.titulo;
+ if (data.subtitulo) cartazSubtituloInput.value = data.subtitulo;
+ if (data.badge) cartazBadgeInput.value = data.badge;
+ if (data.rodape) cartazRodapeInput.value = data.rodape;
+
+ if (Array.isArray(data.cards) && data.cards.length > 0) {
+ cartazCardsInput.value = data.cards.join('\n');
+ } else if (data.conteudo) {
const tempDiv = document.createElement('div');
tempDiv.innerHTML = data.conteudo;
const items = Array.from(tempDiv.querySelectorAll('li, p, div')).map(el => el.textContent.trim()).filter(t => t.length > 5 && !t.toLowerCase().includes(titulo.toLowerCase()));
-
if (items.length > 0) {
cartazCardsInput.value = items.slice(0, 6).join('\n');
} else {
@@ -9343,43 +9649,90 @@ document.addEventListener('DOMContentLoaded', () => {
});
}
- // --- EXPORTAR PNG EM ALTA RESOLUÇÃO ---
+ // --- FERRAMENTA 1: COPIAR IMAGEM PARA ÁREA DE TRANSFERÊNCIA ---
+ if (btnCopyCartazClipboard) {
+ btnCopyCartazClipboard.addEventListener('click', async () => {
+ try {
+ btnCopyCartazClipboard.disabled = true;
+ btnCopyCartazClipboard.textContent = '⏳ Copiando...';
+
+ if (typeof html2canvas === 'undefined') {
+ throw new Error('Biblioteca de renderização não carregada.');
+ }
+
+ const canvas = await html2canvas(cartazPrintableArea, {
+ scale: 2.5,
+ useCORS: true,
+ logging: false,
+ backgroundColor: cartazBgColor?.value || '#fff9eb'
+ });
+
+ canvas.toBlob(async (blob) => {
+ if (!blob) throw new Error('Não foi possível gerar a imagem.');
+ try {
+ await navigator.clipboard.write([
+ new ClipboardItem({ 'image/png': blob })
+ ]);
+ showToast('📋 Imagem do cartaz copiada! Pode colar direto no WhatsApp ou Word (Ctrl+V).', 'success');
+ } catch (clipErr) {
+ console.warn('Clipboard write failed, fallback to copy dataURL:', clipErr);
+ // Fallback de download caso o navegador restrinja a Clipboard API
+ const link = document.createElement('a');
+ link.download = `cartaz_${Date.now()}.png`;
+ link.href = canvas.toDataURL('image/png');
+ link.click();
+ showToast('Imagem baixada com sucesso.', 'info');
+ }
+ }, 'image/png');
+
+ } catch (err) {
+ console.error('Erro ao copiar cartaz:', err);
+ showToast('Erro ao copiar imagem: ' + err.message, 'error');
+ } finally {
+ btnCopyCartazClipboard.disabled = false;
+ btnCopyCartazClipboard.textContent = '📋 Copiar Imagem';
+ }
+ });
+ }
+
+ // --- FERRAMENTA 2: EXPORTAR PNG EM ALTA RESOLUÇÃO (300 DPI) ---
if (btnExportCartazPNG) {
btnExportCartazPNG.addEventListener('click', async () => {
try {
btnExportCartazPNG.disabled = true;
- btnExportCartazPNG.textContent = '⏳ Gerando PNG...';
+ btnExportCartazPNG.textContent = '⏳ Criando PNG...';
if (typeof html2canvas === 'undefined') {
throw new Error('Biblioteca html2canvas não disponível.');
}
const canvas = await html2canvas(cartazPrintableArea, {
- scale: 3, // Alta resolução 300 DPI equivalente
+ scale: 3, // Alta resolução para impressão
useCORS: true,
logging: false,
- backgroundColor: cartazBgColor.value || '#fff9eb'
+ backgroundColor: cartazBgColor?.value || '#fff9eb'
});
- const title = (cartazTituloInput.value || 'cartaz_pedagog').replace(/[^a-zA-Z0-9_-]/g, '_').toLowerCase();
+ const title = (cartazTituloInput?.value || 'cartaz_pedagog').replace(/[^a-zA-Z0-9_-]/g, '_').toLowerCase();
const link = document.createElement('a');
- link.download = `${title}.png`;
+ link.download = `${title}_300dpi.png`;
link.href = canvas.toDataURL('image/png');
document.body.appendChild(link);
link.click();
link.remove();
+ showToast('PNG de alta resolução gerado com sucesso!', 'success');
} catch (err) {
console.error('Erro ao exportar PNG:', err);
await showCustomAlert('Erro', 'Não foi possível gerar o PNG: ' + err.message);
} finally {
btnExportCartazPNG.disabled = false;
- btnExportCartazPNG.textContent = '🖼️ Baixar PNG';
+ btnExportCartazPNG.textContent = '🖼️ PNG';
}
});
}
- // --- EXPORTAR PDF IMPRIMÍVEL ---
+ // --- FERRAMENTA 3: EXPORTAR PDF IMPRIMÍVEL (A4 EXATO) ---
if (btnExportCartazPDF) {
btnExportCartazPDF.addEventListener('click', async () => {
try {
@@ -9390,77 +9743,76 @@ document.addEventListener('DOMContentLoaded', () => {
throw new Error('Bibliotecas de PDF necessárias não disponíveis.');
}
- const orientacao = document.getElementById('cartazOrientacaoSelect')?.value === 'paisagem' ? 'l' : 'p';
+ const orientacaoVal = cartazOrientacaoSelect?.value || 'retrato';
+ const isLandscape = orientacaoVal === 'paisagem';
+ const isSquare = orientacaoVal === 'quadrado';
+
const canvas = await html2canvas(cartazPrintableArea, {
scale: 3,
useCORS: true,
logging: false,
- backgroundColor: cartazBgColor.value || '#fff9eb'
+ backgroundColor: cartazBgColor?.value || '#fff9eb'
});
- const imgData = canvas.toDataURL('image/jpeg', 0.95);
+ const imgData = canvas.toDataURL('image/jpeg', 0.96);
const { jsPDF } = window.jspdf;
- const pdf = new jsPDF(orientacao, 'pt', 'a4');
- const pdfWidth = orientacao === 'l' ? 842 : 595;
- const pdfHeight = orientacao === 'l' ? 595 : 842;
- pdf.addImage(imgData, 'JPEG', 0, 0, pdfWidth, pdfHeight);
- const title = (cartazTituloInput.value || 'cartaz_pedagog').replace(/[^a-zA-Z0-9_-]/g, '_').toLowerCase();
+ let pdf;
+ if (isSquare) {
+ pdf = new jsPDF('p', 'pt', [595, 595]);
+ pdf.addImage(imgData, 'JPEG', 0, 0, 595, 595);
+ } else if (isLandscape) {
+ pdf = new jsPDF('l', 'pt', 'a4');
+ pdf.addImage(imgData, 'JPEG', 0, 0, 842, 595);
+ } else {
+ pdf = new jsPDF('p', 'pt', 'a4');
+ pdf.addImage(imgData, 'JPEG', 0, 0, 595, 842);
+ }
+
+ const title = (cartazTituloInput?.value || 'cartaz_pedagog').replace(/[^a-zA-Z0-9_-]/g, '_').toLowerCase();
pdf.save(`${title}.pdf`);
+ showToast('Documento PDF pronto para impressão baixado com sucesso!', 'success');
} catch (err) {
console.error('Erro ao exportar PDF:', err);
await showCustomAlert('Erro', 'Não foi possível gerar o PDF: ' + err.message);
} finally {
btnExportCartazPDF.disabled = false;
- btnExportCartazPDF.textContent = '📄 Baixar PDF';
+ btnExportCartazPDF.textContent = '📄 PDF';
}
});
}
- // Print Poster
+ // --- FERRAMENTA 4: IMPRESSÃO DIRETA ---
if (btnPrintCartaz) {
btnPrintCartaz.addEventListener('click', () => {
- const title = cartazTituloInput.value.trim() || 'Cartaz Pedagógico';
- const bg = cartazBgColor.value;
- const text = cartazTextColor.value;
- const font = cartazFontSelect.value;
- const border = cartazBorderSelect.value;
- const tamanho = document.getElementById('cartazTamanhoSelect') ? document.getElementById('cartazTamanhoSelect').value : 'A4';
- const orientacao = document.getElementById('cartazOrientacaoSelect') ? document.getElementById('cartazOrientacaoSelect').value : 'retrato';
-
- const imgContainerHtml = cartazPreviewImageContainer.style.display === 'block' && cartazPreviewImageContainer.style.position !== 'absolute'
- ? ``
+ const title = cartazTituloInput?.value.trim() || 'Cartaz Pedagógico';
+ const bg = cartazBgColor?.value || '#fff9eb';
+ const text = cartazTextColor?.value || '#2d3748';
+ const font = cartazFontSelect?.value || "'Fredoka', sans-serif";
+ const border = cartazBorderSelect?.value || '6px dashed';
+ const orientacao = cartazOrientacaoSelect?.value || 'retrato';
+
+ const imgContainerHtml = cartazPreviewImageContainer.style.display === 'block' && cartazPreviewImage.src
+ ? ``
: '';
- let printContent = '';
- const hasCanvasItems = cartazPrintableArea.querySelectorAll('.canvas-item').length > 0;
-
- if (hasCanvasItems) {
- // Clone printable area and cleanup handles / active state borders for print output
- const tempContainer = document.createElement('div');
- tempContainer.innerHTML = cartazPrintableArea.innerHTML;
- tempContainer.querySelectorAll('.canvas-resize-handle').forEach(h => h.remove());
- tempContainer.querySelectorAll('.canvas-item').forEach(item => {
- item.classList.remove('active-item');
- item.removeAttribute('contenteditable');
- if (item.style.border && item.style.border.includes('dashed')) {
- item.style.border = 'none';
- }
- });
- printContent = tempContainer.innerHTML;
- } else {
- printContent = `
- ${title}
- ${imgContainerHtml} -
- ${cartazPreviewContent.innerHTML}
-
- `;
- }
+ const badgeHtml = cartazBadgeInput?.value.trim()
+ ? `${cartazBadgeInput.value.trim()}
`
+ : '';
+
+ const printContent = `
+ ${badgeHtml}
+ ${title}
+ ${imgContainerHtml} +
+ ${cartazPreviewContent.innerHTML}
+
+ `;
const printWindow = window.open('', '_blank');
printWindow.document.write(`
+
Carregando histórico...
';
+ cartazesHistoryContainer.innerHTML = 'Carregando seus cartazes salvos...
';
try {
const res = await fetch('/api/cartazes/list', {
@@ -9589,28 +9937,28 @@ document.addEventListener('DOMContentLoaded', () => {
cartazesHistoryContainer.innerHTML = '';
if (!data || data.length === 0) {
- cartazesNoData.style.display = 'block';
+ if (cartazesNoData) cartazesNoData.style.display = 'block';
return;
}
- cartazesNoData.style.display = 'none';
+ if (cartazesNoData) cartazesNoData.style.display = 'none';
data.forEach(item => {
const card = document.createElement('div');
card.style.background = 'var(--bg-tertiary)';
card.style.border = '1px solid var(--border-light)';
- card.style.borderRadius = '10px';
- card.style.padding = '16px';
+ card.style.borderRadius = '12px';
+ card.style.padding = '14px';
card.style.display = 'flex';
card.style.flexDirection = 'column';
card.style.justifyContent = 'space-between';
card.style.gap = '12px';
- card.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)';
+ card.style.boxShadow = '0 4px 8px rgba(0,0,0,0.08)';
const thumbnail = item.imagemUrl
- ? `