Spaces:
Sleeping
Sleeping
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>{{ doc.metadata.description or "Documentación de Script" }}</title> | |
| <style> | |
| /* ---------------------------------------- | |
| CONFIGURACIÓN GLOBAL / A4 / MÁRGENES | |
| ----------------------------------------- */ | |
| @page { | |
| size: A4; | |
| margin: 2.54cm; /* 1 pulgada = 2.54 cm */ | |
| } | |
| body { | |
| font-family: "Segoe UI", Roboto, Arial, sans-serif; | |
| color: #1f2937; | |
| font-size: 14px; | |
| line-height: 1.65; | |
| margin: 0; | |
| background: #ffffff; | |
| } | |
| .page { | |
| /* contenedor para PDFKit */ | |
| } | |
| /* ---------------------------------------- | |
| TITULOS | |
| ----------------------------------------- */ | |
| h1, h2, h3, h4 { | |
| font-family: "Segoe UI", Roboto, Arial, sans-serif; | |
| margin-bottom: 8px; | |
| font-weight: 600; | |
| } | |
| h1 { | |
| font-size: 26px; | |
| color: #b91c1c; | |
| letter-spacing: 0.04em; | |
| text-transform: uppercase; | |
| margin-top: 0; | |
| border-bottom: 2px solid #e5e7eb; | |
| padding-bottom: 8px; | |
| } | |
| h2 { | |
| font-size: 20px; | |
| color: #374151; | |
| border-left: 4px solid #9b1c1c; | |
| padding-left: 10px; | |
| margin-top: 28px; | |
| } | |
| h3 { | |
| font-size: 16px; | |
| color: #4b5563; | |
| margin-top: 20px; | |
| } | |
| h4 { | |
| font-size: 14px; | |
| color: #6b7280; | |
| margin-top: 14px; | |
| } | |
| p { | |
| margin: 6px 0 12px; | |
| } | |
| .muted { | |
| color: #9ca3af; | |
| font-size: 12px; | |
| } | |
| .section { | |
| margin-top: 22px; | |
| } | |
| /* ---------------------------------------- | |
| TARJETAS | |
| ----------------------------------------- */ | |
| .card-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | |
| gap: 12px; | |
| margin: 16px 0; | |
| } | |
| .card { | |
| border: 1px solid #e5e7eb; | |
| border-radius: 6px; | |
| padding: 14px 16px; | |
| background: #f9fafb; | |
| box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06); | |
| } | |
| /* ---------------------------------------- | |
| TABLAS | |
| ----------------------------------------- */ | |
| table { | |
| width: 100%; | |
| border-collapse: collapse; | |
| margin: 16px 0 20px; | |
| font-size: 13px; | |
| } | |
| th, td { | |
| border: 1px solid #e5e7eb; | |
| padding: 8px 10px; | |
| vertical-align: top; | |
| } | |
| th { | |
| background: #f3f4f6; | |
| font-weight: 600; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| letter-spacing: 0.05em; | |
| } | |
| tr:nth-child(even) td { | |
| background: #fafafa; | |
| } | |
| /* ---------------------------------------- | |
| LISTAS | |
| ----------------------------------------- */ | |
| ul { | |
| padding-left: 22px; | |
| margin: 8px 0 10px; | |
| } | |
| /* ---------------------------------------- | |
| PILLS | |
| ----------------------------------------- */ | |
| .pill { | |
| display: inline-block; | |
| padding: 4px 10px; | |
| border-radius: 999px; | |
| background: #e5e7eb; | |
| font-size: 11px; | |
| margin-right: 4px; | |
| text-transform: uppercase; | |
| letter-spacing: 0.05em; | |
| color: #374151; | |
| } | |
| /* ---------------------------------------- | |
| SUMMARY BOX | |
| ----------------------------------------- */ | |
| .summary-box { | |
| border-left: 4px solid #0284c7; | |
| background: #eff6ff; | |
| padding: 12px 16px; | |
| border-radius: 6px; | |
| font-size: 13px; | |
| margin: 14px 0 18px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="page"> | |
| {% block content %}{% endblock %} | |
| <p class="muted" style="margin-top: 32px; text-align:right;"> | |
| Generado automáticamente {{ generated_at }} | |
| </p> | |
| </div> | |
| </body> | |
| </html> | |