/* estilos/ec-cuenta.css - LAS CUENTAS DE CLIENTE (k1123, 18/10/2026): Mi cuenta (cuenta.asp) y la caja del paso 2 de
   Mi presupuesto (js/ec-cuenta.js). Los colores de la casa: #002147 y #005a9c. */
.cu{--cuA:#002147;--cuB:#005a9c;--cuL:#eaf2fb;--cuBr:#dbe3ec;--cuT:#1e293b;--cuD:#64748b;--cuOk:#047857;--cuAl:#b42318;max-width:1240px;margin:0 auto 34px;color:var(--cuT);font-family:'Inter','Segoe UI',Arial,sans-serif}
.cu *{box-sizing:border-box}
.cu [hidden],#cuBox [hidden],.cu-crea [hidden],.cu-crea-cl[hidden]{display:none !important}
.cu-cab{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#002147 0%,#00386f 100%);color:#fff;border-radius:16px;padding:24px 28px;margin:6px 0 22px}
.cu-cab h1{margin:0 0 4px;font-size:28px;line-height:1.15;font-weight:800;color:#fff}
.cu-cab p{margin:0;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.86)}
.cu-cab-ico{flex:0 0 auto;width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.cu-cab-ico svg{width:30px;height:30px;fill:#fff}
.cu-dos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cu-card{background:#fff;border:1px solid var(--cuBr);border-radius:16px;padding:24px 26px;display:flex;flex-direction:column;gap:12px;min-width:0}
.cu-card-alt{background:#f8fbff}
.cu-una{max-width:520px;margin:0 auto}
.cu-centro{align-items:center;text-align:center}
.cu-card h2,.cu-hola h2{margin:0;font-size:20px;font-weight:800;color:var(--cuA)}
.cu-sub{margin:0;color:var(--cuD);font-size:14px;line-height:1.55}
.cu-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.cu-f label{font-size:13px;font-weight:700;color:#334155}
.cu-f label small{font-weight:500;color:var(--cuD)}
.cu input[type=email],.cu input[type=text],.cu input[type=password],.cu input[type=tel],.cu input:not([type]),.cu select{width:100%;border:1.5px solid var(--cuBr);border-radius:10px;padding:10px 12px;font:inherit;font-size:14.5px;color:var(--cuT);background:#fff;min-height:42px}
.cu input:focus,.cu select:focus{outline:none;border-color:var(--cuB);box-shadow:0 0 0 3px rgba(0,90,156,.12)}
.cu-clave{position:relative}
.cu-clave input{padding-right:44px !important}
.cu-ojo{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.cu-ojo:hover{color:var(--cuB);background:#f1f5f9}
.cu-ojo svg{width:19px;height:19px;fill:currentColor}
.cu-chk{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:#334155;cursor:pointer;line-height:1.45}
.cu-chk input{width:17px;height:17px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--cuB)}
.cu-chk a{color:var(--cuB);font-weight:600}
.cu-btn{border:0;border-radius:11px;background:var(--cuB);color:#fff !important;font:inherit;font-weight:800;font-size:15px;padding:12px 22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:46px}
.cu-btn:hover{background:#004b82}
.cu-btn[disabled]{opacity:.65;cursor:default}
.cu-btn-sec{background:#fff;color:var(--cuA) !important;border:1.5px solid var(--cuBr)}
.cu-btn-sec:hover{background:#f1f5f9;border-color:#b6c5d6}
.cu-lnk{border:0;background:none;padding:0;font:inherit;font-size:13.5px;color:var(--cuB);font-weight:600;cursor:pointer;text-align:left;align-self:flex-start}
.cu-lnk:hover{text-decoration:underline}
/* (k1367) la contrasena con su "la has olvidado"; el codigo del correo; el buscador de los presupuestos */
.cu-f-cab{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cu-f-cab .cu-lnk{font-size:12.5px;align-self:auto}
.cu .cu-cod,#cuBox .cu-cod{font-family:Consolas,'Courier New',monospace;font-size:22px;font-weight:800;letter-spacing:.4em;text-align:center;max-width:220px}
.cu-cod-acc{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0;color:var(--cuD)}
.cy-cod-txt{margin:0 0 8px}
.cz-filtra{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.cz-filtra .cz-chips{margin:0}
.cz-busca{position:relative;flex:1 1 280px;min-width:0;max-width:420px}
.cz-busca svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:#94a3b8;pointer-events:none}
.cu .cz-busca input{padding-left:36px;min-height:40px}
.cu-ventajas{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:#334155}
.cu-ventajas li{padding-left:24px;position:relative}
.cu-ventajas li:before{content:"";position:absolute;left:2px;top:4px;width:13px;height:7px;border-left:2.5px solid var(--cuOk);border-bottom:2.5px solid var(--cuOk);transform:rotate(-45deg)}
.cu-msg{border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;margin:0 0 16px}
.cu-msg-mal{background:#fef3f2;border:1px solid #fecdca;color:var(--cuAl)}
.cu-msg-ok{background:#ecfdf5;border:1px solid #a7f3d0;color:var(--cuOk)}
.cu-prueba{margin:6px 0 0;font-size:12.5px;font-weight:500;color:#92400e}
.cu-prueba a{color:#92400e;font-weight:700}
.cu-hola{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;background:#fff;border:1px solid var(--cuBr);border-radius:16px;padding:20px 24px;margin:0 0 16px}
.cu-hola p{margin:4px 0 0;color:var(--cuD);font-size:14px}
.cu-hola-acc{display:flex;gap:10px;flex-wrap:wrap}
.cu-ok-chip{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:999px;background:#ecfdf5;color:var(--cuOk);font-size:12px;font-weight:700}
.cu-sec{background:#fff;border:1px solid var(--cuBr);border-radius:16px;padding:22px 24px;margin:0 0 16px}
.cu-sec h3{margin:0 0 12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--cuB);font-weight:800}
.cu-sec h3 small{text-transform:none;letter-spacing:0;font-weight:500;color:var(--cuD);font-size:13px}
.cu-gr{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.cu-gr .cu-ancho{grid-column:1/-1}
.cu-pie{display:flex;justify-content:flex-end;margin-top:14px}
.cu-aviso{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13.5px}
.cu-tabla{overflow-x:auto}
.cu-tabla table{width:100%;border-collapse:collapse;font-size:14px}
.cu-tabla th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--cuD);text-align:left;padding:8px 10px;border-bottom:1px solid var(--cuBr);white-space:nowrap}
.cu-tabla td{padding:10px;border-bottom:1px solid #eef2f6;white-space:nowrap}
.cu-num{text-align:right !important;font-variant-numeric:tabular-nums}
.cu-est{display:inline-block;padding:2px 10px;border-radius:999px;background:#eef2f6;color:#334155;font-size:12px;font-weight:700}
.cu-est-pagado,.cu-est-aceptado{background:#ecfdf5;color:var(--cuOk)}
.cu-est-nuevo{background:#e0f2fe;color:#075985}
.cu-nota{margin:10px 0 0;color:var(--cuD);font-size:12.5px}
.cu-ico-ok{width:56px;height:56px;border-radius:50%;background:#ecfdf5;color:var(--cuOk);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800}
@media (max-width:760px){
  .cu-cab{padding:18px;gap:12px}.cu-cab h1{font-size:23px}.cu-cab-ico{display:none}
  .cu-dos,.cu-gr{grid-template-columns:1fr}
  .cu-card,.cu-sec{padding:18px 16px}
  .cu-hola{padding:16px}
  .cu-hola-acc{width:100%}.cu-hola-acc .cu-btn{flex:1 1 auto}
}

/* el paso 2 de Mi presupuesto: la caja de la cuenta (con las .cy-* de estilos/ec-presupuesto-b.css) */
#cuBox .cu-linea{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;width:100%}
#cuBox .cu-f{flex:1 1 200px}
#cuBox .cu-f label{font-size:12px;font-weight:700;color:#334155;margin:0}
#cuBox input[type=email],#cuBox input[type=password],#cuBox input[type=text]{width:100%;border:1.5px solid #cbd5e1;border-radius:9px;padding:9px 11px;font:inherit;font-size:14px;min-height:40px;background:#fff}
#cuBox input:focus{outline:none;border-color:#005a9c;box-shadow:0 0 0 3px rgba(0,90,156,.12)}
#cuBox .cu-clave,.cu-crea .cu-clave{position:relative}
#cuBox .cu-clave input,.cu-crea .cu-clave input{padding-right:44px}
#cuBox .cu-ojo,.cu-crea .cu-ojo{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
#cuBox .cu-ojo svg,.cu-crea .cu-ojo svg{width:18px;height:18px;fill:currentColor}
#cuBox .cu-chk,.cu-crea .cu-chk{display:inline-flex;align-items:flex-start;gap:7px;cursor:pointer}
#cuBox .cu-chk input,.cu-crea .cu-chk input{margin:2px 0 0;width:16px;height:16px;accent-color:#005a9c}
#cuBox .cy-btn{min-height:40px}
.cu-crea{margin:14px 0 0;padding:14px 16px;border:1.5px dashed #b6c5d6;border-radius:12px;background:#f8fbff;font-size:13.5px;color:#334155}
.cu-crea b{color:#002147}
.cu-crea small{color:#64748b}
.cu-crea-cl{margin:10px 0 0;max-width:380px}
.cu-crea input[type=password],.cu-crea input[type=text]{width:100%;border:1.5px solid #cbd5e1;border-radius:9px;padding:9px 11px;font:inherit;font-size:14px;min-height:40px;background:#fff}
.cu-crea input:focus{outline:none;border-color:#005a9c;box-shadow:0 0 0 3px rgba(0,90,156,.12)}
.cu-crea .cy-err{margin:8px 0 0}

/* la web fuerza los titulos de .contenidoprincipal (13 px, Roboto Condensed): aqui, los de Mi cuenta */
.contenidoprincipal .cu h1,.contenidoprincipal .cu h2,.contenidoprincipal .cu h3{font-family:'Inter','Segoe UI',Arial,sans-serif !important;text-transform:none !important}
.contenidoprincipal .cu .cu-cab h1{font-size:28px !important;font-weight:800 !important;color:#fff !important;margin:0 0 4px !important;line-height:1.15 !important}
.contenidoprincipal .cu .cu-card h2,.contenidoprincipal .cu .cu-hola h2{font-size:20px !important;font-weight:800 !important;color:#002147 !important;margin:0 !important;line-height:1.25 !important}
.contenidoprincipal .cu .cu-sec h3{font-size:13px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#005a9c !important;font-weight:800 !important;margin:0 0 12px !important}
@media (max-width:760px){.contenidoprincipal .cu .cu-cab h1{font-size:23px !important}}
/* (k1124) MIS DISENOS */
.cu-sec-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.contenidoprincipal .cu .cu-sec-cab h3{margin:0 !important}
.cu-btn-s{min-height:36px;padding:7px 14px;font-size:13.5px;border-radius:9px}
.cu-btn-mal{background:#b42318}
/* los enlaces con forma de boton: la web pone .contenidoprincipal a en azul con !important */
.contenidoprincipal .cu a.cu-btn{color:#fff !important;text-decoration:none !important}
.contenidoprincipal .cu a.cu-btn-sec{color:var(--cuA) !important}
.cu-btn-mal:hover{background:#912018}
.cu-dis{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.cu-dis-c{display:flex;flex-direction:column;border:1px solid var(--cuBr);border-radius:14px;overflow:hidden;background:#fff;min-width:0}
.cu-dis-img{display:block;aspect-ratio:1/1;background:#f1f5f9;overflow:hidden}
.cu-dis-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.cu-dis-img:hover img{transform:scale(1.03)}
.cu-dis-t{display:flex;flex-direction:column;gap:2px;padding:10px 12px 0;min-width:0}
.cu-dis-t b{font-size:14.5px;color:var(--cuA);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-dis-t span{font-size:12.5px;color:var(--cuD);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-dis-t small{font-size:12px;color:#94a3b8}
.cu-dis-acc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px 12px;margin-top:auto}
.cu-dis-acc .cu-btn{flex:1 1 auto}
.cu-dis-q{flex:1 1 100%;font-size:13px;font-weight:700;color:#b42318}
@media (max-width:520px){.cu-dis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cu-dis-acc .cu-btn{flex:1 1 100%}}

/* (k1333, 29/10/2026) LA ZONA PRIVADA: dentro de Mi cuenta, el menu a la izquierda y cada pestana a la derecha; en el
   movil, el menu en rejilla arriba y las tablas en tarjetas (sin scroll lateral). */
.cz{display:grid;grid-template-columns:252px minmax(0,1fr);gap:18px;align-items:start}
.cz-lado{position:sticky;top:12px;background:#fff;border:1px solid var(--cuBr);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px;min-width:0}
.cz-yo{display:flex;gap:11px;align-items:center;min-width:0}
.cz-av{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#002147,#005a9c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;letter-spacing:.02em}
.cz-yo-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.cz-yo-t b{font-size:14.5px;color:var(--cuA);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cz-yo-t span{font-size:12.5px;color:var(--cuD);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cz-yo-t i{font-style:normal;align-self:flex-start;margin:4px 0 0 !important}
.cz-chip-av{display:inline-block;padding:2px 9px;border-radius:999px;background:#fff7ed;color:#b45309;font-size:12px;font-weight:700}
.cz-nav{display:flex;flex-direction:column;gap:2px}
.cz-it{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:10px 12px;border-radius:10px;font:inherit;font-size:14.5px;font-weight:600;color:#334155;cursor:pointer;text-align:left}
.cz-it svg{width:19px;height:19px;fill:#94a3b8;flex:0 0 auto}
.cz-it span{flex:1 1 auto;min-width:0}
.cz-it em{font-style:normal;font-size:12px;font-weight:700;background:#eef2f6;color:#475569;border-radius:999px;padding:1px 8px}
.cz-it:hover{background:#f1f5f9}
.cz-it:focus-visible{outline:2px solid var(--cuB);outline-offset:1px}
.cz-it.on{background:var(--cuL);color:var(--cuA)}
.cz-it.on svg{fill:var(--cuB)}
.cz-it.on em{background:#fff;color:var(--cuB)}
.cz-lado-pie{display:flex;flex-direction:column;gap:6px;border-top:1px solid #eef2f6;padding-top:12px}
.cz-salir{border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--cuD);cursor:pointer;padding:6px}
.cz-salir:hover{color:var(--cuAl)}
.cz-main{min-width:0;outline:none}
.cz-tit{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:2px 0 14px}
.cz-tit p{margin:3px 0 0;color:var(--cuD);font-size:14px;line-height:1.5}
.cz-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.cz-tile{background:#fff;border:1px solid var(--cuBr);border-radius:14px;padding:14px 16px;text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--cuT)}
.cz-tile:hover{border-color:#b6c5d6;box-shadow:0 2px 10px rgba(0,33,71,.06)}
.cz-tile span{font-size:12px;color:var(--cuD);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.cz-tile b{font-size:24px;font-weight:800;color:var(--cuA);font-variant-numeric:tabular-nums;line-height:1.15;overflow-wrap:anywhere}
.cz-tile.av b{color:#b45309}
.cz-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.cz-chip{border:1px solid var(--cuBr);background:#fff;border-radius:999px;padding:6px 13px;font:inherit;font-size:13px;font-weight:700;color:#475569;cursor:pointer}
.cz-chip:hover{border-color:#b6c5d6}
.cz-chip.on{background:var(--cuA);border-color:var(--cuA);color:#fff}
.cz-t table{width:100%;border-collapse:collapse;font-size:14px}
.cz-t th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--cuD);text-align:left;padding:8px 10px;border-bottom:1px solid var(--cuBr);white-space:nowrap}
.cz-t td{padding:11px 10px;border-bottom:1px solid #eef2f6;vertical-align:middle}
.cz-t tr:last-child td{border-bottom:0}
.cz-fila{cursor:pointer}
.cz-fila:hover td{background:#f8fbff}
.cz-fila:focus{outline:2px solid var(--cuB);outline-offset:-2px}
.cz-ir{color:var(--cuB);font-weight:700;white-space:nowrap;text-align:right !important}
.cz-fac svg{width:15px;height:15px;fill:var(--cuOk);vertical-align:-2px}
.cz-oculto{position:absolute;left:-9999px}
.cz-vacio{margin:0;padding:18px 4px;color:var(--cuD);font-size:14px;text-align:center;line-height:1.55}
.cz-vacio a{color:var(--cuB);font-weight:600}
.cz-suma{margin:12px 0 0;text-align:right;font-size:14px;color:var(--cuD)}
.cz-suma b{color:var(--cuA);font-size:16px}
.cz-mut{color:var(--cuD);font-size:12px}
.cz-acc{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.cz-acc .cu-btn svg,.cz-ir .cu-btn svg{width:16px;height:16px;fill:currentColor}
.cz-dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.cz-dos .cu-sec{margin:0 0 16px}
.cz-correo{margin:0 0 14px}
/* el detalle de un presupuesto */
.cz-volver{border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--cuB);cursor:pointer;padding:2px 0;margin:0 0 10px}
.cz-volver:hover{text-decoration:underline}
.cz-det-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;margin:0 0 14px}
.cz-det-cab .cz-acc{margin-top:0}
.cz-det-cab .cu-sub{margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cz-gracias{margin:0 !important}
.cz-art{display:flex;gap:10px;align-items:center;min-width:0}
.cz-art img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#f8fafc;border:1px solid #eef2f6;flex:0 0 48px}
.cz-art-sin{width:48px;height:48px;border-radius:8px;background:#f1f5f9;flex:0 0 48px}
.cz-art b{display:block;font-size:14px;line-height:1.3}
.cz-art b a{color:var(--cuA) !important;text-decoration:none !important}
.cz-art b a:hover{color:var(--cuB) !important;text-decoration:underline !important}
.cz-art small{color:var(--cuD);font-size:12px}
.cz-lin td{vertical-align:top}
.cz-lin .cz-l-art td{padding-top:12px}
.cz-l-sub td{background:#fbfcfe;font-size:13px;color:#475569;padding-top:6px;padding-bottom:6px}
.cz-art-sub{padding-left:58px;font-weight:600;color:#334155}
.cz-tot{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,330px);gap:18px;align-items:start;margin:16px 0 0;padding:16px 0 0;border-top:1px solid var(--cuBr)}
.cz-tot h3{margin:0 0 6px !important}
.cz-tot h3 + p{margin:0 0 12px}
.cz-info{font-size:14px;color:#334155;line-height:1.6;min-width:0}
.cz-obs{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #eef2f6;border-radius:10px;padding:10px 12px;font-size:13.5px;color:#334155}
.cz-tot dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:7px 14px;font-size:14px;background:#f8fbff;border:1px solid var(--cuBr);border-radius:12px;padding:14px 16px}
.cz-tot dt{color:var(--cuD)}
.cz-tot dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:var(--cuT)}
.cz-tot .gr{font-size:17px;font-weight:800;color:var(--cuA);border-top:1px solid var(--cuBr);padding-top:9px}
.cz-tot dd.ok{color:var(--cuOk)}
.cz-tot dd.av{color:#b45309}
.cz-tot dt.cz-inc{grid-column:1/-1;font-size:12.5px;color:var(--cuD)}
.cu-est-parcial{background:#fff7ed;color:#b45309}
.cu-est-revision{background:#e0f2fe;color:#075985}
.cu-est-anulado,.cu-est-archivado{background:#f1f5f9;color:#64748b}
.contenidoprincipal .cu .cz-tit h2,.contenidoprincipal .cu .cz-det-cab h2{font-family:'Inter','Segoe UI',Arial,sans-serif !important;font-size:22px !important;font-weight:800 !important;color:#002147 !important;margin:0 !important;line-height:1.2 !important;text-transform:none !important}
.contenidoprincipal .cu .cz-tot h3{font-size:12px !important}
@media (max-width:980px){.cz{grid-template-columns:220px minmax(0,1fr)}.cz-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .cz{grid-template-columns:minmax(0,1fr);gap:14px}
  .cz-lado{position:static;padding:12px;gap:10px}
  .cz-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .cz-it{flex-direction:column;gap:4px;padding:9px 2px;font-size:11.5px;text-align:center;position:relative;line-height:1.2}
  .cz-it span{flex:0 0 auto}
  .cz-it em{position:absolute;top:3px;right:4px;font-size:10px;padding:0 5px}
  .cz-lado-pie{flex-direction:row;align-items:center;justify-content:space-between;padding-top:10px}
  .cz-tot,.cz-dos{grid-template-columns:minmax(0,1fr)}
  .contenidoprincipal .cu .cz-tit h2,.contenidoprincipal .cu .cz-det-cab h2{font-size:19px !important}
}
@media (max-width:640px){
  .cz-t thead{display:none}
  .cz-t table,.cz-t tbody,.cz-t tr,.cz-t td{display:block;width:100%}
  .cz-t tr{border:1px solid var(--cuBr);border-radius:12px;padding:8px 12px;margin:0 0 10px;background:#fff}
  .cz-t td{border:0 !important;padding:4px 0 !important;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;background:none !important}
  .cz-t td[data-l]:before{content:attr(data-l);color:var(--cuD);font-size:12px;font-weight:700;text-align:left;flex:0 0 auto}
  .cz-t td.cz-ir{justify-content:flex-end;padding-top:6px !important}
  .cz-t td.cz-c-art{display:block;text-align:left}
  .cz-art-sub{padding-left:0}
  .cz-tiles{gap:10px}
  .cz-tile{padding:12px}
  .cz-tile b{font-size:20px}
}
/* (k1333b) la impresion y el doblado como lineas propias; los importes, sin partir */
.cz-art-imp b{color:#334155}
.cz-imp-ico{width:48px;height:48px;border-radius:8px;background:var(--cuL);display:flex;align-items:center;justify-content:center;flex:0 0 48px}
.cz-imp-ico svg{width:22px;height:22px;fill:var(--cuB)}
.cz-t td.cu-num{white-space:nowrap}
.cz-m{display:none}
@media (max-width:640px){
  .cz-lin tr,.cz-t tr.cz-fila{display:grid !important;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}
  .cz-lin td,.cz-t tr.cz-fila td{display:block !important;text-align:left;padding:0 !important}
  .cz-lin td:before,.cz-t tr.cz-fila td:before{display:none !important}
  .cz-lin td.cz-vac,.cz-lin td.cz-c-pu{display:none !important}
  .cz-lin td.cz-c-art{grid-column:1/-1;order:1}
  .cz-lin td.cz-c-det{grid-column:1/-1;order:2;font-size:12.5px;color:#475569}
  .cz-lin td.cz-c-uds{order:3;font-size:13px;color:#475569;text-align:left !important}
  .cz-lin td.cz-c-imp{order:4;text-align:right !important;font-weight:800;color:var(--cuA)}
  .cz-m{display:inline}
  .cz-lin tr.cz-l-sub{margin-left:18px;width:auto;background:#fbfcfe;padding:7px 12px}
  .cz-lin tr.cz-l-sub td.cz-c-art{grid-column:1;order:1}
  .cz-lin tr.cz-l-sub td.cz-c-uds{grid-column:2;order:2;text-align:right !important}
  .cz-lin tr.cz-l-sub td.cz-c-det{order:3}
  .cz-t tr.cz-fila{padding:12px 14px}
  .cz-t tr.cz-fila td[data-l="Referencia"]{order:1;font-size:15px}
  .cz-t tr.cz-fila td[data-l="Estado"]{order:2;text-align:right}
  .cz-t tr.cz-fila td[data-l="Fecha"]{order:3;font-size:13px;color:var(--cuD)}
  .cz-t tr.cz-fila td[data-l="Total"]{order:4;text-align:right !important;font-weight:800;color:var(--cuA)}
  .cz-t tr.cz-fila td[data-l="Pagado"]{order:5;grid-column:1/-1;font-size:12.5px;color:var(--cuD);text-align:left !important}
  .cz-t tr.cz-fila td[data-l="Pagado"]:before{display:inline !important;content:"Pagado: ";font-weight:600}
  .cz-t tr.cz-fila td.cz-cero,.cz-t tr.cz-fila td.cz-ir{display:none !important}
}