<!-- Pie con datos de la organización / vendedor --> <div class="info-footer"> <div class="seller-box"> <strong>📌 VENDEDOR / ORGANIZADOR</strong> <div style="margin-top: 8px;">Nombre: _________________________</div> <div style="margin-top: 6px;">Teléfono / Contacto: _______________</div> <div style="margin-top: 12px;"><strong>Fecha del sorteo:</strong> ____/____/______</div> </div> <div class="notes-box"> <strong>📝 NOTAS / PREMIO</strong> <div>Premio: __________________________________</div> <div>Valor del número: $ ___________</div> <div>Total recaudado: ___________</div> <div class="sign-line"></div> <div style="margin-top: 6px;">Firma responsable: _________________</div> </div> </div> <div class="footer-note"> * Cada número tiene espacio para escribir el nombre del comprador. Imprima esta plantilla y utilícela para controlar su rifa de 100 números. </div> </div>
if (printButton) printButton.addEventListener('click', printTemplate); plantilla para rifa 100 numeros pdf
// Pequeño mensaje emergente sutil (opcional) const msgDiv = document.createElement('div'); msgDiv.textContent = "📄 Preparando PDF... En la ventana de impresión, elige 'Guardar como PDF'."; msgDiv.style.position = 'fixed'; msgDiv.style.bottom = '20px'; msgDiv.style.left = '20px'; msgDiv.style.backgroundColor = '#1e293b'; msgDiv.style.color = 'white'; msgDiv.style.padding = '8px 18px'; msgDiv.style.borderRadius = '40px'; msgDiv.style.fontSize = '0.8rem'; msgDiv.style.zIndex = '9999'; msgDiv.style.fontWeight = '500'; msgDiv.style.boxShadow = '0 4px 10px rgba(0,0,0,0.2)'; document.body.appendChild(msgDiv); En la ventana de impresión, elige 'Guardar como PDF'
// Inicializar la cuadrícula generateGrid(); En la ventana de impresión
.header h1 span background: #facc15; padding: 0 10px; border-radius: 40px; font-size: 1.8rem;
.numero width: 54px; height: 54px; line-height: 54px; font-size: 1.7rem;
.ticket-container padding: 1rem;