:root{--fg: #10221f;--bg: #ffffff;--campo: #ffffff;--borde: #c3ccd2;--tenue: #5b6b73;--acento: #7ebec5;--acento-fg: #06232a;--error: #b03024;--error-bg: #fdeceb;--ok: #1f7a4d;--ok-bg: #e6f5ed;font-family:system-ui,sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--fg: #e9eef0;--bg: #14191c;--campo: #1e262a;--borde: #3c4a51;--tenue: #9fb0b8;--error: #ff9a90;--error-bg: #3a1c19;--ok: #7fd6a6;--ok-bg: #14301f}}body{margin:0;padding:1.5rem 1rem 4rem;background:var(--bg);color:var(--fg)}main{max-width:32rem;margin:0 auto}.logo{display:block;margin:0 auto 1rem;max-width:14rem}h2{text-align:center;font-weight:600}form{display:grid;gap:1.25rem}label{display:grid;gap:.4rem;font-weight:500}label.linea{display:flex;align-items:center;gap:.5rem;font-weight:400}select,input[type=text],input[type=search],input[type=number],button{font-family:inherit;font-size:16px;min-height:44px;padding:.6rem .7rem;border-radius:.4rem;width:100%;box-sizing:border-box}select,input[type=text],input[type=search],input[type=number]{border:1px solid var(--borde);background:var(--campo);color:var(--fg)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tenue) 50%),linear-gradient(135deg,var(--tenue) 50%,transparent 50%);background-position:right 1.1rem center,right .75rem center;background-size:.4rem .4rem,.4rem .4rem;background-repeat:no-repeat;padding-right:2.2rem;text-overflow:ellipsis}option{background:var(--campo);color:var(--fg)}input[readonly]{color:var(--tenue)}input[type=radio],input[type=checkbox]{accent-color:var(--acento);width:1.35rem;height:1.35rem;margin:0;flex:none}label.linea{min-height:44px}fieldset{border:1px solid var(--borde);border-radius:.4rem;display:grid;gap:.5rem;margin:0}legend{font-weight:500;padding:0 .3rem}button{font-weight:600;padding:.85rem;border:0;background:var(--acento);color:var(--acento-fg);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.req{color:var(--error)}.error{padding:.75rem;border-radius:.4rem;background:var(--error-bg);color:var(--error)}.ok{padding:.75rem;border-radius:.4rem;background:var(--ok-bg);color:var(--ok)}.apunte{color:var(--tenue);font-size:.9rem;margin:0}.cargando{display:grid;gap:.75rem;justify-items:center;padding:2.5rem 0}.carretera{position:relative;width:100%;max-width:18rem;height:2.2rem;border-bottom:3px dashed var(--borde)}.camion{position:absolute;bottom:1px;width:3.4rem;height:auto;fill:var(--tenue);animation:conduce 1.8s linear infinite}.camion .hueco{fill:var(--bg)}@keyframes conduce{0%{left:-3.4rem}to{left:100%}}@media(prefers-reduced-motion:reduce){.camion{animation:none;left:50%;transform:translate(-50%)}}