.font-hero { font-family: "Outfit", system-ui, -apple-system, sans-serif; }
.carnet { width: 342px; height: 216px; border-radius: 14px; position: relative; overflow: hidden;
  background: #fff; color: #0a0a0a; border: 1px solid #B8E0F0; box-shadow: 0 6px 20px rgba(0,0,0,.12);
  font-family: "Segoe UI", system-ui, sans-serif; }
.carnet .franja { position:absolute; left:0; right:0; top:0; height:46px; background:#0a0a0a; color:#fff;
  display:flex; align-items:center; gap:8px; padding:0 12px; }
.carnet .franja img { height:30px; width:auto; background:#fff; border-radius:6px; padding:2px; }
.carnet .marca { font-family:"Outfit",sans-serif; font-weight:700; font-size:14px; line-height:1.1; }
.carnet .sub { font-size:9px; opacity:.75; }
.carnet .celeste { position:absolute; left:0; right:0; bottom:0; height:8px; background:#7EC8E3; }
.carnet .cuerpo { position:absolute; top:56px; left:14px; right:110px; bottom:16px; }
.carnet .lbl { font-size:8px; text-transform:uppercase; letter-spacing:.06em; color:#4BA3C3; font-weight:700; }
.carnet .val { font-size:13px; font-weight:600; line-height:1.2; }
.carnet .num { font-family:"Outfit",sans-serif; font-size:26px; font-weight:800; line-height:1; }
.carnet .legal { font-size:8px; line-height:1.3; color:#333; }
.carnet .demo { position:absolute; top:52px; right:-28px; transform:rotate(30deg); background:#dc2626; color:#fff;
  font-weight:800; font-size:12px; padding:2px 36px; letter-spacing:.2em; }
.carnet .qr img, .carnet .qr canvas { width:110px !important; height:110px !important; }
@media print {
  @page { size: A4; margin: 15mm; }
  body * { visibility: hidden; }
  #zona-carnet, #zona-carnet * { visibility: visible; }
  #zona-carnet { position:absolute; left:0; top:0; display:block !important; }
  .no-print { display:none !important; }
  /* 342x216 px = 90.49x57.15 mm a 96 dpi → escala 0.946 = 85.6x54 mm */
  .slot { width:85.6mm; height:54mm; overflow:hidden; margin:0 0 6mm 0; }
  .carnet { transform: scale(0.946); transform-origin: top left; box-shadow:none; border:1px solid #999;
    -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}

.carnet .firma { display:flex; flex-direction:column; align-items:center; width:120px; }
.carnet .firma img { height:26px; width:auto; max-width:100%; object-fit:contain; display:block; }
.carnet .firma-linea { width:100%; border-top:.6px solid #333; margin-top:1px; }
.carnet .firma-cap { font-size:6px; line-height:1.2; color:#333; text-align:center; margin-top:1px; }
.carnet .foto { position:absolute; top:58px; right:14px; width:86px; height:86px; object-fit:cover;
  border-radius:8px; border:2px solid #7EC8E3; background:#eef7fb; }
.carnet .legal.asoc { font-size:7.5px; line-height:1.25; font-weight:600; color:#1a1a1a; }