.fp-ic.hand-coins{--m:url(../diseno/assets/icons/hand-coins.svg)}
.fp-ic.credit-card{--m:url(../diseno/assets/icons/credit-card.svg)}
.fp-ic.receipt{--m:url(../diseno/assets/icons/receipt.svg)}
.fp-ic.message-square{--m:url(../diseno/assets/icons/message-square.svg)}
.fp-ic.mail{--m:url(../diseno/assets/icons/mail.svg)}
.fp-ic.file-text{--m:url(../diseno/assets/icons/file-text.svg)}   


.lf-panel[data-tipo="deudor"]{width:640px}

.lf-panel[data-tipo="deudor"] .lf-cab h2{flex:1 1 0;overflow-wrap:normal;word-break:normal}
.lf-panel[data-tipo="deudor"] .lf-cab h2>span{min-width:0}
.lf-panel[data-tipo="deudor"] .lf-cab small{overflow-wrap:normal}

.lf-panel[data-tipo="deudor"] .lf-pie{padding-right:84px}

.fd .fp-d dd.critico{color:var(--u-critico)}
.fd .fp-d dd.bien{color:var(--cc-texto)}
.fd .fd-sin{border-style:dotted}
.fd .lf-chip+.lf-chip{margin-left:0}
.fd .fp-d dd .lf-chip{margin:2px 4px 2px 0}


.fd-acc+.fd-acc{margin-top:10px;padding-top:10px;border-top:1px solid var(--cc-borde)}
.fd-acc>b{display:block;font-size:13px}
.fd-acc .fp-acc{margin-top:6px}
.fd-acc:first-child .fp-acc{margin-top:0}
.fd a.px-btn{color:var(--cc-texto)}


.fd-marco{margin:0;max-width:100%;overflow-x:auto}   
.fd-marco+.fp-nota{margin-top:8px}
.fp-rej+.fd-marco,.fp-rej+.fd-vacio-g{margin-top:12px}

.fd .fd-t{width:100%;min-width:0;max-width:100%;border-collapse:collapse;font-size:13px;table-layout:auto;font-variant-numeric:tabular-nums}
.fd-t th{padding:6px 10px 6px 0;text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--cc-texto-3);border-bottom:1px solid var(--cc-borde);cursor:pointer;white-space:nowrap;background:none;height:auto;vertical-align:bottom;user-select:none}
.fd-t th.ordenando{color:var(--cc-texto)}
.fd-t th:focus-visible{outline:2px solid var(--cc-primario);outline-offset:1px}
.fd-t th .flecha{font-size:11px}
.fd-t td{padding:8px 10px 8px 0;border-bottom:1px solid var(--cc-borde);vertical-align:top;line-height:1.35;white-space:normal;height:auto;background:none;overflow-wrap:normal;word-break:normal}
.fd-t th.d,.fd-t td.d{text-align:right;white-space:nowrap;padding-right:0;padding-left:10px}
.fd-t th.d{white-space:normal}

.fd-t td.d+td:not(.d),.fd-t th.d+th:not(.d){padding-left:16px}
.fd-t td .fp-falta{font-size:12px;padding:0 5px}
.fd-t tr.fd-tocado td{background:var(--u-info-suave)}
.fd-t tr.fd-tocado td:first-child{box-shadow:inset 3px 0 0 var(--u-info)}
.fd-t tr.fd-tocado td:first-child,.fd-t tfoot td:first-child,.fd-t td:first-child,.fd-t th:first-child{padding-left:8px}
.fd-t tfoot td{border-bottom:0;border-top:2px solid var(--cc-borde-fuerte);font-weight:700;padding-top:8px;white-space:nowrap}
.fd-t .lf-ent{font-size:13px;text-align:left}
.fd-t .fd-local{font-weight:500;font-size:12.5px}
.fd-t s{color:var(--cc-texto-3)}
.fd-venc{display:inline-block;margin-left:4px;font-size:11.5px;font-weight:700;color:var(--u-alerta)}
.fd-local-caja{margin-top:12px}
.fd-local-caja p{font-size:14.5px}


