/* Portal del cliente REZZET. Sistema REZZET: una tipografía (Archivo), un acento (señal). */
@font-face{font-family:'Archivo';src:url('/assets/font/archivo.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --signal:#FF5A1F;--ink:#1A1A1A;--concrete:#E8E6E0;--paper:#F7F5F0;--white:#FFFFFF;
  --steel:#5C666E;--tape:#F2C200;--line:#DDD8CC;--line-soft:#ECE8E1;--ink2:#3F3A32;
  --ondark:#B7BCC0;--ondark2:#8B9298;
  --font:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:light;
}
.rp{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.5;font-size:15px}
.rp *{box-sizing:border-box}
.rp .num{font-variant-numeric:tabular-nums}
.rp .lockup{display:inline-flex;align-items:baseline;font-weight:800;letter-spacing:-.035em;text-transform:uppercase;line-height:1}
.rp .lockup svg{width:1.042em;height:.687em;margin:0 -.026em 0 .026em}
.rp-h{background:var(--ink);color:var(--concrete);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.rp-h .lockup{font-size:22px;color:var(--concrete)}
.rp-h .r{display:flex;align-items:center;gap:14px}
.rp-h .meta{color:var(--ondark2)}
.rp-h button{background:none;border:0;color:var(--ondark);font:inherit;font-weight:700;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;padding:6px 0}
.rp-b{padding:22px 18px 28px;display:flex;flex-direction:column;gap:24px}
.rp .meta{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}
.rp .lbl{font-weight:700;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel)}
.rp .ttl{font-weight:700;font-size:16px;margin-top:4px}
.rp .big{font-weight:800;font-size:clamp(30px,8.4vw,38px);line-height:.95;letter-spacing:-.035em;text-transform:uppercase;margin:0}
.rp .big em{font-style:normal;color:var(--signal)}
.rp .sec{display:block;margin:0;border-top:2px solid var(--ink);padding-top:14px}
.rp .sec h2{margin:0 0 10px;font-weight:700;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel)}
.rp .row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.rp .bar{height:12px;background:var(--line);border-radius:2px;overflow:hidden;display:flex}
.rp .bar span{display:block;height:100%;background:var(--ink)}
.rp .bar .s2{background:var(--steel)}.rp .bar .s3{background:var(--ondark)}.rp .bar .s4{background:var(--tape)}
.rp .steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:12px}
.rp .step{display:flex;flex-direction:column;gap:6px;min-width:0}
.rp .step i{display:block;height:4px;background:var(--line);border-radius:2px}
.rp .step.done i{background:var(--ink)}.rp .step.now i{background:var(--signal)}
.rp .step span{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp .step.now span{color:var(--ink)}
.rp .legend{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.rp .legend div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px}
.rp .legend i{width:12px;height:12px;border-radius:2px;display:block}
.rp .note{font-size:12.5px;color:var(--steel);margin:10px 0 0}
.rp .card{background:var(--white);border:1px solid var(--line);border-radius:2px;padding:14px 16px}
.rp .card.due{border:2px solid var(--tape)}
.rp .card .amt{font-weight:800;font-size:24px;letter-spacing:-.02em;margin:2px 0}
.rp .chip{display:inline-flex;align-items:center;font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:4px 7px;border-radius:2px;border:1px solid var(--ink);white-space:nowrap;line-height:1}
.rp .chip.fill{background:var(--ink);color:var(--concrete)}
.rp .chip.tape{background:var(--tape);border-color:var(--tape)}
.rp .chip.soft{border-color:var(--line);color:var(--steel);background:var(--white)}
.rp .list{display:flex;flex-direction:column}
.rp .li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--line-soft);align-items:baseline}
.rp .li:last-child{border-bottom:0}
.rp .li b{font-weight:700;font-size:14px}
.rp .li small{grid-column:1;font-size:12px;color:var(--steel)}
.rp .li .m{font-weight:800;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rp .li .m.in{color:var(--ink)}
.rp .li .m.out{color:var(--ink2)}
.rp .more{background:none;border:0;padding:8px 0 0;font:inherit;font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--ink)}
.rp .log{display:flex;flex-direction:column;gap:14px}
.rp .entry{background:var(--white);border:1px solid var(--line);border-radius:2px;overflow:hidden}
.rp .entry a{display:block}
.rp .entry img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--line-soft)}
.rp .entry .bd{padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.rp .entry .tt{font-weight:700;font-size:15px;line-height:1.3}
.rp .entry .nt{font-size:13.5px;color:var(--ink2)}
.rp .entry .etop{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rp .empty{color:var(--steel);font-size:14px}
.rp .wa{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border-radius:2px;background:var(--ink);color:var(--concrete);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.rp .foot{text-align:center}
