ARQUITECTURA: Completar renombramientos CSS - Carpetas 10-20 - Issue #133

RENOMBRAMIENTOS COMPLETADOS (19 archivos adicionales):

COMPONENTES (carpetas 10, 12, 14, 15, 17, 18, 19):
✅ post-content.css → componente-post-content.css (10)
✅ cta-box-sidebar.css → componente-cta-box-sidebar.css (12)
✅ cta.css → componente-cta-ab-testing.css (14)
✅ related-posts.css → componente-related-posts.css (15)
✅ header.css → componente-footer-principal.css (17)
✅ modal-contact.css → componente-modal-contacto.css (18)
✅ tables-apu.css → css-tablas-apu.css (19)

CSS GLOBALES (carpeta 20):
✅ variables.css → css-global-variables.css
✅ fonts.css → css-global-fonts.css
✅ utilities.css → css-global-utilities.css
✅ animations.css → css-global-animations.css
✅ responsive.css → css-global-responsive.css
✅ accessibility.css → css-global-accessibility.css
✅ print.css → css-global-print.css
✅ badges.css → css-global-badges.css
✅ pagination.css → css-global-pagination.css
✅ toc.css → css-global-toc.css
✅ generic-tables.css → css-global-generic-tables.css
✅ video.css → css-global-video.css

ACTUALIZACIONES:
- enqueue-scripts.php: Todas las referencias actualizadas (48 cambios)
- functions.php: Version bump 1.0.9 → 1.0.10

TOTAL RENOMBRAMIENTOS:
- Commit 8d876: 7 archivos (carpetas 05, 06, 07, 08, 11, 13, 16)
- Este commit: 19 archivos (carpetas 10, 12, 14, 15, 17, 18, 19 + globales 20)
- TOTAL: 26 archivos renombrados

CORRESPONDENCIA 1-A-1 COMPLETADA:
✅ Cada componente tiene su archivo CSS con nombre de carpeta
✅ Archivos globales con prefijo css-global-
✅ Sin duplicaciones
✅ Nomenclatura consistente

Issue: #133

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

wp-content/themes/apus-theme/assets/css/css-global-print.css

@@ -0,0 +1,213 @@
+/**
+ * Print Styles
+ *
+ * Optimized styling for printing
+ * @package Apus_Theme
+ * @since 1.0.0
+ */
+
+/* Hide elements that shouldn't print */
+@media print {
+    /* Hide navigation, sidebars, and non-essential elements */
+    header,
+    nav,
+    .navbar,
+    .sidebar,
+    .widget-area,
+    .comments,
+    .comment-form,
+    .footer-widget,
+    .pagination,
+    .breadcrumb,
+    .back-to-top,
+    .share-buttons,
+    .related-posts,
+    button,
+    input[type="button"],
+    input[type="submit"],
+    .btn,
+    .modal,
+    .overlay,
+    .skip-link {
+        display: none !important;
+    }
+
+    /* Hide footer links and widgets */
+    footer {
+        display: none !important;
+    }
+
+    /* Body styles */
+    body {
+        margin: 0;
+        padding: 0;
+        background: white;
+        color: #000;
+        font-size: 12pt;
+        line-height: 1.5;
+        font-family: Georgia, serif;
+    }
+
+    /* Container and content */
+    .container,
+    .content,
+    main,
+    article {
+        width: 100%;
+        margin: 0;
+        padding: 0;
+        box-shadow: none;
+    }
+
+    /* Headings */
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        page-break-after: avoid;
+        color: #000;
+        margin: 0.5em 0;
+    }
+
+    h1 {
+        font-size: 24pt;
+    }
+
+    h2 {
+        font-size: 18pt;
+    }
+
+    h3 {
+        font-size: 16pt;
+    }
+
+    /* Paragraphs */
+    p {
+        orphans: 3;
+        widows: 3;
+        page-break-inside: avoid;
+    }
+
+    /* Links */
+    a,
+    a:visited {
+        text-decoration: underline;
+        color: #000;
+    }
+
+    a[href]:after {
+        content: " (" attr(href) ")";
+        font-size: 0.8em;
+    }
+
+    /* Exclude certain links from showing URL */
+    a[href^="#"]:after,
+    a[href^="javascript:"]:after {
+        content: "";
+    }
+
+    /* Images */
+    img {
+        max-width: 100%;
+        page-break-inside: avoid;
+    }
+
+    /* Tables */
+    table {
+        border-collapse: collapse;
+        width: 100%;
+        page-break-inside: avoid;
+    }
+
+    table,
+    th,
+    td {
+        border: 1px solid #000;
+    }
+
+    th,
+    td {
+        padding: 8px;
+        text-align: left;
+    }
+
+    thead {
+        display: table-header-group;
+        page-break-after: avoid;
+    }
+
+    tfoot {
+        display: table-footer-group;
+        page-break-before: avoid;
+    }
+
+    tr {
+        page-break-inside: avoid;
+    }
+
+    /* Lists */
+    ul,
+    ol {
+        margin: 0.5em 0;
+        padding-left: 2em;
+    }
+
+    li {
+        page-break-inside: avoid;
+    }
+
+    /* Code blocks */
+    pre,
+    code {
+        border: 1px solid #999;
+        background-color: #f5f5f5;
+        padding: 1em;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+    }
+
+    /* Blockquotes */
+    blockquote {
+        border-left: 5px solid #ccc;
+        margin: 0;
+        padding-left: 1em;
+        page-break-inside: avoid;
+    }
+
+    /* Forms */
+    form {
+        display: none;
+    }
+
+    /* Page breaks */
+    .page-break,
+    .page-break-before {
+        page-break-before: always;
+    }
+
+    .page-break-after {
+        page-break-after: always;
+    }
+
+    /* Margins */
+    @page {
+        margin: 2cm;
+        orphans: 3;
+        widows: 3;
+    }
+
+    /* Print title and date */
+    .print-header {
+        page-break-after: avoid;
+        margin-bottom: 1em;
+        border-bottom: 2px solid #000;
+        padding-bottom: 0.5em;
+    }
+
+    .print-date {
+        font-size: 10pt;
+        color: #666;
+    }
+}