Nabigazioa
<div class="ticket-container" id="raffleTemplate"> <!-- Encabezado atractivo --> <div class="header"> <h1>🎟️ RIFA <span>100 NÚMEROS</span> 🎟️</h1> <p>Plantilla oficial para sorteo | Lista de participantes</p> <div class="sub">✔️ Marque con nombre o iniciales cada número vendido | Corte aquí sus boletos virtuales</div> </div>
.numero font-size: 1.5rem; font-weight: 800; color: #0f172a; background: #f1f5f9; display: inline-block; width: 48px; height: 48px; line-height: 48px; text-align: center; border-radius: 60px; margin-bottom: 10px; font-family: monospace; letter-spacing: 0; plantilla para rifa 100 numeros pdf
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>Plantilla para Rifa | 100 Números | Lista imprimible para PDF</title> <style> * margin: 0; padding: 0; box-sizing: border-box; div class="ticket-container" id="raffleTemplate">
<!-- Estilos adicionales para garantizar lineas claras en todos los navegadores --> <style> /* mejoras específicas para la línea de nombre en cada celda */ .line-placeholder border-bottom: 1px dashed #94a3b8; width: 90%; margin: 6px auto 0 auto; height: 16px; .nombre-line span font-size: 0.6rem; font-weight: 500; display: block; margin-bottom: 3px; color: #6b7280; .ticket-cell transition: all 0.1s ease; background: #ffffff; /* para que en impresión los bordes sean nítidos */ @media print .line-placeholder border-bottom: 1px solid #000; height: 12px; .ticket-cell border: 1px solid #aaa; box-shadow: none; .numero background: #f0f0f0; border: 1px solid #ccc; .info-footer div, .seller-box, .notes-box border: 1px solid #ddd; .header border-bottom: 2px solid #facc15; .btn, .action-buttons display: none; body margin: 0; padding: 0; /* adicional para mejorar la legibilidad en pantalla grande */ @media (min-width: 1024px) .numbers-grid gap: 16px; .ticket-cell padding: 12px 6px; .numero width: 54px; height: 54px; line-height: 54px; font-size: 1.7rem; /* líneas punteadas con mayor claridad */ .seller-box div, .notes-box div margin-bottom: 8px; font-family: monospace; letter-spacing: 0.3px; .sign-line border-bottom: 2px dotted #334155; width: 100%; margin-top: 4px; </style> !-- Encabezado atractivo -->