:root{--fondo:#f3f6f5;--tarjeta:#fff;--texto:#15201e;--suave:#5b6b67;--linea:#d8e0dd;--marca:#0b6b5f;--marca-suave:#dff1ec;--aviso:#a33a1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fondo:#0f1715;--tarjeta:#18221f;--texto:#e5eeeb;--suave:#9aaba7;--linea:#2c3a36;--marca:#5fd0bd;--marca-suave:#143630;--aviso:#f0a08a}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);color:var(--texto);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);font-size:16px;line-height:1.45}.app{flex-direction:column;gap:14px;max-width:480px;margin:0 auto;padding:16px;display:flex}.cabecera{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:1.6rem}h2{color:var(--suave);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:1rem;font-weight:600}.estado{background:var(--marca-suave);color:var(--marca);border-radius:99px;margin:0;padding:2px 10px;font-size:.8rem}.estado.offline{border:1px solid var(--aviso);color:var(--aviso);background:0 0}.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;flex-direction:column;gap:14px;padding:16px;display:flex}.campo{flex-direction:column;gap:4px;min-width:0;display:flex}.campo>span{font-size:.85rem;font-weight:600}.campo small{color:var(--suave);font-size:.8rem}abbr{color:var(--suave);font-weight:400;text-decoration:none}.cantidades{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}input,select{width:100%;font:inherit;border:1px solid var(--linea);background:var(--fondo);color:var(--texto);border-radius:10px;min-height:44px;padding:10px;font-size:16px}input:focus-visible,select:focus-visible,.boton:focus-visible{outline:2px solid var(--marca);outline-offset:2px}.desglose{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.desglose li{border-bottom:1px solid var(--linea);padding:10px 0}.linea{justify-content:space-between;gap:12px;font-weight:600;display:flex}.importe{font-variant-numeric:tabular-nums;white-space:nowrap}.detalle{color:var(--suave);overflow-wrap:anywhere;font-size:.8rem}.total{justify-content:space-between;align-items:baseline;font-size:1.1rem;font-weight:700;display:flex}.total output{color:var(--marca);font-variant-numeric:tabular-nums;font-size:1.8rem}.boton{font:inherit;background:var(--marca);min-height:44px;color:var(--tarjeta);cursor:pointer;border:0;border-radius:10px;font-weight:600}.boton:active{transform:translateY(1px)}.pie{color:var(--suave);text-align:center;font-size:.75rem}.pie code{font-size:.75rem}