:root{--primario: #1462C1;--primario-suave: #E4EDF9;--primario-osc: #0B3D91;--tinta: #0E1B33;--rojo: #E53950;--rojo-suave: #FDE7EA;--ambar: #F5A300;--ambar-suave: #FFF3D6;--verde: #12A150;--verde-suave: #E0F5E9;--violeta: #5B6CF0;--violeta-suave: #ECEEFE;--texto: #0E1B33;--texto-2: #4B5B78;--texto-3: #93A0B8;--borde: #DCE5F2;--fondo: #F5F8FD;--tarjeta: #ffffff;--radio: 16px;--sombra: 0 10px 30px rgba(20, 98, 193, .12);--sombra-sm: 0 3px 10px rgba(20, 98, 193, .1);--lateral: 268px;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--fondo);color:var(--texto)}body{font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--primario)}h1,h2,h3,h4,p{margin:0}img{max-width:100%}.resaltado{background:#fff;color:var(--primario);padding:0 .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.pagina{min-height:100dvh;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.con-nav .pagina{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.contenedor{width:100%;max-width:1080px;margin:0 auto;padding:18px 16px}@media (min-width: 768px){.contenedor{padding:28px 36px}}.lateral{display:none}@media (min-width: 960px){.con-nav{padding-left:var(--lateral)}.con-nav .pagina{padding-bottom:40px}.lateral{display:flex;flex-direction:column;gap:4px;position:fixed;inset:0 auto 0 0;width:var(--lateral);z-index:30;background:linear-gradient(165deg,var(--primario) 0%,var(--primario-osc) 100%);color:#fff;padding:22px 14px;overflow-y:auto}.lateral:after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;pointer-events:none;background:#ffffff12;clip-path:polygon(0 55%,100% 0,100% 100%,0 100%)}.tabbar{display:none!important}}.lat-marca{display:flex;align-items:center;gap:12px;padding:0 8px 20px}.lat-marca b{display:block;font-size:19px;font-weight:900}.lat-marca small{color:#ffffffbf;font-size:12px;font-weight:700}.lat-logo{width:44px;height:44px;border-radius:12px;background:#fff;color:var(--primario);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px}.lateral nav{display:flex;flex-direction:column;gap:3px;flex:1;position:relative;z-index:1}.lat-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:999px;text-decoration:none;color:#ffffffe6;font-weight:800;background:none;border:none;text-align:left;width:100%;position:relative;z-index:1}.lat-item:hover{background:#ffffff1a}.lat-item.router-link-active{background:#fff;color:var(--primario);box-shadow:0 6px 16px #00000026}.lat-ico{width:32px;height:32px;border-radius:50%;background:#ffffff29;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lat-item.router-link-active .lat-ico{background:var(--primario)}.lat-ico svg{width:17px;height:17px}.lat-item.salir{margin-top:8px;color:#ffd0d7}.tabbar{position:fixed;z-index:30;left:0;right:0;bottom:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:flex;background:#fff;box-shadow:0 -6px 24px #1462c124;border-radius:22px 22px 0 0}.tab-it{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;border-radius:14px;color:var(--texto-3);text-decoration:none;font-size:11px;font-weight:800;min-width:0}.tab-it svg{width:23px;height:23px}.tab-it span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-it.router-link-active{color:#fff;background:var(--primario)}.topbar{position:sticky;top:0;z-index:20;background:#fff;padding-top:env(safe-area-inset-top);box-shadow:0 2px 14px #1462c114;overflow:hidden}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;width:26%;min-width:96px;background:var(--primario);clip-path:polygon(38% 0,100% 0,100% 100%,0 100%);pointer-events:none}.topbar-in{position:relative;max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:12px 16px;min-height:66px}@media (min-width: 768px){.topbar-in{padding:14px 36px}}.topbar h1{font-size:clamp(19px,4.6vw,24px);font-weight:900;color:var(--primario);letter-spacing:-.01em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:42px;height:42px;border-radius:50%;border:none;background:var(--primario-suave);color:var(--primario);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;transition:transform .1s,background .15s}.topbar-in>.icon-btn:not(:first-child){background:#fff;box-shadow:0 4px 12px #00000026}.icon-btn:active{transform:scale(.92)}.icon-btn:disabled{opacity:.5}.icon-btn svg{width:20px;height:20px}.card{background:var(--tarjeta);border-radius:var(--radio);border:1px solid var(--borde);box-shadow:var(--sombra);padding:18px}.card+.card{margin-top:16px}.card-titulo{font-size:18px;font-weight:900;margin-bottom:14px;color:var(--primario)}.seccion{font-size:20px;font-weight:900;color:var(--tinta);margin:28px 0 12px;display:flex;align-items:center;gap:10px}.seccion:before{content:"";width:6px;height:22px;border-radius:3px;background:var(--primario);transform:skew(-14deg)}.muted{color:var(--texto-2);font-size:13px}.grid-2{display:grid;gap:14px}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border-radius:999px;border:none;background:var(--primario);color:#fff;font-weight:900;font-size:16px;text-decoration:none;box-shadow:0 8px 20px #1462c14d;transition:transform .1s,box-shadow .1s,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.sec{background:var(--primario-suave);color:var(--primario);box-shadow:none}.btn.peligro{background:var(--rojo);box-shadow:0 8px 20px #e539504d}.btn.verde{background:var(--verde);box-shadow:0 8px 20px #12a1504d}.btn.block{width:100%}.btn svg{width:19px;height:19px}.fila-btns{display:flex;gap:12px}.fila-btns .btn{flex:1}.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.campo label,.label{font-size:14px;font-weight:800;color:var(--tinta)}.input{width:100%;min-height:50px;padding:12px 16px;border-radius:14px;border:2px solid var(--borde);background:#fff;font-size:16px;font-weight:600;outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--texto-3);font-weight:500}.input:focus{border-color:var(--primario);box-shadow:0 0 0 4px var(--primario-suave)}.input.error{border-color:var(--rojo)}textarea.input{resize:vertical;min-height:96px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231462C1' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:42px}.error-msg{color:var(--rojo);font-size:12px;font-weight:800}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:800;background:var(--primario-suave);color:var(--primario);text-transform:capitalize;border:none}.chip.primario{background:var(--primario);color:#fff}.chip.verde{background:var(--verde-suave);color:var(--verde)}.chip.rojo{background:var(--rojo-suave);color:var(--rojo)}.chip.ambar{background:var(--ambar-suave);color:#9a6500}.segmento{display:flex;gap:4px;padding:5px;border-radius:999px;background:var(--primario-suave);overflow-x:auto}.segmento button{flex:1;border:none;background:transparent;padding:9px 14px;border-radius:999px;font-weight:800;font-size:14px;color:var(--primario);white-space:nowrap}.segmento button.activo{background:var(--primario);color:#fff;box-shadow:0 4px 12px #1462c14d}.lista{display:grid;gap:10px}@media (min-width: 900px){.lista.dos-col{grid-template-columns:1fr 1fr}}.fila{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--borde);border-radius:var(--radio);text-align:left;width:100%;box-shadow:var(--sombra-sm)}button.fila:not(:disabled):active{transform:scale(.99)}.fila.hecho{background:var(--verde-suave);border-color:#bfe8d0;box-shadow:none}.avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;background:var(--primario-suave);color:var(--primario);font-weight:900;font-size:15px}.avatar.yo{background:var(--primario);color:#fff}.avatar.ok{background:var(--verde);color:#fff}.avatar.local{background:var(--primario-osc);color:#fff}.avatar.mesa{background:var(--primario-suave);color:var(--primario)}.fila-txt{flex:1;min-width:0}.fila-titulo{font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fila-sub{font-size:13px;color:var(--texto-2);font-weight:600}.fila-sub.ok{color:var(--verde);font-weight:800}.estado-vacio{text-align:center;padding:48px 16px;color:var(--texto-2);font-weight:700}.estado-vacio svg{width:56px;height:56px;color:var(--primario);margin-bottom:10px}.spinner{width:30px;height:30px;border:3px solid var(--primario-suave);border-top-color:var(--primario);border-radius:50%;animation:girar .7s linear infinite;display:inline-block}.spinner.sm{width:18px;height:18px;border-width:2px}.spinner.blanco{border-color:#ffffff59;border-top-color:#fff}.cargando{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;font-weight:700;color:var(--texto-2)}@keyframes girar{to{transform:rotate(360deg)}}.aviso{display:flex;gap:10px;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:700}.aviso.rojo{background:var(--rojo-suave);color:#b3162c}.aviso.ambar{background:var(--ambar-suave);color:#8a5a00}.texto-espera{margin-top:12px;text-align:center;font-size:13px;font-weight:700;color:#8a5a00}.barra{height:10px;background:var(--primario-suave);border-radius:999px;overflow:hidden}.barra>div{height:100%;border-radius:999px;background:var(--primario);transition:width .4s}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0b3d9173;display:flex;align-items:flex-end;justify-content:center;animation:aparecer .15s}.modal-fondo.centro{align-items:center;padding:16px}.hoja{background:#fff;width:100%;max-width:580px;max-height:92dvh;overflow-y:auto;border-radius:26px 26px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));animation:subir .22s cubic-bezier(.2,.8,.2,1)}@media (min-width: 640px){.modal-fondo{align-items:center;padding:24px}.hoja{border-radius:26px}}.hoja-cab{display:flex;align-items:center;gap:12px;margin-bottom:18px}.hoja-cab h3{flex:1;font-size:20px;font-weight:900;color:var(--primario)}.dialogo{background:#fff;border-radius:24px;padding:24px;width:100%;max-width:420px;animation:subir .2s;border-top:6px solid var(--primario)}.dialogo h3{font-size:21px;font-weight:900;color:var(--primario);margin-bottom:8px}.dialogo p{color:var(--texto-2);margin-bottom:22px;font-weight:600}@keyframes aparecer{0%{opacity:0}}@keyframes subir{0%{transform:translateY(24px);opacity:0}}.toasts{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;width:min(92vw,420px);pointer-events:none}.toast{padding:13px 18px;border-radius:16px;color:#fff;font-weight:800;font-size:14px;box-shadow:0 10px 28px #0003;animation:subir .2s;background:var(--primario)}.toast.danger{background:var(--rojo)}.toast.warning{background:#d98c00}.conexion{position:fixed;z-index:90;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#d98c00;color:#fff;font-size:12px;font-weight:800;box-shadow:var(--sombra-sm)}.conexion.con-nav{bottom:calc(86px + env(safe-area-inset-bottom))}@media (min-width: 960px){.conexion.con-nav{bottom:14px;left:calc(var(--lateral) + 14px)}}.conexion.off{background:var(--rojo)}.conexion .punto{width:7px;height:7px;border-radius:50%;background:#fff}.conexion button{border:none;background:#ffffff4d;color:#fff;font-size:12px;font-weight:900;padding:3px 10px;border-radius:999px;margin-left:4px}.zona-foto{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:230px;border:2px dashed #A9C2E6;border-radius:var(--radio);background:var(--primario-suave);color:var(--primario);font-weight:700;text-align:center;padding:16px;overflow:hidden;cursor:pointer}.zona-foto.cargada{border:none;padding:0;box-shadow:var(--sombra)}.zona-foto.observada{border-color:var(--rojo);background:var(--rojo-suave);color:#b3162c}.zona-foto img{width:100%;max-height:440px;object-fit:contain;display:block;background:var(--tinta)}.zona-foto .cambiar{position:absolute;bottom:12px;right:12px;background:var(--primario);color:#fff;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:900}.zona-foto svg{width:46px;height:46px}.input-oculto{display:none}