:root{--bg:#0a0b0d;--surface:#16181b;--surface-high:#1e2125;--border:#24272b;--button-border:#3a3e44;--text:#f4f5f2;--text-2:#a0a6ac;--text-disabled:#5f646b;--lime:#d7ff3a;--on-lime:#0a0b0d;--danger:#ff6b5e;--ok:#7be38a;--radius:12px;--card-radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Barlow,system-ui,sans-serif;font-size:16px;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}#root{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:16px;display:flex}h1{text-transform:uppercase;margin:8px 0 16px;font-family:Barlow Condensed,Barlow,sans-serif;font-size:32px;font-weight:700;line-height:1}h2{margin:0 0 8px;font-size:18px;font-weight:600}p{margin:0 0 8px}.muted{color:var(--text-2)}.small{font-size:14px}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:12px;display:flex}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);padding:16px}label{color:var(--text-2);flex-direction:column;gap:6px;font-size:14px;display:flex}input,select{border-radius:var(--radius);border:1px solid var(--button-border);background:var(--surface-high);min-height:48px;color:var(--text);font:inherit;padding:0 14px;font-size:16px}input:focus,select:focus{outline:2px solid var(--lime);outline-offset:1px}.codigo{letter-spacing:2px;text-transform:uppercase;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px}button{border-radius:var(--radius);border:1px solid var(--button-border);min-height:48px;color:var(--text);font:inherit;cursor:pointer;background:0 0;padding:0 18px;font-weight:600}button:disabled{color:var(--text-disabled);cursor:default}button.primary{background:var(--lime);border-color:var(--lime);min-height:56px;color:var(--on-lime);font-size:17px}button.primary:disabled{background:var(--surface-high);border-color:var(--surface-high);color:var(--text-disabled)}button.link{min-height:48px;color:var(--text-2);border:none;padding:0 4px;font-weight:500}.error{color:var(--danger);font-size:14px}.resultado{border-radius:var(--card-radius);border:1px solid var(--border);background:var(--surface);padding:20px 16px}.resultado.malo{border-color:var(--danger)}.resultado.bueno{border-color:var(--ok)}.precio{font-family:Barlow Condensed,Barlow,sans-serif;font-size:40px;font-weight:700;line-height:1}.tachado{color:var(--text-2);text-decoration:line-through}.lista{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.video{aspect-ratio:1;object-fit:cover;border-radius:var(--card-radius);background:#000;width:100%}