<?php
$primary = '#E11D27';
?>
<style>
* { box-sizing: border-box; }
body { font-family: sans-serif; font-size: 9.5pt; color: #1a1a1a; }
h1, h2, h3, h4 { margin: 0; color: #1a1a1a; }
.brand-bar {
    border-bottom: 3px solid <?= $primary ?>;
    padding: 0 0 6pt 0;
    margin-bottom: 8pt;
}
.brand-bar table { width: 100%; border-collapse: collapse; }
.brand-bar .logo-cell { width: 25%; vertical-align: middle; }
.brand-bar .logo-cell img { max-height: 50pt; }
.brand-bar .title-cell { text-align: right; vertical-align: middle; }
.brand-bar .title-cell .title { font-size: 13pt; font-weight: bold; color: <?= $primary ?>; }
.brand-bar .title-cell .sub { font-size: 9pt; color: #555; }
.brand-bar .title-cell .folio { font-size: 10pt; font-weight: bold; margin-top: 2pt; }

table.header-table { width: 100%; border-collapse: collapse; margin-bottom: 8pt; }
table.header-table td { border: 0.5pt solid #999; padding: 3pt 5pt; font-size: 8.5pt; }
table.header-table .lbl { background: #f2f2f2; font-weight: bold; width: 18%; }
table.equipment-summary { margin: 0 0 6pt 0; }

.section-title {
    background: <?= $primary ?>;
    color: #fff;
    padding: 4pt 6pt;
    font-weight: bold;
    margin: 10pt 0 0 0;
    font-size: 9.5pt;
}

table.items { width: 100%; border-collapse: collapse; margin-bottom: 6pt; }
table.items th, table.items td { border: 0.5pt solid #999; padding: 3pt 4pt; font-size: 8pt; vertical-align: top; }
table.items thead th { background: #f2f2f2; font-weight: bold; text-align: center; }
table.items .num { width: 7%; text-align: center; }
table.items .q { width: 34%; }
table.items .equipment { width: 11%; }
table.items .freq { width: 5%; text-align: center; }
table.items .snn { width: 4%; text-align: center; font-weight: bold; }
table.items .lect { width: 12%; }
table.items .com { width: 23%; }

.observaciones { border: 0.5pt solid #999; padding: 6pt; margin-top: 8pt; min-height: 50pt; }
.observaciones h4 { color: <?= $primary ?>; margin-bottom: 4pt; }

.firma-block {
    margin-top: 14pt;
    border: 0.5pt solid #999;
    padding: 6pt;
}
.firma-block table { width: 100%; border-collapse: collapse; }
.firma-block td { vertical-align: bottom; padding: 4pt; }
.firma-block .sig-img { height: 50pt; max-width: 200pt; }
.firma-block .sig-name { border-top: 0.5pt solid #333; padding-top: 3pt; margin-top: 4pt; font-size: 8.5pt; }

	.qr-box { text-align: center; padding-top: 3pt; }
	.qr-box small {
	    display: block;
	    margin-top: 6pt;
	    padding-top: 2pt;
	    font-size: 7pt;
	    line-height: 1.35;
	    color: #666;
	}

	.photo-gallery { width: 100%; border-collapse: collapse; margin-top: 6pt; }
	.photo-gallery td { width: 50%; padding: 4pt; vertical-align: top; }
	.photo-box { border: 0.5pt solid #999; padding: 4pt; min-height: 130pt; }
	.photo-box img { width: 100%; max-height: 120pt; object-fit: cover; }
	.photo-box .caption { font-size: 7.5pt; color: #555; margin-top: 3pt; }

	.foot { font-size: 7.5pt; color: #666; text-align: center; margin-top: 14pt; border-top: 0.5pt solid #ccc; padding-top: 4pt; }
	</style>
