.pdf-catalogo-comercial { --cc-red:var(--blue,#e30613); --cc-dark:var(--navy,#111827); --cc-muted:#667085; --cc-line:#e1e5ea; width:210mm; min-height:296mm; padding:0; background:#fff; color:#111827; font:7.2pt/1.25 Inter,Arial,sans-serif; }
.cc-page { position:relative; display:flex; flex-direction:column; width:210mm; min-height:296mm; padding:7mm 7mm 18mm; box-sizing:border-box; background:#fff; break-inside:avoid; page-break-inside:avoid; }
.cc-page-break { break-before:page; page-break-before:always; }
.cc-header { display:grid; grid-template-columns:43mm minmax(0,1fr) 67mm; gap:5mm; align-items:start; min-height:34mm; padding-bottom:4mm; }
.cc-logo { display:flex; align-items:center; justify-content:center; height:30mm; padding-right:5mm; border-right:1px solid var(--cc-line); overflow:hidden; }
.cc-logo img { display:block; max-width:38mm; max-height:24mm; object-fit:contain; }
.cc-logo strong { color:var(--cc-red); font-size:14pt; text-align:center; text-transform:uppercase; }
.cc-title h1 { margin:1mm 0 0; font-size:16pt; line-height:1.05; letter-spacing:-.03em; text-transform:uppercase; }
.cc-title > b { display:block; margin-top:1.4mm; color:var(--cc-red); font-size:14pt; letter-spacing:.04em; }
.cc-meta { display:grid; grid-template-columns:repeat(3,1fr); gap:2mm; margin-top:6mm; }
.cc-meta span { display:grid; grid-template-columns:5mm 1fr; column-gap:1mm; align-items:center; }
.cc-meta i { grid-row:1/3; color:var(--cc-red); font-size:13pt; }.cc-meta small { font-size:5.7pt; text-transform:uppercase; }.cc-meta strong { font-size:6.1pt; }
.cc-total { min-height:31mm; padding:3.5mm 5mm; border:1px solid var(--line,#f1b8bc); border-radius:2.5mm; box-sizing:border-box; }
.cc-total > small { display:block; color:var(--cc-red); font-size:6.3pt; text-transform:uppercase; }.cc-total > strong { display:block; margin:2mm 0; padding-bottom:2.5mm; border-bottom:1px solid var(--cc-line); font-size:17pt; line-height:1; }
.cc-total p { display:grid; grid-template-columns:7mm 1fr; gap:2mm; margin:0; font-size:5.9pt; }.cc-total p i { color:var(--cc-red); font-size:14pt; }.cc-total p b { display:block; margin-bottom:.5mm; }
.cc-party-grid { display:grid; grid-template-columns:1fr 1fr; gap:3mm; margin:4mm 0; }
.cc-party { min-height:38mm; padding:3mm 4mm; border:1px solid var(--line,#f3c6c9); border-radius:2.5mm; box-sizing:border-box; }
.cc-party h2 { display:flex; align-items:center; gap:2.5mm; margin:0 0 2mm; color:var(--cc-red); font-size:8pt; text-transform:uppercase; }.cc-party h2 i { display:grid; place-items:center; width:8mm; height:8mm; border-radius:50%; color:#fff; background:var(--cc-red); font-size:12pt; }
.cc-party dl { display:grid; grid-template-columns:29mm minmax(0,1fr); gap:.8mm 2mm; margin:0; }.cc-party dt { font-weight:800; }.cc-party dd { margin:0; overflow-wrap:anywhere; }
.cc-items { margin-top:3mm; border:1px solid var(--cc-line); border-radius:2.5mm; overflow:hidden; }.cc-party-grid + .cc-items { margin-top:0; }
.cc-items h2 { display:flex; align-items:center; gap:2.5mm; margin:0; padding:2mm 4mm 1.5mm; font-size:8.2pt; text-transform:uppercase; }.cc-items h2 i { color:var(--cc-red); font-size:14pt; }.cc-items h2 span { padding-bottom:1mm; border-bottom:.7mm solid var(--cc-red); }
.cc-items table { width:100%; border-collapse:collapse; table-layout:fixed; }.cc-items thead { display:table-header-group; }.cc-items tr { break-inside:avoid; page-break-inside:avoid; }
.cc-items th { height:6mm; padding:.7mm 1mm; color:#fff; background:var(--cc-red); font-size:5.5pt; text-align:center; text-transform:uppercase; }
.cc-items th:nth-child(1){width:10mm}.cc-items th:nth-child(2){width:28mm}.cc-items th:nth-child(3){width:auto;text-align:left}.cc-items th:nth-child(4){width:13mm}.cc-items th:nth-child(5){width:15mm}.cc-items th:nth-child(6){width:27mm}.cc-items th:nth-child(7){width:29mm}
.cc-items td { height:16mm; padding:.7mm 1.1mm; border-right:1px solid var(--cc-line); border-bottom:1px solid var(--cc-line); text-align:center; vertical-align:middle; overflow:hidden; }.cc-items tbody tr:last-child td { border-bottom:0; }.cc-items td:last-child { border-right:0; }.cc-items td:first-child { color:var(--cc-red); font-weight:850; }.cc-items td:nth-child(2) { padding:.5mm; overflow:visible; }.cc-items td:nth-child(3) { text-align:left; }
.cc-items td:nth-child(3) strong { display:block; font-size:6.7pt; text-transform:uppercase; }.cc-items td:nth-child(3) small { display:block; margin-top:.3mm; color:#4b5563; font-size:5.2pt; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cc-image { display:flex; align-items:center; justify-content:center; width:25mm; height:14mm; margin:0 auto; padding:.7mm; overflow:hidden; border:1px solid #e5e7eb; border-radius:1.5mm; background:#fff; box-sizing:border-box; }.cc-image > img { display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; object-position:center; }.cc-image .pdf-product-placeholder { display:grid; place-items:center; width:100%; height:100%; border-radius:1mm; background:#f3f4f6; }.cc-image .pdf-product-placeholder svg { width:9mm; height:9mm; fill:var(--cc-red); opacity:.7; }
.cc-empty { height:15mm!important; color:var(--cc-muted)!important; text-align:center!important; }.cc-continue { margin:2mm 0 0; color:var(--cc-muted); font-size:6.2pt; }
.cc-closing { margin-top:auto; padding-top:3mm; }.cc-bottom-grid { display:grid; grid-template-columns:1fr 1.08fr 1fr; gap:2mm; }.cc-panel { min-height:39mm; padding:2.5mm 3.5mm; border:1px solid var(--cc-line); border-radius:2.5mm; box-sizing:border-box; overflow:hidden; }
.cc-panel h3,.cc-payment h3,.cc-social h3 { margin:0 0 2mm; color:#111827; font-size:7.2pt; text-transform:uppercase; }.cc-panel h3 i { margin-right:1.5mm; color:var(--cc-red); font-size:11pt; vertical-align:middle; }.cc-payment h3,.cc-social h3 { color:var(--cc-red); }
.cc-panel .pdf-finance-row { padding:.5mm 0; font-size:5.9pt; }.cc-grand-total { display:flex; justify-content:space-between; align-items:center; margin-top:1.5mm; padding-top:1.5mm; border-top:1px solid var(--cc-line); font-size:9pt; font-weight:900; text-transform:uppercase; }.cc-grand-total strong { color:var(--cc-red); font-size:10.5pt; }
.cc-conditions { list-style:none; margin:0; padding:0; }.cc-conditions li { display:grid; grid-template-columns:5mm 1fr; gap:1mm; align-items:start; margin-bottom:.9mm; }.cc-conditions i { color:var(--cc-red); font-size:10pt; }.cc-conditions p { margin:0; font-size:5.5pt; }
.cc-notes p { margin:0; overflow-wrap:anywhere; }.cc-notes > span { display:block; height:5mm; border-bottom:1px solid var(--cc-line); }
.cc-approval { display:grid; grid-template-columns:92mm 1fr; gap:10mm; align-items:start; min-height:31mm; margin-top:3mm; }.cc-approval > .cc-payment:only-child { grid-column:1 / -1; }.cc-payment-content { display:grid; grid-template-columns:20mm 1fr; gap:3mm; align-items:center; }.cc-payment-content.without-qr { grid-template-columns:1fr; }.cc-payment-content > div:first-child canvas,.cc-payment-content > div:first-child img,.cc-payment-content > canvas,.cc-payment-content > img { width:19mm!important; height:19mm!important; }.cc-payment-content p { margin:.15mm 0; font-size:5.2pt; }.cc-payment-content span { display:inline-block; margin-top:.5mm; padding:.8mm 2mm; border-radius:1mm; color:#fff; background:var(--cc-red); font-size:5.1pt; font-weight:850; text-transform:uppercase; }.cc-payment-empty { color:var(--cc-muted); }
.cc-social { display:flex; flex-direction:column; justify-content:flex-start; min-height:100%; }.cc-social-hint { margin:-1mm 0 .8mm; color:var(--cc-muted); font-size:5.1pt; line-height:1.2; }.cc-social-item { display:grid; grid-template-columns:4.5mm 1fr; gap:1.5mm; align-items:center; margin-top:1.2mm; }.cc-social-item i { color:var(--cc-red); font-size:10pt; line-height:1; }.cc-social-item p { margin:0; color:#111827; font-size:6.4pt; line-height:1.2; white-space:nowrap; }.cc-social-item span,.cc-social-item small { display:inline; margin-top:0; }
.cc-footer { position:absolute; left:7mm; right:7mm; bottom:0; display:grid; grid-template-columns:1.3fr .75fr 1fr; gap:8mm; min-height:17mm; padding:3mm 2mm 2mm; border-top:1px solid var(--cc-line); box-sizing:border-box; }.cc-footer > div { display:grid; grid-template-columns:6mm 1fr; gap:2mm; align-items:start; }.cc-footer i { color:var(--cc-red); font-size:14pt; }.cc-footer p { margin:0; color:#343946; font-size:5.6pt; }.cc-footer b { display:block; margin-bottom:.7mm; color:var(--cc-red); font-size:5.2pt; text-transform:uppercase; }
.pdf-container.pdf-exporting.pdf-catalogo-comercial { width:210mm; max-width:210mm; min-height:296mm; padding:0; }
@media print { .pdf-catalogo-comercial,.cc-page { width:210mm!important; min-height:296mm!important; }.cc-page { padding-left:7mm; padding-right:7mm; } }