:root{--marca:#141217;--acento:#6ac14a;--acento-texto:#0d2a06;--fondo:#f3f5f7;--tarjeta:#fff;--texto:#141217;--suave:#5f6b7a;--linea:#e3e7ec;--chip:#edf0f3;--ok:#1d8a4f;--alerta:#b7791f;--error:#c53030;--radio:14px;color:var(--texto);background:var(--fondo);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}[data-tema=oscuro]{--fondo:#0e0d11;--tarjeta:#19181e;--texto:#ecebf0;--suave:#9b99a6;--linea:#2b2a33;--chip:#24232b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--fondo);min-height:100vh}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;border:1px solid var(--linea);background:var(--tarjeta);width:100%;color:var(--texto);border-radius:11px;padding:12px;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--acento);outline-offset:0}.app{max-width:560px;min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom));margin:0 auto}.cabecera{background:var(--marca);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 16px 12px;z-index:20;position:sticky;top:0}.cabecera .fila{justify-content:space-between;align-items:center;gap:10px;display:flex}.cabecera img{width:auto;height:34px;display:block}.cabecera .quien{opacity:.75;margin-top:3px;font-size:12px}.red{color:#a6e88c;white-space:nowrap;background:#6ac14a2e;border:0;border-radius:99px;padding:7px 12px;font-size:12.5px;font-weight:600}.red.sin{color:#ffc0a0;background:#ff8c5a33}.tasa{opacity:.92;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.tasa.vieja{color:#5d4100;opacity:1;background:#fff2cc;border-radius:10px;padding:8px 10px}.tasa button{background:var(--acento);color:var(--acento-texto);border:0;border-radius:8px;flex:none;padding:6px 11px;font-size:12.5px;font-weight:700}.tasa button.link{color:var(--acento);background:0 0;padding:0}main{padding:16px 14px 24px}h1{letter-spacing:-.01em;margin-bottom:12px;font-size:26px;font-weight:800}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--suave);margin:20px 0 8px;font-size:12px;font-weight:700}.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);margin-bottom:10px;padding:14px}.dos{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dos>.tarjeta{margin:0}.entre{justify-content:space-between;align-items:center;gap:10px;display:flex}.suave{color:var(--suave);font-size:13.5px}.chico{font-size:12.5px}.cifra{font-variant-numeric:tabular-nums;margin-top:3px;font-size:21px;font-weight:800}label.campo{margin-bottom:10px;display:block}label.campo>span{color:var(--suave);margin-bottom:5px;font-size:13px;display:block}.btn{background:var(--marca);color:#fff;text-align:center;border:0;border-radius:12px;width:100%;padding:14px 16px;font-size:15.5px;font-weight:700;display:block}[data-tema=oscuro] .btn{background:#2d2c35}.btn.acento{background:var(--acento);color:var(--acento-texto)}.btn.claro{background:var(--chip);color:var(--texto)}.btn.peligro{color:#9b1c1c;background:#fde3e3}.btn.chico{width:auto;padding:9px 13px;font-size:13.5px;display:inline-block}.btn:disabled{opacity:.55}.error{color:#8b1a1a;background:#fde3e3;border-radius:10px;margin:8px 0;padding:10px 12px;font-size:14px}.nota{background:var(--chip);color:var(--suave);border-radius:10px;margin:8px 0;padding:10px 12px;font-size:13.5px;line-height:1.45}.etiqueta{background:var(--chip);color:var(--suave);border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-block}.etiqueta.ok{color:#155e36;background:#dcf3e5}.etiqueta.alerta{color:#7a5200;background:#fff0cc}.item{border-bottom:1px solid var(--linea);align-items:center;gap:12px;padding:11px 0;display:flex}.item:last-child{border-bottom:0}.item .crece{flex:1;min-width:0}.item .titulo{font-weight:650}.avatar{background:var(--marca);width:40px;height:40px;color:var(--acento);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.nav{background:var(--tarjeta);border-top:1px solid var(--linea);padding-bottom:env(safe-area-inset-bottom);z-index:30;position:fixed;bottom:0;left:0;right:0}.nav .dentro{max-width:560px;margin:0 auto;display:flex}.nav button{color:var(--suave);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 0 11px;font-size:11.5px;font-weight:600;display:flex}.nav button.activo{color:var(--texto)}.nav button.activo svg{color:var(--acento)}.nav button:disabled{opacity:.35}.capa{z-index:50;background:#0a0a0e8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hoja{background:var(--tarjeta);overscroll-behavior:contain;width:100%;max-width:560px;height:100dvh;max-height:100dvh;padding:0 16px calc(24px + env(safe-area-inset-bottom));border-radius:0;overflow:auto}.hoja-barra{z-index:5;background:var(--tarjeta);padding:calc(8px + env(safe-area-inset-top)) 10px 8px;border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;margin:0 -16px 10px;display:flex;position:sticky;top:0}.hoja-cerrar{color:var(--texto);background:0 0;border:0;min-height:44px;padding:10px 12px;font-size:16px;font-weight:700}.hoja-x{background:var(--chip);color:var(--texto);border:0;border-radius:50%;width:44px;height:44px;font-size:17px}.fotos{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:6px;display:grid}.fotos .f{aspect-ratio:1;border:1px solid var(--linea);background:#fff;border-radius:12px;position:relative;overflow:hidden}.fotos .f.principal{border:2px solid var(--acento)}.fotos .f img{object-fit:cover;width:100%;height:100%;display:block}.fotos .f .quitar{color:#fff;background:#141217bf;border:0;border-radius:50%;width:30px;height:30px;font-size:14px;position:absolute;top:3px;right:3px}.fotos .f .rotulo{color:#fff;text-align:center;background:#141217b3;border:0;width:100%;padding:3px 0;font-size:10.5px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.fotos .mas{aspect-ratio:1;border:2px dashed var(--linea);background:var(--fondo);color:var(--suave);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12.5px;font-weight:700;display:flex}.fotos .mas b{color:var(--acento);font-size:24px;line-height:1}.aviso{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));color:#fff;z-index:70;background:#141217;border-radius:12px;max-width:92%;padding:11px 16px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.portada{padding:calc(28px + env(safe-area-inset-top)) 18px 32px;max-width:520px;margin:0 auto}.portada .logo{width:190px;max-width:60%;margin:6px auto 18px;display:block}[data-tema=oscuro] .portada .logo{filter:invert()hue-rotate(180deg)}.pasos{gap:6px;margin-bottom:14px;display:flex}.pasos span{background:var(--linea);border-radius:4px;flex:1;height:5px}.pasos span.hecho{background:var(--acento)}.usuario-op{border:2px solid var(--linea);cursor:pointer;background:var(--tarjeta);text-align:left;width:100%;color:var(--texto);border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.usuario-op.sel{border-color:var(--acento)}.segmento{gap:6px;display:flex}.segmento button{border:1px solid var(--linea);background:var(--tarjeta);color:var(--texto);border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600}.segmento button.sel{background:var(--marca);color:#fff;border-color:var(--marca)}.colores{align-items:center;gap:10px;display:flex}.colores input[type=color]{width:48px;height:40px;padding:2px}.fila-acciones{align-items:center;gap:8px;margin-bottom:12px;display:flex}.fila-acciones input,.fila-acciones select{flex:1}.pestanas{scrollbar-width:none;gap:6px;margin-bottom:12px;display:flex;overflow-x:auto}.pestanas button{border:1px solid var(--linea);background:var(--tarjeta);color:var(--texto);white-space:nowrap;border-radius:99px;padding:8px 13px;font-size:13.5px;font-weight:600}.pestanas button.sel{background:var(--marca);color:#fff;border-color:var(--marca)}[data-tema=oscuro] .pestanas button.sel{background:var(--acento);color:var(--acento-texto);border-color:var(--acento)}.miniatura{background:var(--chip);object-fit:cover;width:48px;height:48px;color:var(--suave);border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid;overflow:hidden}.chips{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.chip{border:1px solid var(--linea);background:var(--fondo);color:var(--texto);border-radius:9px;padding:5px 9px;font-size:12.5px;font-weight:600}.chip.cero{color:var(--suave);opacity:.7}.chip.bajo{border-color:var(--alerta)}.derecha{text-align:right;flex:none}.precio{font-variant-numeric:tabular-nums;font-weight:800}.etiqueta.error{color:#9b1c1c;background:#fde3e3}.etiqueta.info{color:#1d4ea8;background:#e3ecff}.foto-grande{object-fit:contain;border:1px solid var(--linea);background:#fff;border-radius:12px;width:100%;max-height:260px}.tabla{border-collapse:collapse;width:100%;font-size:14px}.tabla td,.tabla th{border-bottom:1px solid var(--linea);text-align:left;padding:7px 4px}.tabla th{color:var(--suave);font-size:12.5px;font-weight:600}.tabla td.n,.tabla th.n{text-align:right;font-variant-numeric:tabular-nums}.vacio{text-align:center;color:var(--suave);padding:26px 10px}.cantidad{text-align:center;width:74px;padding:9px 6px}.flotante{right:max(16px,50% - 264px);bottom:calc(92px + env(safe-area-inset-bottom));z-index:25;background:var(--acento);color:var(--acento-texto);border:0;border-radius:16px;padding:14px 18px;font-weight:800;position:fixed;box-shadow:0 8px 22px #00000038}.lateral{display:none}@media (width>=640px){.app,.nav .dentro{max-width:760px}.hoja{max-width:640px}.flotante{right:max(16px,50% - 364px)}.capa{align-items:center}.hoja{border-radius:20px;height:auto;max-height:92vh;padding-bottom:18px}.hoja-barra{border-radius:20px 20px 0 0}.hoja-cerrar{visibility:hidden}}@media (width>=1000px){.app{grid-template-columns:240px minmax(0,1fr);max-width:none;padding-bottom:0;display:grid}.lateral{background:var(--marca);color:#fff;flex-direction:column;gap:2px;height:100vh;padding:22px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.lateral img{align-self:flex-start;width:auto;height:40px;margin:0 10px 6px}.lateral .quien{opacity:.7;margin:0 10px 18px;font-size:12px}.lateral button{color:#ffffffb8;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:14.5px;font-weight:600;display:flex}.lateral button:hover{color:#fff;background:#ffffff12}.lateral button.activo{color:#fff;background:#6ac14a29}.lateral button.activo svg{color:var(--acento)}.contenido{min-width:0}.cabecera{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:20px;padding:12px 32px;display:flex}.cabecera .marca-movil{display:none}.cabecera .tasa{justify-content:flex-start;gap:16px;margin-top:0}.cabecera .tasa.vieja{padding:7px 12px}main{max-width:1120px;margin:0 auto;padding:26px 32px 40px}h1{font-size:30px}main>.dos,main>div>.dos{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.nav{display:none}.flotante{bottom:32px;right:32px}.aviso{bottom:32px}.item{padding:12px 4px}.item[style*=cursor]:hover{background:var(--fondo)}.item:has(button):hover{background:var(--fondo)}}.pie-fijo{bottom:calc(-24px - env(safe-area-inset-bottom));background:var(--tarjeta);padding:10px 0 calc(12px + env(safe-area-inset-bottom));z-index:4;margin-top:6px;position:sticky}