:root{--fondo: #F4EFE1;--elevado: #FBF8F0;--tinta: #211D14;--tinta-suave: #5B5540;--linea: #D9CFB2;--hoja: #1F3D2B;--hoja-viva: #3F7D4E;--banano: #D99A2B;--banano-suave: #F1DDA8;--alerta: #A6432B;color-scheme:light}@media (prefers-color-scheme: dark){:root{--fondo: #171B14;--elevado: #1F251A;--tinta: #EFE9D8;--tinta-suave: #B9B29A;--linea: #3A4030;--hoja: #4C8A5C;--hoja-viva: #6BAE7C;--banano: #E8B84B;--banano-suave: #3A2F17;--alerta: #D9694E;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--fondo);color:var(--tinta);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:1.4rem;margin:0 0 12px;color:var(--hoja)}h2{font-size:1.1rem;margin:22px 0 8px}h3{font-size:1rem;margin:0 0 8px}.sub{color:var(--tinta-suave);font-size:.9rem;margin:0 0 10px}.centro{min-height:100vh;display:grid;place-items:center;padding:16px;text-align:center}.app{min-height:100vh;padding-bottom:76px}.cabecera{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;background:var(--hoja);color:#fff;padding:10px 16px}.cabecera .finca{font-weight:700}.cabecera .sub{color:#dfe9df;margin:0;font-size:.8rem}.cabecera .enlace{color:#fff}.pagina{padding:16px;max-width:640px;margin:0 auto}form{display:grid;gap:12px}label{display:grid;gap:4px;font-weight:600;font-size:.92rem}input,select,textarea{font:inherit;padding:12px;border:1.5px solid var(--linea);border-radius:10px;background:var(--elevado);color:var(--tinta);width:100%;min-height:48px}.fila{display:grid;grid-template-columns:1fr 1fr;gap:10px}button{font:inherit;cursor:pointer}.principal{min-height:52px;border:0;border-radius:12px;background:var(--hoja);color:#fff;font-weight:700;font-size:1.05rem}.principal:disabled{opacity:.6}.enlace{background:none;border:0;color:var(--hoja-viva);text-decoration:underline;padding:6px 0;text-align:left}.botones-opcion{display:grid;grid-template-columns:1fr 1fr;gap:8px}.botones-opcion button{min-height:48px;border:1.5px solid var(--linea);border-radius:10px;background:var(--elevado);color:var(--tinta);font-weight:600}.botones-opcion button.elegido{background:var(--hoja);border-color:var(--hoja);color:#fff}.pendientes{background:var(--banano-suave);border-bottom:2px solid var(--banano);padding:10px 16px;display:grid;gap:6px;font-size:.92rem}.pendientes button{justify-self:start;min-height:40px;padding:0 16px;border-radius:999px;border:0;background:var(--banano);color:#211d14;font-weight:700}.pendientes.con-error{border-color:var(--alerta)}.error-cola,.error{color:var(--alerta);font-weight:600}.ok{background:var(--hoja);color:#fff;padding:10px 12px;border-radius:10px}.nota{color:var(--tinta-suave);font-size:.85rem}.lista{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.lista li{background:var(--elevado);border:1.5px solid var(--linea);border-radius:10px;padding:10px 12px}.lista li.pendiente{border-style:dashed;border-color:var(--banano)}.confirmar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:10px;border-radius:10px;background:var(--banano-suave);font-size:.9rem}.peligro{min-height:44px;padding:0 16px;border:0;border-radius:10px;background:var(--alerta);color:#fff;font-weight:700}.lista li.anulada{opacity:.55}.lista li.anulada b,.lista li.anulada .lista-sub{text-decoration:line-through}.lista-fila{display:flex;justify-content:space-between;gap:8px}.lista-fila span{color:var(--tinta-suave);font-size:.85rem;white-space:nowrap}.lista-sub{color:var(--tinta-suave);font-size:.88rem}.lista-nota{font-size:.88rem;margin-top:4px}.etiqueta{display:inline-block;margin-top:6px;background:var(--banano);color:#211d14;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px}.caja{background:var(--elevado);border:1.5px solid var(--linea);border-radius:12px;padding:14px;margin-top:8px}.pestanas{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--elevado);border-top:1.5px solid var(--linea);padding-bottom:env(safe-area-inset-bottom)}.pestanas button{flex:1;min-height:60px;border:0;background:none;color:var(--tinta-suave);font-weight:700;font-size:.95rem}.pestanas button.activa{color:var(--hoja);box-shadow:inset 0 3px 0 var(--hoja)}.entrar{min-height:100vh;max-width:420px;margin:0 auto;padding:40px 16px;display:grid;align-content:start;gap:6px;text-align:center}.entrar img{justify-self:center;border-radius:18px}.entrar form{text-align:left;margin-top:16px}
