/* ══════════════════════════════════════════════════
   css/print.css — Estilos de Impresión Legal
   ══════════════════════════════════════════════════ */

@media print {

    /* ── Ocultar elementos de navegación ── */
    header,
    .sticky-search-container,
    .offcanvas,
    .offcanvas-backdrop,
    #noResults,
    #filterStatus,
    #filterTemplate,
    .btn-ver-mas,
    #masterToggleBtn,
    #btnToggleFiltros,
    #resultsCounter          { display: none !important; }

    /* ── Forzar visibilidad de elementos ocultos en UI ── */
    .badge-resp { 
        display: inline-block !important; 
        border: 1px solid #ccc !important;
        background: #f8f9fa !important;
        color: #000 !important;
    }

    .btn-download-grid { 
        display: grid !important; 
        margin-top: 10pt;
    }

    .btn-trimestre {
        border: 1px solid #ccc !important;
        background: white !important;
        color: black !important;
        text-decoration: none !important;
        font-size: 8pt !important;
        padding: 4px !important;
    }

    /* ── Expandir accordeones (JS ya los abre, CSS los fuerza por seguridad) ── */
    .accordion-collapse      { display: block !important; height: auto !important; }
    .accordion-button::after { display: none; }

    /* ── Títulos de artículo sin sticky ── */
    .titulo-articulo {
        position: static !important;
        background-color: #671C33 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        color: white !important;
        box-shadow: none !important;
        border-radius: 4px !important;
        margin-top: 16pt !important;
    }

    /* ── Tipografía y colores para impresión ── */
    body {
        font-size: 10pt;
        color: #000 !important;
        background: white !important;
    }

    h1, h2, h3 { color: #000 !important; }

    /* ── Mostrar URL de los enlaces (excepto en botones de descarga) ── */
    a[href]::after { content: " (" attr(href) ")"; font-size: 8pt; color: #555; }
    
    a.btn-trimestre::after,
    a[href^="#"]::after,
    a[href^="javascript"]::after { content: "" !important; }

    /* ── Evitar cortes de página en items ── */
    .accordion-item     { page-break-inside: avoid; break-inside: avoid; border: 1px solid #ccc !important; }
    .meta-box           { border: 1px solid #ccc !important; }
    .inner-metadata-grid{ border-top: 1px solid #ccc !important; }

    /* ── Pie de página legal automático ── */
    @page {
        margin: 2cm;
        @bottom-center {
            content: "Portal de Transparencia — Ayuntamiento de Túxpam";
            font-size: 8pt;
            color: #666;
        }
        @bottom-right {
            content: "Página " counter(page) " de " counter(pages);
            font-size: 8pt;
        }
    }
}