/* Factura compartible · plantilla clara, rosa o azul */
.fkTop{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.fkTop .sp{margin-left:auto}
.cbt{width:38px;height:38px;border-radius:12px;border:2.5px solid var(--line2);cursor:pointer;padding:0}
.cbt.r{background:linear-gradient(140deg,#ff8fc0,#ff5c9d)}
.cbt.a{background:linear-gradient(140deg,#6ea8ff,#3d7fd6)}
.cbt.on{border-color:var(--ink);box-shadow:0 0 0 3px #ffffff2b}
.fkBox{max-height:58dvh;overflow:auto;display:grid;place-items:start center;
  background:#08080a;border-radius:20px;padding:16px}

.fk{width:404px;background:linear-gradient(168deg,var(--c1),var(--c2) 62%,var(--c3));
  border-radius:26px;padding:28px 24px 20px;color:var(--tx);position:relative;overflow:hidden;
  font-family:Inter,system-ui,sans-serif}
.fk:before,.fk:after{content:'';position:absolute;border-radius:50%;background:var(--dec)}
.fk:before{width:118px;height:118px;top:-46px;right:-30px}
.fk:after{width:78px;height:78px;bottom:-30px;left:-22px}
.fk .br{position:relative;text-align:center;margin-bottom:6px}
.fk .br h3{font:900 37px/1 Fraunces,serif;letter-spacing:-.02em;color:var(--ac)}
.fk .br p{font:700 18px Caveat,cursive;color:var(--ac2);margin-top:2px}
/* sello pagado (solo en cuenta saldada) */
.fk .sello{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;
  margin:13px 0 16px;padding:9px;border-radius:14px;background:var(--ac);
  font:900 14px Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--c1)}
.fk .sello svg{width:18px;height:18px;stroke:var(--c1);stroke-width:3.4;fill:none;
  stroke-linecap:round;stroke-linejoin:round}
/* cliente */
.fk .cli{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:15px;
  padding-bottom:13px;border-bottom:2px solid var(--dash)}
.fk .cli .pic{width:50px;height:50px;border-radius:16px;overflow:hidden;flex:none}
.fk .cli .pic svg{width:100%;height:100%;display:block}
.fk .cli .nm{font:900 20px Inter;letter-spacing:-.02em}
.fk .cli .mt{font:700 12px Inter;color:var(--ac2);margin-top:2px}
/* linea simple (venta directa) */
.fk .li{position:relative;display:flex;align-items:center;gap:12px;padding:8px 0;
  border-bottom:1.5px dashed var(--dash)}
.fk .li img{width:50px;height:42px;object-fit:contain;flex:none}
.fk .li .nm{flex:1;min-width:0;font:800 16px Inter}
.fk .li .nm small{display:block;font:700 13px Inter;color:var(--ac2);margin-top:1px}
.fk .li .pz{font:900 21px Archivo,sans-serif}
/* dia (cuenta saldada) */
.fk .day{position:relative;margin-bottom:14px;
  background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.fk .day .dh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  margin-bottom:6px;padding:0 0 5px;border-bottom:1.5px solid var(--dash)}
.fk .day .dh b{font:900 14px Inter;letter-spacing:-.01em}
.fk .day .dh time{font:700 11px Inter;color:var(--ac2);margin-left:6px}
.fk .day .dh .ds{font:900 16px Archivo,sans-serif;color:var(--ac)}
.fk .ped{background:var(--ped);border:0;border-radius:13px;padding:9px 11px;
  margin-bottom:6px;box-shadow:none}
.fk .ped .ph{font:700 11px Inter;color:var(--ac2);margin-bottom:4px;letter-spacing:.03em}
.fk .li2{display:flex;align-items:center;gap:9px;padding:3px 0}
.fk .li2 img{width:32px;height:26px;object-fit:contain;flex:none}
.fk .li2 .q{font:900 14px Archivo,sans-serif;color:var(--ac);min-width:22px}
.fk .li2 .nm{flex:1;min-width:0;font:700 13px Inter;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fk .li2 .pz{font:900 15px Archivo,sans-serif}
/* total */
.fk .tot{position:relative;display:flex;justify-content:space-between;align-items:flex-end;
  margin-top:15px;padding-top:13px;border-top:2px dashed var(--dash)}
.fk .tot u{text-decoration:none;font:800 12px Inter;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ac2)}
.fk .tot .qq{font:700 11px Inter;color:var(--ac2);margin-top:3px}
.fk .tot .v{font:900 52px/1 Archivo,sans-serif;color:var(--ac);letter-spacing:-.04em}
.fk .ty{position:relative;text-align:center;margin-top:15px;font:700 25px Caveat,cursive;color:var(--ac)}
.fk .ft{position:relative;text-align:center;font:600 10px Inter;color:var(--ftc);margin-top:5px}
@media(max-width:470px){.fk{width:100%;min-width:300px}}