/* Gazeta Popular: on-demand A4 layout based on the supplied printed edition. */
:root {
    --article-font: 10.5pt;
    --print-columns: 2;
    --print-accent: #087a46;
    --print-orange: #f7941d;
    --print-purple: #40358c;
    --print-footer-text: "gazetapopular.com";
}
* { box-sizing: border-box; }
body { margin: 0; background: #e7e9e8; color: #18221d; font-family: Arial, Helvetica, sans-serif; }
.print-toolbar { padding: 16px 24px; background: #fff; border-bottom: 1px solid #ccd3ce; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
.print-toolbar a { color: #17633d; }
.print-toolbar button, .print-toolbar select { font: inherit; padding: 10px 14px; border: 1px solid #b7c3bb; border-radius: 5px; }
.print-toolbar button { background: var(--print-accent); color: #fff; cursor: pointer; }
.print-toolbar button:disabled { opacity: .7; cursor: wait; }
.print-toolbar p { flex-basis: 100%; margin: 0; text-align: center; font-size: 13px; color: #4c5a51; }
.print-sheet { width: 210mm; min-height: 297mm; margin: 24px auto; padding: 9mm 6mm 12mm; background: #fff; box-shadow: 0 4px 24px #0001; position: relative; }
.print-top-rule { height: 2mm; background: linear-gradient(to right, var(--print-orange) 50%, var(--print-purple) 50%); margin: -9mm -6mm 7mm; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.print-heading h1 { font: 900 30pt/1.08 Georgia, 'Times New Roman', serif; letter-spacing: -.025em; margin: 0 0 3mm; overflow-wrap: anywhere; }
.print-dek { font: 700 12pt/1.15 Georgia, 'Times New Roman', serif; color: #222; margin: 0 0 3mm; }
.print-meta { font-size: 8pt; line-height: 1.6; margin: 2mm 0 4mm; color: #555; }
.print-hero { margin: 5mm 0; }
.print-hero img { display: block; width: 100%; max-width: 100%; height: auto; max-height: 82mm; margin: auto; object-fit: contain; }
figcaption, .wp-caption-text { font: 9pt/1.4 Arial, sans-serif; color: #536058; margin-top: 6px; }
.print-content { font: var(--article-font)/1.15 Calibri, 'Carlito', Arial, sans-serif; overflow-wrap: anywhere; column-count: var(--print-columns); column-gap: 6mm; column-rule: .3pt solid #777; text-align: justify; hyphens: auto; }
.print-content p { margin: 0 0 .3em; text-indent: 3mm; orphans: 3; widows: 3; }
.print-content h2, .print-content h3, .print-content h4 { font-family: Calibri, 'Carlito', Arial, sans-serif; font-size: 1em; font-weight: 700; line-height: 1.3; margin: 1em 0 .25em; text-align: left; break-after: avoid-page; }
.print-content a { color: inherit; text-decoration: underline; }
.print-content blockquote { margin: 1em 0; padding: 4px 16px; border-left: 3px solid var(--print-accent); font-style: italic; }
.print-content img, .print-content svg { max-width: 100% !important; height: auto !important; }
.print-content img { max-height: 70mm; object-fit: contain; break-inside: avoid; }
.print-content figure, .print-content .wp-caption { max-width: 100% !important; margin: 1em 0; }
.print-content table { border-collapse: collapse; width: 100%; font-size: .8em; table-layout: fixed; text-align: left; }
.print-content td, .print-content th { border: 1px solid #bbb; padding: 6px; overflow-wrap: anywhere; }
.print-content thead { display: table-header-group; }
.print-content tr { break-inside: avoid-page; }
.print-content li { text-align: left; }
.print-content ul, .print-content ol { padding-left: 5mm; }
.print-content pre { white-space: pre-wrap; font-size: .8em; }
.print-content .alignleft, .print-content .alignright { float: none; margin: 1em auto; }
.print-content [class*="wp-block-columns"] { display: block; }
.print-content iframe, .print-content video, .print-content audio, .print-content button, .print-content form, .print-content .adsbygoogle, .print-content .ad-slot, .print-content .sharedaddy, .print-content .share-row, .print-content .page-links { display: none !important; }
.print-source { border-top: 1px solid #ccc; margin-top: 6mm; padding-top: 12px; display: flex; gap: 14px; align-items: center; break-inside: avoid-page; font: 8pt/1.4 Arial, sans-serif; }
.print-source > div:first-child { flex: 1; min-width: 0; }
.print-source a { display: block; color: #354b3e; overflow-wrap: anywhere; font-size: 8pt; margin-top: 5px; }
.print-source p { margin: 5px 0 0; }
#gped-qr { width: 27mm; flex: 0 0 27mm; }
#gped-qr svg { width: 100%; height: auto; display: block; }
.print-footer-preview { margin: 12mm -6mm -12mm; display: grid; grid-template-columns: 32% 18% 50%; align-items: end; background: linear-gradient(to right, var(--print-orange) 50%, var(--print-purple) 50%); font: 9pt/1.5 Arial, sans-serif; color: #fff; }
.print-footer-preview img { width: 100%; max-height: 17mm; object-fit: contain; object-position: left bottom; }
.print-footer-preview strong { font: 700 10pt/1.5 Georgia, serif; text-align: center; align-self: center; }
.print-footer-preview span { text-align: center; align-self: center; padding: 3px 6px; }
@page {
    size: A4 portrait;
    margin: 10mm 6mm 17mm;
    @top-center { content: ""; width: 100%; height: 2mm; vertical-align: top; background: linear-gradient(to right, #f7941d 50%, #40358c 50%); margin-top: 0; margin-bottom: 8mm; }
    /* Two halves avoid overlap between the page label and publication date. */
    @bottom-left { content: "Página " counter(page, decimal-leading-zero) "\00a0\00a0"; width: 50%; background: url('print-logo.png') no-repeat left center / 64% auto, linear-gradient(to bottom, transparent 9mm, #f7941d 9mm); padding: 9mm 0 0; text-align: right; color: #fff; font: 700 11pt Georgia; vertical-align: middle; }
    @bottom-right { content: var(--print-footer-text); width: 50%; background: linear-gradient(to bottom, transparent 9mm, #40358c 9mm); color: #fff; font: 9pt Arial; vertical-align: middle; text-align: center; padding: 9mm 0 0; }
}
@media print {
    html, body { background: #fff; color: #000; margin: 0; padding: 0; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
    .print-toolbar, .print-top-rule, .print-footer-preview { display: none !important; }
    .print-sheet { width: auto; min-height: 0; margin: 0; padding: 0; box-shadow: none; }
    .print-heading h1, .print-dek { break-after: avoid-page; }
    .print-hero { break-inside: avoid-page; }
    .print-content { color: #000; }
    .print-content * { box-shadow: none !important; text-shadow: none !important; background-color: transparent !important; }
    .print-content a, .print-source { color: #000; }
    #gped-qr svg { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}
@media screen and (max-width: 820px) {
    .print-sheet { width: 100%; margin: 12px 0; padding: 9mm 6mm 12mm; min-height: 0; }
    .print-toolbar { padding: 12px; }
}
@media screen and (max-width: 600px) {
    .print-content { column-count: 1; }
    .print-heading h1 { font-size: 25pt; }
    .print-footer-preview { grid-template-columns: 32% 20% 48%; font-size: 7pt; }
    .print-footer-preview strong { font-size: 8pt; }
}