/* OriginalCars · hoja de impresión (fase 1: D2). Se carga con media="print" en index.html y gestion.html.
   1) Hoja de escaparate A4 (escaparate.imprimirHoja): con la clase «hoja-on» en el body solo se imprime #hoja-escaparate
      (foto, precio, cuota con TAE si hay financiación, año, km, etiqueta, garantía, 6 extras, contacto y QR).
   2) Impresión normal de una página de la web pública (ficha, comparador, textos legales): sin cabecera, barras fijas ni botones.
      Solo en la web (body[data-vista] sin .g-panel): el panel de /gestion no se ve afectado. */

@page{size:A4 portrait;margin:12mm}
html,body{background:none!important}
body{padding:0!important;margin:0!important;color:var(--ink);-webkit-print-color-adjust:exact;print-color-adjust:exact}
a{text-decoration:none}

/* ---------- 1) Hoja de escaparate ---------- */
body.hoja-on>:not(#hoja-escaparate){display:none!important}
body.hoja-on #hoja-escaparate{display:block!important}
.hoja{font-family:var(--font-body);color:var(--ink)}
/* Una sola página: la foto se queda con el espacio que dejan los demás bloques (entre 55 y 125 mm) */
.hoja-pag{display:flex;flex-direction:column;gap:4mm;height:271mm;overflow:hidden;break-inside:avoid;page-break-inside:avoid}
.hoja-pag>*{flex:none}
.hoja-cab{display:flex;align-items:center;justify-content:space-between;gap:6mm;padding-bottom:3mm;border-bottom:.4mm solid var(--line-strong)}
.hoja-marca{min-height:0;gap:4mm}
.hoja-marca svg{width:15mm;height:9mm}
.hoja-marca .rule{height:7mm}
.hoja-marca .word{font-size:11pt;letter-spacing:.3em}
.hoja-ref{font-family:var(--font-display);font-size:11pt;letter-spacing:.06em;color:var(--muted)}
.hoja-pag>.hoja-foto{position:relative;flex:1 1 0;min-height:55mm;max-height:125mm;border-radius:4mm;overflow:hidden;background:var(--ph-bg)}
.hoja-foto img{width:100%;height:100%;object-fit:cover}
.hoja-foto .ph{position:absolute;inset:0;display:grid;place-items:center}
.hoja-foto .sil{width:auto;height:80%;max-width:70%}
.hoja-foto .badges{position:absolute;left:4mm;top:4mm;right:4mm;display:flex;flex-wrap:wrap;gap:2mm}
.hoja-foto .badge{font-size:10pt;min-height:0;padding:1mm 3mm;box-shadow:none}
.hoja-titulo h2{font-family:var(--font-display);font-weight:500;font-size:25pt;line-height:1.05;color:var(--ink)}
.hoja-version{margin-top:1mm;font-size:13pt;color:var(--muted)}
.hoja-precio p{margin:0}
.hoja-importe{font-family:var(--font-display);font-weight:600;font-size:48pt;line-height:1;letter-spacing:.005em;color:var(--ink)}
.hoja-antes{margin-left:4mm;font-size:17pt;color:var(--muted)}
.hoja-iva{margin-top:1.5mm!important;font-size:10.5pt;color:var(--muted)}
.hoja-garantia{display:flex;align-items:center;gap:2mm;margin-top:1.5mm!important;font-family:var(--font-display);font-weight:500;font-size:12.5pt;color:var(--ink)}
.hoja-garantia .ic{width:5mm;height:5mm;color:var(--ok)}
.hoja-cuota{margin-top:2.5mm;padding:2.5mm 4mm;border-radius:3mm;background:var(--peach-soft)}
.hoja-desde{font-size:13pt;color:var(--text)}
.hoja-desde b{font-family:var(--font-display);font-weight:600;font-size:18pt;color:var(--ink)}
.hoja-fin{margin-top:1mm!important;font-size:7pt;line-height:1.35;color:var(--muted)}
.hoja-aviso{color:var(--ink);font-weight:600}
.hoja-datos{margin:0;display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:2mm}
.hoja-datos div{padding:2mm 2.5mm;border:.3mm solid var(--line-strong);border-radius:2.5mm}
.hoja-datos dt{font-size:7.5pt;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hoja-datos dd{margin:.5mm 0 0;font-family:var(--font-display);font-weight:500;font-size:12pt;line-height:1.2;color:var(--ink)}
.hoja-etq{display:inline-flex;align-items:center;gap:1.5mm}
.hoja-etq .dgt-badge{width:6mm;height:6mm;font-size:6.5pt;box-shadow:none}
.hoja-extras h3,.hoja-contacto h3{margin:0 0 1.5mm;font-family:var(--font-display);font-weight:500;font-size:10pt;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hoja-extras ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2mm 5mm;font-size:10.5pt;line-height:1.3}
.hoja-extras li{display:flex;align-items:flex-start;gap:1.5mm}
.hoja-extras .ic,.hoja-contacto .ic{flex:none;width:4mm;height:4mm;margin-top:.5mm;color:var(--accent-text)}
.hoja-pie{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8mm;padding-top:3.5mm;border-top:.4mm solid var(--line-strong)}
.hoja-contacto{min-width:0}
.hoja-contacto ul{list-style:none;margin:0;padding:0;display:grid;gap:1mm;font-size:10.5pt;line-height:1.3;color:var(--text)}
.hoja-contacto li{display:flex;align-items:flex-start;gap:2mm}
.hoja-tel{font-family:var(--font-display);font-weight:600;font-size:19pt!important;color:var(--ink)}
.hoja-tel .ic{width:5.5mm;height:5.5mm;margin-top:1mm}
.hoja-horario{white-space:pre-line}
.hoja-qr{flex:none;display:grid;justify-items:center;gap:1.5mm;width:40mm;text-align:center}
.hoja-qr-img{width:34mm;height:34mm}
.hoja-qr-img svg{display:block;width:100%;height:100%}
.hoja-qr p{margin:0;font-size:8.5pt;line-height:1.3;color:var(--text)}
.hoja-web{display:block;margin-top:.5mm;font-family:var(--font-display);font-size:10pt;color:var(--ink)}
.hoja-url{font-size:9pt;color:var(--muted);overflow-wrap:anywhere}

/* ---------- 2) Impresión normal de una página de la web pública (app.js pone data-vista en el body; el panel también lo pone,
   pero lleva la clase g-panel y queda fuera de estas reglas) ---------- */
body[data-vista]:not(.hoja-on):not(.g-panel) :is(.site-header,.skip-link,.m-bar,.m-cta,.toast,.cmp-bar,.wa-float,.fav,.cmp-btn,.nav-btn,.thumbs,
  .ctas,.avisame,.d-acciones,.admin-row,form,.cmp-opciones,.cmp-quitar,.cmp-acciones,.legal-nav,.copy-btn,.foot-nav,.similar){display:none!important}
body[data-vista]:not(.hoja-on):not(.g-panel) .site-footer{margin-top:10mm;padding-bottom:0!important;border-top:.3mm solid var(--line-strong)}
body[data-vista]:not(.hoja-on):not(.g-panel) .site-footer::before{display:none}
body[data-vista]:not(.hoja-on):not(.g-panel) .detail{display:block}
body[data-vista]:not(.hoja-on):not(.g-panel) .panel{position:static;margin-top:6mm;box-shadow:none}
body[data-vista]:not(.hoja-on):not(.g-panel) :is(.card,.panel,.legal-tabla,.cmp-scroll,.form-ok){break-inside:avoid}
body[data-vista]:not(.hoja-on):not(.g-panel) .cmp-scroll{overflow:visible;border:0}
body[data-vista]:not(.hoja-on):not(.g-panel) .cmp-tabla{min-width:0;font-size:9.5pt}
body[data-vista]:not(.hoja-on):not(.g-panel) :is(.cmp-tabla th[scope=row],.cmp-esq){position:static;box-shadow:none}
body[data-vista]:not(.hoja-on):not(.g-panel) .legal-cuerpo a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em;color:var(--muted)}