:root{--verde:#06692f;--verde-oscuro:#053d22;--verde-suave:#e6f2ea;--amarillo:#f4e600;--amarillo-suave:#fdf9b8;--rojo:#c62d2d;--fondo:#f7f8f4;--tarjeta:#fff;--texto:#0f1a14;--gris:#55635a;--linea:#dfe6e1;--sombra:0 1px 2px rgba(3,36,26,.06),0 8px 24px rgba(3,36,26,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:16px 'DM Sans',sans-serif;line-height:1.5}h1,h2,h3,.marca{font-family:Archivo,sans-serif;line-height:1.2}h1{font-size:clamp(26px,4vw,36px);margin:0 0 12px;color:var(--verde)}h2{font-size:23px;margin:0 0 16px}h3{font-size:18px;margin:0 0 10px}p{margin:0 0 14px}a{color:var(--verde);text-underline-offset:3px}button,input,select,textarea{font:inherit}button,.boton{min-height:44px;border:1px solid transparent;border-radius:9px;padding:10px 16px;background:var(--verde);color:#fff;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}button:disabled{opacity:.55;cursor:wait}button.secundario,.boton.secundario{background:var(--tarjeta);border-color:var(--linea);color:var(--verde)}button.discreto{background:transparent;color:var(--verde);border-color:var(--linea)}input,select,textarea{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--linea);border-radius:9px;background:var(--tarjeta);color:var(--texto)}textarea{min-height:90px;resize:vertical}input[type=checkbox]{width:22px;min-height:22px}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;margin:0 0 14px}label.en-linea{flex-direction:row;align-items:center}small,.suave{color:var(--gris)}:focus-visible{outline:3px solid var(--verde);outline-offset:3px}[hidden]{display:none!important}header{background:var(--verde-oscuro);color:#fff;padding:20px max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}.marca{color:#fff;text-decoration:none;font-size:23px;font-weight:700}.marca span{display:block;font:12px 'DM Sans',sans-serif;margin-top:7px;letter-spacing:.03em}#cuenta{display:flex;align-items:center;gap:12px;font-size:14px}#cuenta button{background:transparent;border-color:#ffffff50;color:white}main{max-width:1240px;margin:auto;padding:32px 20px 40px;min-height:75vh}.portada{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px}.portada p{color:var(--gris)}.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;box-shadow:var(--sombra);padding:22px;margin-bottom:20px}.rejilla{display:grid;gap:18px}.dos{grid-template-columns:repeat(2,minmax(0,1fr))}.indicadores{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.indicador{padding:20px;margin:0}.numero{display:block;font-family:Archivo,sans-serif;font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--verde);margin-top:10px}.banner{display:flex;align-items:center;gap:14px;background:var(--amarillo-suave);border:1px solid var(--amarillo);color:#343900;border-radius:14px;padding:20px;margin:0 0 28px;font-weight:600;text-decoration:none}.banner svg{flex-shrink:0}.fila{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.entre{justify-content:space-between}.acciones{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.filtros{display:flex;gap:8px;overflow:auto;margin:16px 0 24px;padding:2px}.filtros button{white-space:nowrap;background:var(--tarjeta);border-color:var(--linea);color:var(--gris)}.filtros button.activo{background:var(--verde-suave);color:var(--verde);border-color:var(--verde)}.etiqueta{display:inline-flex;padding:5px 10px;font-size:12px;font-weight:700;border-radius:6px;background:var(--fondo);color:var(--gris)}.exito,.aprobada,.entregada{background:var(--verde-suave);color:var(--verde)}.error,.vencida{color:var(--rojo);background:var(--fondo);border:1px solid var(--rojo)}.esta_semana{background:var(--amarillo-suave);color:#505300}.aviso-linea{font-size:13px;margin:6px 0 10px;color:var(--gris)}.cotizacion{display:block;color:inherit;text-decoration:none;transition:border-color .15s}.cotizacion:hover{border-color:var(--verde)}.cotizacion h3{color:var(--verde)}.monto{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;color:var(--gris);font-weight:600}td,th{padding:12px 10px;border-bottom:1px solid var(--linea);vertical-align:top}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.tabla{overflow-x:auto}.tabla table{min-width:660px}.lineas .linea{border:1px solid var(--linea);border-radius:10px;padding:14px;margin-bottom:12px}.linea-campos{display:grid;grid-template-columns:minmax(160px,1fr) 90px 130px auto;gap:10px;align-items:end}.linea-campos label{margin:0}.linea-campos button{margin-bottom:0}.editor{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:22px}.preview{width:100%;max-height:700px;object-fit:contain;border:1px solid var(--linea);border-radius:12px;background:var(--fondo)}iframe.preview{height:650px}.visor{position:sticky;top:20px;align-self:start}.zona{display:block;text-align:center;border:2px dashed var(--verde);border-radius:14px;padding:46px 20px;background:var(--verde-suave);margin-bottom:22px;cursor:pointer}.zona.arrastrando{outline:4px solid var(--verde)}.zona svg{width:44px;height:44px;color:var(--verde);margin-bottom:15px}.zona strong{display:block;font-size:21px;color:var(--verde);margin-bottom:10px}.zona input{max-width:340px;margin:20px auto 0}.login{max-width:430px;margin:7vh auto}.login .marca{color:var(--verde);font-size:30px;margin-bottom:10px;display:block}.login form{margin-top:28px}.login button{width:100%}.vacio{text-align:center;padding:34px;color:var(--gris)}.confirmacion{background:var(--verde-suave);border:1px solid var(--verde);border-radius:10px;padding:18px;margin-top:16px}.compra-form{border-top:1px solid var(--linea);margin-top:20px;padding-top:20px}.historia{list-style:none;padding:0}.historia li{border-left:2px solid var(--linea);padding:0 0 20px 16px}.detalle-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.detalle-lista dt{font-size:13px;color:var(--gris)}.detalle-lista dd{margin:0 0 12px}.proveedor-form{border-top:1px solid var(--linea);padding-top:18px;margin-top:20px}details{margin:16px 0}summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--verde);font-weight:600}footer{text-align:center;font-size:12px;color:var(--gris);padding:20px 20px 95px}#mensaje{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--verde-oscuro);color:white;padding:14px 22px;border-radius:10px;box-shadow:var(--sombra);z-index:10;width:max-content;max-width:90vw}.saltar{position:fixed;top:-100px}.saltar:focus{top:10px;left:10px;background:var(--tarjeta);padding:12px;z-index:20}nav{display:flex;background:var(--tarjeta);border-bottom:1px solid var(--linea);justify-content:center;gap:12px;padding:8px 20px}nav a{display:flex;align-items:center;gap:8px;color:var(--gris);text-decoration:none;padding:12px 18px;border-radius:8px;font-weight:600}nav a.activo{background:var(--verde-suave);color:var(--verde)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.cargando{text-align:center;padding:50px}.cargando::before{content:'';display:block;width:30px;height:30px;border:3px solid var(--linea);border-top-color:var(--verde);border-radius:50%;margin:0 auto 16px;animation:girar 1s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:899px){nav{position:fixed;bottom:0;left:0;right:0;z-index:8;padding:8px 4px max(8px,env(safe-area-inset-bottom));gap:0;border-top:1px solid var(--linea);border-bottom:0;justify-content:space-around}nav a{flex-direction:column;gap:4px;padding:6px 8px;font-size:11px;min-width:52px}nav svg{width:21px;height:21px}main{padding:26px 16px 30px}.editor{grid-template-columns:1fr}.visor{position:static}.indicadores{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.numero{font-size:28px}.dos{grid-template-columns:1fr}.portada{flex-wrap:wrap}.tarjeta{padding:18px}.linea-campos{grid-template-columns:1fr 1fr}.linea-campos label:first-child{grid-column:1/-1}.linea-campos button{width:100%}#cuenta span{display:none}.detalle-lista{grid-template-columns:1fr 1fr}.indicador{padding:15px}.indicador small{font-size:12px}.banner{padding:16px}.login{margin-top:3vh}header{padding:18px 16px}.marca{font-size:21px}}
@media(prefers-color-scheme:dark){:root{--verde:#3fae6b;--verde-oscuro:#053d22;--verde-suave:#193b27;--fondo:#0f1612;--tarjeta:#16201a;--texto:#eef2ef;--gris:#acbcb1;--linea:#304538;--rojo:#ff8080;--sombra:0 1px 2px #0002,0 8px 24px #0003}button,.boton{color:#08190f}.banner,.esta_semana{color:#343900}.banner{background:var(--amarillo-suave)}header .marca{color:#fff}}
/* Proformas y vistas estrechas. */
.visualmente-oculto{position:absolute;width:1px!important;height:1px;min-height:0!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.miniatura{display:block;max-width:160px;max-height:160px;object-fit:contain;margin:12px auto}
.control{padding:10px;border-radius:8px;overflow-wrap:anywhere}.control.ok{background:var(--verde-suave);color:var(--verde)}.control.aviso{background:#fff1d4;color:#684200}.control.error{border:1px solid var(--rojo)}
.compras-movil{display:none}.producto-compra{border-top:1px solid var(--linea);padding:18px 0}.producto-compra button{display:flex;margin-top:12px;width:100%}
.rejilla>*,.editor>*,.fila>*,.portada>*,.tarjeta{min-width:0}img{max-width:100%}h1,h2,h3,dd,p,small{overflow-wrap:anywhere}.etiqueta{white-space:normal;overflow-wrap:anywhere}.filtros{flex-wrap:wrap;overflow:visible}
@media(max-width:699px){.compras-movil{display:block}.compras-escritorio{display:none}.tabla{overflow:visible}.tabla table{min-width:0}.tabla thead{display:none}.tabla tbody,.tabla tr,.tabla td{display:block;width:100%;overflow-wrap:anywhere}.tabla tr{border-bottom:2px solid var(--linea);padding:12px 0}.tabla td{padding:5px 0;border:0}.tabla td::before{content:attr(data-label);display:inline-block;color:var(--gris);margin-right:8px}.detalle-lista{grid-template-columns:1fr}.numero{font-size:clamp(18px,5.8vw,28px);overflow-wrap:anywhere}.monto{white-space:normal}.zona{padding:30px 12px}.banner{flex-wrap:wrap}.linea .dos{grid-template-columns:1fr}nav a{padding:6px 4px;min-width:0}nav{gap:0}main{max-width:100%}}
/* Tarea 3: pantallas más cortas y ordenadas. */
.saltar{position:fixed;top:8px;left:8px;z-index:30;transform:translateY(-200%);background:var(--tarjeta);color:var(--verde);padding:10px 14px;border-radius:8px;border:1px solid var(--verde);box-shadow:var(--sombra)}.saltar:focus{top:8px;left:8px;transform:none}
.editor{display:block}.visor{position:static}.visor summary{min-height:0;padding:0 0 4px}.visor[open] summary{margin-bottom:12px}
@media(min-width:1100px){.editor.con-documento{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:22px;align-items:start}.editor.con-documento .visor{position:sticky;top:16px}.editor.con-documento .preview{max-height:calc(100vh - 110px)}.editor.con-documento iframe.preview{height:calc(100vh - 110px)}}
.tres{grid-template-columns:repeat(3,minmax(0,1fr))}.cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}.rejilla.tres,.rejilla.cuatro{gap:0 14px}
.lineas-titulo{margin-top:8px}.lineas-titulo h3{margin:0}.solo-movil{display:none}
.lineas{margin:8px 0 14px}.lineas .linea{border:0;border-bottom:1px solid var(--linea);border-radius:0;padding:12px 0;margin:0}
.linea-resumen{display:none}
.linea-campos{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(64px,.6fr) minmax(0,1.1fr) minmax(0,1.1fr) auto auto;gap:8px 10px;align-items:end}
.linea-campos label{margin:0;font-size:12px;gap:3px}.linea-campos input,.linea-campos select{min-height:40px;padding:8px 10px}
.c-codigo{grid-column:1}.c-desc{grid-column:2/4}.c-cat{grid-column:4/7}.c-cant{grid-column:1}.c-iva{grid-column:2}.c-precio{grid-column:3}.c-total{grid-column:4}
.linea-campos .c-reg{grid-column:5;flex-direction:row;align-items:center;min-height:40px;gap:6px}.linea-campos .c-quitar{grid-column:6;min-height:40px;padding:8px 12px}
.linea.con-problema{box-shadow:inset 3px 0 0 #d99a00;padding-left:12px}
p.control{margin:8px 0}details.control{margin:8px 0}details.control summary{min-height:0;padding:0;color:inherit}details.control ul{margin:8px 0 0;padding-left:20px;font-size:14px}
label.falta input{border-color:var(--rojo);box-shadow:0 0 0 2px var(--rojo)}label.falta .rotulo{color:var(--rojo)}
.bloques{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 20px}.bloque h3{font-family:'DM Sans',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gris);margin-bottom:8px}.bloque dl{margin:0}.bloque dt{font-size:12px;color:var(--gris)}.bloque dd{margin:0 0 8px;font-weight:500;overflow-wrap:anywhere}
.totales{margin:16px 0 0 auto;max-width:340px}.totales div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px solid var(--linea)}.totales dt{color:var(--gris)}.totales dd{margin:0}.totales .total{font-size:19px;border-bottom:0}.totales .total dt,.totales .total dd{color:var(--verde);font-weight:700}
@media(max-width:899px){.tres{grid-template-columns:repeat(2,minmax(0,1fr))}.cuatro{grid-template-columns:repeat(2,minmax(0,1fr))}.bloques{grid-template-columns:1fr 1fr}}
@media(max-width:699px){.solo-movil{display:block}.bloques{grid-template-columns:1fr;gap:4px}.totales{max-width:none}
.linea-resumen{display:flex;width:100%;justify-content:space-between;align-items:flex-start;gap:12px;text-align:left;background:transparent;color:var(--texto);border:0;border-radius:6px;padding:4px 0;min-height:52px;font-weight:400}
.r-texto{display:flex;flex-direction:column;gap:2px;min-width:0}.r-texto strong{font-weight:600;overflow-wrap:anywhere}.r-texto small{font-size:13px}
.r-monto{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;max-width:46%}.r-monto .etiqueta{font-size:11px;text-align:right}
.linea-campos{display:none;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.linea.abierta .linea-campos{display:grid}
.linea-campos>*,.linea-campos .c-reg,.linea-campos .c-quitar{grid-column:auto}.linea-campos .c-desc,.linea-campos .c-cat,.linea-campos .c-quitar{grid-column:1/-1}
.linea.abierta{background:var(--verde-suave);margin:0 -10px;padding:12px 10px;border-radius:10px}.linea.con-problema{padding-left:10px}}
@media(prefers-color-scheme:dark){.control.aviso{background:#3b2f0c;color:#ffd98a}.linea-resumen{color:var(--texto)}.saltar{color:var(--verde)}}
.lineas+button{margin-bottom:18px}

.ayuda{font-weight:400;font-size:12px;color:var(--gris)}.fecha-ajustada{display:block;color:#7a5600;font-weight:600}.botones-fila{display:flex;flex-direction:column;gap:6px;align-items:stretch}.botones-fila button{min-height:38px;padding:6px 12px}td small{display:block}
@media(prefers-color-scheme:dark){.fecha-ajustada{color:#ffd98a}}

.origen{display:block;margin-top:4px;color:var(--gris);font-size:13px;line-height:1.4}.origen a{color:inherit;text-decoration:underline;text-underline-offset:2px}.proxima{margin:6px 0 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}
td .etiqueta,.proxima .etiqueta{white-space:nowrap}
.opciones-compras{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:8px}