/*
 * ===================================================
 * Hoja de Estilos de Impresión para "La Web Natural"
 * ===================================================
*/
@media print {

    body {
        font-family: 'Lora', serif;
        /* Fuente Serif para legibilidad */
        font-size: 11pt;
        line-height: 1.4;
        color: #000;
        background-color: #fff !important;
        /* Forzar fondo blanco */
    }

    /* 1. Ocultar TODO lo que no queremos en el PDF */
    header.web-nav,
    footer.web-footer,
    .sidebar-col,
    .interactive-section,
    .related-section,
    /* <-- ¡Esta es la regla importante! */
    .author-bio-box-bottom,
    .web-article-header {
        display: none !important;
    }

    /* 2. Mostrar los nuevos elementos de impresión (que están ocultos en la web) */
    .print-header,
    .print-footer {
        display: block !important;
    }

    /* 3. Estilos para el encabezado de impresión */
    .print-header {
        text-align: center;
        border-bottom: 2px solid #ccc;
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    .print-header h1 {
        font-size: 24pt;
        font-weight: 700;
        color: #000;
        font-family: 'Lora', serif;
        /* Asegurar fuente serif */
    }

    .print-header .authors {
        font-size: 12pt;
        font-style: italic;
        color: #444;
        margin-top: 0.5rem;
    }

    .print-header .category {
        font-size: 11pt;
        color: #666;
        font-family: monospace;
    }

    /* 4. Estilos para el pie de página de impresión (CON LA URL) */
    .print-footer {
        text-align: center;
        margin-top: 3rem;
        padding-top: 1rem;
        border-top: 1px solid #ccc;
        font-size: 10pt;
        color: #555;
        font-style: italic;
        font-family: 'Lora', serif;
    }

    /* Evitar que el pie de página quede solo */
    .print-footer {
        page-break-before: auto;
        page-break-inside: avoid;
    }

    /* 5. Re-estilar el body y el contenido para el PDF */
    /* (La regla del body ya está arriba) */

    /* 6. Expandir el layout del artículo */
    main,
    article,
    .main-grid,
    .main-content-col {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        grid-template-columns: 1fr !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 7. Ajustar la tipografía 'prose' para impresión */
    .prose {
        font-family: 'Lora', serif !important;
        font-size: 11pt !important;
        color: #000 !important;
    }

    .prose h2 {
        font-size: 18pt !important;
        font-weight: 700 !important;
        color: #000 !important;
        font-family: 'Lora', serif !important;
    }

    .prose h3 {
        font-size: 14pt !important;
        font-weight: 700 !important;
        color: #000 !important;
        font-family: 'Lora', serif !important;
    }

    .prose blockquote {
        font-style: italic !important;
        border-left-color: #999 !important;
        background-color: #f9f9f9 !important;
        padding: 0.5rem 1rem !important;
        color: #000 !important;
    }

    .prose a {
        color: #000 !important;
        text-decoration: none !important;
        /* No subrayar en PDF */
    }

    /* 8. Controlar saltos de página (evitar títulos huérfanos) */
    h2,
    h3,
    blockquote {
        page-break-after: avoid !important;
    }

    img,
    figure,
    blockquote {
        page-break-inside: avoid !important;
        /* Evitar que se corten por la mitad */
    }

    /* 9. Estilar la imagen principal */
    .main-article-Image {
        width: 100% !important;
        max-width: 90% !important;
        /* Un poco más pequeña que la página */
        margin: 1.5rem auto !important;
        display: block !important;
        border-radius: 0 !important;
        /* Sin bordes redondeados */
    }

    /* 10. Referencias */
    .references-list li {
        font-size: 9pt !important;
        /* Letra pequeña para referencias */
        color: #333 !important;
    }
}