.fd [data-fd-dato="saldo"] dd,.fd [data-fd-dato="pagado"] dd,.fd [data-fd-dato="enMora"] dd{font-size:19px;font-weight:700;color:var(--fp-tit)}
.fd [data-fd-dato="pagado"] dd{color:var(--fp-verde)}
.fd [data-fd-dato="enMora"] dd.critico{color:var(--u-critico)}
.fd :is([data-fd-dato="saldo"],[data-fd-dato="pagado"],[data-fd-dato="enMora"]) dd .fp-gris{font-size:13px;font-weight:500}
.fd .fp-d dd.bien{color:var(--u-bien)}
.fd-acc+.fd-acc{border-top-color:color-mix(in srgb,var(--fp-tin) 30%,var(--cc-superficie))}
.fd-acc>b{color:var(--fp-tit)}
.fd .fd-t th{color:var(--fp-rotulo);border-bottom-color:color-mix(in srgb,var(--fp-tin) 40%,var(--cc-superficie))}
.fd .fd-t th.ordenando{color:var(--fp-tit)}
.fd .fd-t td{border-bottom-color:color-mix(in srgb,var(--fp-tin) 22%,var(--cc-superficie))}
.fd .fd-t tfoot td{color:var(--fp-tit);border-top-color:color-mix(in srgb,var(--fp-tin) 55%,var(--cc-superficie))}
.fd .fd-t tr.fd-tocado td{background:color-mix(in srgb,var(--fp-tin) 14%,var(--cc-superficie))}
.fd .fd-t tr.fd-tocado td:first-child{box-shadow:inset 3px 0 0 var(--fp-tit)}
.fd .fd-t s{color:var(--fp-rotulo)}


@media (max-width:720px){
  .lf-panel[data-tipo="deudor"]{width:100%}
  .fd .fd-t,.fd .fd-t tbody,.fd .fd-t tfoot,.fd .fd-t thead{display:block}
  .fd .fd-t thead tr{display:flex;flex-wrap:wrap;gap:2px 14px;border-bottom:1px solid var(--cc-borde);padding:0 0 4px}
  .fd .fd-t th,.fd .fd-t th.d{display:inline-flex;align-items:center;gap:4px;width:auto;padding:6px 0;border-bottom:0;text-align:left;white-space:nowrap}
  .fd .fd-t tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;padding:10px 0;border-bottom:1px solid var(--cc-borde)}
  .fd .fd-t td,.fd .fd-t td.d{display:flex;flex-direction:column;gap:1px;padding:0;border:0;text-align:left;white-space:normal}
  .fd .fd-t tbody td:first-child{grid-column:1/-1;display:block}
  .fd .fd-t tbody td:not(:first-child)::before{content:attr(data-etiqueta);font-size:11.5px;font-weight:600;color:var(--fp-rotulo,var(--cc-texto-3))}
  .fd .fd-t tr.fd-tocado{padding-left:8px;background:color-mix(in srgb,var(--fp-tin) 14%,var(--cc-superficie));box-shadow:inset 3px 0 0 var(--fp-tit)}
  .fd .fd-t tr.fd-tocado td{background:none;box-shadow:none;padding-left:0}
  .fd .fd-t tr.fd-tocado td:first-child{box-shadow:none}
  .fd .fd-t tfoot tr{border-bottom:0;border-top:2px solid var(--cc-borde-fuerte)}
  .fd .fd-t tfoot td{border:0;padding:0}
  .fd .fd-t tfoot td:empty{display:none}
  .fd .fd-t tfoot td:not(:first-child):not(:empty)::before{content:attr(data-etiqueta);font-size:11.5px;font-weight:600;color:var(--fp-rotulo,var(--cc-texto-3))}
}