.app{--oc-tinta-fondo:#2a2520;--oc-tinta-fondo-tinta:#fbf7f1;--oc-info:#2f5d8a;--oc-info-fondo:#e8eff7;--oc-radio:12px;--oc-radio-chico:9px;--oc-radio-xs:6px;--oc-t-rapido:.12s;--oc-t-normal:.2s;--oc-t-lento:.32s;--oc-barra-alto:56px;--oc-sombra-suave:0 1px 2px #5a442814;flex-direction:column;min-height:100dvh;display:flex}.app-barra{z-index:30;background:var(--oc-papel);border-bottom:1px solid var(--oc-borde);view-transition-name:barra;position:sticky;top:0}.app-barra-interior{max-width:1180px;height:var(--oc-barra-alto);align-items:center;gap:16px;margin:0 auto;padding:0 24px;display:flex}.marca-app{color:var(--oc-tinta);flex:none;align-items:center;gap:9px;text-decoration:none;display:flex}.monograma{color:#f08160;background:#f4dfc8;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.monograma svg{width:22px;height:22px}.nombre-marca{font-family:var(--oc-display);letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:700}.separador-barra{background:var(--oc-borde-fuerte);flex:none;width:1px;height:22px}.contexto{flex:0 auto;align-items:center;min-width:0;display:flex}.contexto-select,.contexto-nombre{border-radius:var(--oc-radio-chico);max-width:240px;height:36px;font:600 14px/36px var(--oc-texto);color:var(--oc-tinta);white-space:nowrap;text-overflow:ellipsis;padding:0 12px;overflow:hidden}.contexto-select{appearance:none;background:var(--oc-papel-hondo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23574e45' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center;cursor:pointer;transition:border-color var(--oc-t-rapido) ease, background-color var(--oc-t-rapido) ease;border:1px solid #0000;padding-right:30px}@media (hover:hover) and (pointer:fine){.contexto-select:hover{border-color:var(--oc-borde-fuerte)}}.contexto-select:focus-visible{outline:2px solid var(--oc-tomate);outline-offset:1px}.contexto-nombre{padding:0 2px}.destinos{flex:auto;align-self:stretch;gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.destinos li{display:flex}.destinos form{margin:0;display:flex}.destino{color:var(--oc-tinta-media);font:600 14px var(--oc-texto);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color var(--oc-t-rapido) ease;background:0 0;border:0;align-items:center;gap:7px;padding:0 12px;text-decoration:none;display:flex;position:relative}.destino svg{flex:none;width:18px;height:18px}.destino:after{content:"";background:var(--oc-tomate);height:2px;transition:transform var(--oc-t-normal) var(--oc-ease-out);border-radius:2px 2px 0 0;position:absolute;bottom:-1px;left:10px;right:10px;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.destino:hover{color:var(--oc-tinta)}}.destino.activo{color:var(--oc-tinta)}.destino.activo:after,.destino.yendo:after{transform:scaleX(1)}.destino.yendo svg{animation:.9s ease-in-out infinite latido-nav}@keyframes latido-nav{50%{opacity:.45}}.destinos .salir{color:var(--oc-tinta-suave);margin-left:auto}.destinos .salir:after{display:none}@media (width>=720px) and (width<=959px){.nombre-marca{display:none}.app-barra-interior{gap:12px}.destino{gap:6px;padding:0 9px;font-size:13.5px}.contexto-select,.contexto-nombre{max-width:180px}}@media (width<=719px){.app-barra{background:0 0;border-bottom:0;position:static}.app-barra-interior{gap:10px;height:48px;padding:0 16px}.nombre-marca,.separador-barra{display:none}.contexto-select,.contexto-nombre{height:32px;font-size:14px;line-height:32px}.destinos{z-index:30;background:var(--oc-tarjeta);border-top:1px solid var(--oc-borde);padding:4px 4px calc(4px + env(safe-area-inset-bottom));view-transition-name:barra-movil;align-self:auto;gap:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #5a442814}.destinos li,.destinos form{flex:1}.destino{letter-spacing:-.01em;min-height:56px;color:var(--oc-tinta-suave);border-radius:10px;flex-direction:column;flex:1;justify-content:center;gap:3px;padding:6px 4px;font-size:11px}.destino svg{width:22px;height:22px}.destino:after{display:none}.destino.activo,.destino.yendo{color:var(--oc-tomate)}.destinos .salir{margin-left:0}}.app .contenedor{width:100%;max-width:760px;margin:0 auto;padding:24px 24px 96px}.app .contenedor.ancho{max-width:1180px}@media (width<=719px){.app .contenedor{padding:4px 16px 96px}}.app .cabecera{margin-bottom:20px}.app .cabecera-fila{justify-content:space-between;align-items:flex-end;gap:16px;min-height:40px;display:flex}.app .cabecera h1{font-family:var(--oc-display);letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:1.625rem;font-weight:600;line-height:1.15;overflow:hidden}.app .cabecera-contexto{letter-spacing:.08em;text-transform:uppercase;color:var(--oc-tinta-suave);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.app .cabecera-intro{color:var(--oc-tinta-suave);max-width:62ch;margin:6px 0 0;font-size:.9375rem}.app .cabecera-acciones{flex:none;align-items:center;gap:8px;display:flex}@media (width>=720px){.app .cabecera{margin-bottom:24px}.app .cabecera h1{font-size:1.875rem}}@media (width<=719px){.app .cabecera-fila{flex-wrap:wrap;gap:12px}.app .cabecera-acciones{width:100%}.app .cabecera-acciones .btn{flex:1}.app .cabecera-contexto{display:none}}.panel{background:var(--oc-tarjeta);border:1px solid var(--oc-borde);border-radius:var(--oc-radio);padding:18px 20px}.panel-hondo{background:var(--oc-papel-hondo);border-color:#0000}.panel-cab{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.app .panel-titulo{font-family:var(--oc-texto);letter-spacing:0;color:var(--oc-tinta);margin:0;font-size:15px;font-weight:600;line-height:1.3}.panel-sub{color:var(--oc-tinta-suave);margin:2px 0 0;font-size:13.5px}.app .rotulo{font-family:var(--oc-texto);letter-spacing:.08em;text-transform:uppercase;color:var(--oc-tinta-suave);margin:0 0 10px;font-size:11.5px;font-weight:700;display:block}.pila,.rejilla-2{gap:12px;display:grid}@media (width>=860px){.rejilla-2{grid-template-columns:1fr 1fr;gap:16px}}.seccion{margin-top:28px}.seccion-cab{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}*+.seccion-cab{margin-top:24px}.app .seccion-titulo{font-family:var(--oc-texto);letter-spacing:.06em;text-transform:uppercase;color:var(--oc-tinta-suave);margin:0;font-size:13px;font-weight:700}@media (width<=719px){.panel{padding:16px}}.app .btn{border-radius:var(--oc-radio-chico);gap:7px;min-height:40px;padding:8px 16px;font-size:14px;font-weight:600}.app .btn svg{flex:none;width:17px;height:17px}.app .btn-fantasma{color:var(--oc-tinta-media);background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){.app .btn-fantasma:hover{background:var(--oc-neutro-fondo);color:var(--oc-tinta);box-shadow:none}}.app .btn-tinta{background:var(--oc-tinta-fondo);border-color:var(--oc-tinta-fondo);color:var(--oc-tinta-fondo-tinta)}.app .btn-peligro{color:var(--oc-error);border-color:var(--oc-borde-fuerte)}@media (hover:hover) and (pointer:fine){.app .btn-peligro:hover{background:var(--oc-error-fondo);box-shadow:none;border-color:#a52f224d}}.app .btn-chico{border-radius:8px;min-height:32px;padding:4px 11px;font-size:13px}.app .btn-icono{justify-content:center;width:36px;min-height:36px;padding:0}.app .btn-ancho{width:100%}@media (pointer:coarse){.app .btn:not(.btn-chico):not(.btn-icono){min-height:44px}}.app .campo{border-radius:var(--oc-radio-chico);min-height:40px;padding:8px 12px;font-size:14.5px}@media (pointer:coarse){.app .campo{min-height:44px}}.app label,.app .etiqueta{color:var(--oc-tinta-media);font-size:13px;font-weight:600}.app select.campo{appearance:none;background:var(--oc-tarjeta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23574e45' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center;padding-right:34px}.app .campo-fila{align-items:center;gap:8px;display:flex}.app .campo-fila .campo{flex:1;min-width:0}.app .ayuda{color:var(--oc-tinta-suave);margin:4px 0 0;font-size:13px}.app .grupo-campo{gap:5px;display:grid}.app .grupo-campo>label,.app .grupo-campo>.etiqueta{margin:0}.app .formulario{gap:14px;display:grid}.app .formulario .acciones,.app .acciones{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app .casilla{color:var(--oc-tinta);cursor:pointer;align-items:flex-start;gap:10px;margin:0;font-size:14px;font-weight:500;line-height:1.45;display:flex}.app .casilla input{margin-top:1px}.app .casilla small{color:var(--oc-tinta-suave);font-size:13px;font-weight:400;display:block}.segmentado{background:var(--oc-papel-hondo);scrollbar-width:none;border-radius:10px;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.segmentado::-webkit-scrollbar{display:none}.segmento{min-height:34px;color:var(--oc-tinta-media);font:600 13.5px var(--oc-texto);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s var(--oc-ease-out), color .15s var(--oc-ease-out), box-shadow .15s var(--oc-ease-out), transform .12s var(--oc-ease-out);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.segmento:hover{color:var(--oc-tinta)}}.segmento:active{transform:scale(.97)}.segmento.activo{background:var(--oc-tarjeta);color:var(--oc-tinta);box-shadow:var(--oc-sombra-suave)}.segmento .cuenta{color:var(--oc-tinta-suave);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.segmentado.grande .segmento{min-height:44px;padding:0 18px;font-size:15px}.segmentado.ancho{display:flex}.segmentado.ancho .segmento{flex:1}.segmento.tinta.activo{background:var(--oc-tinta-fondo);color:var(--oc-tinta-fondo-tinta)}.app .pill{border-radius:var(--oc-radio-xs);letter-spacing:.01em;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.app .pill-tinta{background:var(--oc-tinta-fondo);color:var(--oc-tinta-fondo-tinta)}.app .pill-info{background:var(--oc-info-fondo);color:var(--oc-info)}.app .pill-tomate{background:var(--oc-tomate-claro);color:var(--oc-tomate-hondo)}.app .pill-contorno{border:1px solid var(--oc-borde-fuerte);color:var(--oc-tinta-media);background:0 0}.marca-estado{color:var(--oc-tinta-suave);white-space:nowrap;align-items:center;gap:5px;font-size:12.5px;font-weight:600;display:inline-flex}.marca-estado svg{flex:none;width:14px;height:14px}.marca-estado.ok{color:var(--oc-ok)}.marca-estado.aviso{color:var(--oc-aviso)}.marca-estado.error{color:var(--oc-error)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=720px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}.kpi{border-radius:var(--oc-radio);background:var(--oc-papel-hondo);gap:2px;min-width:0;padding:12px 14px;display:grid}.kpi-etiqueta{color:var(--oc-tinta-suave);font-size:12.5px;font-weight:600;line-height:1.25}.app .kpi-valor{font-family:var(--oc-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--oc-tinta);font-size:26px;font-weight:600;line-height:1.1}.kpi-valor small{font-family:var(--oc-texto);color:var(--oc-tinta-suave);letter-spacing:0;margin-left:4px;font-size:13px;font-weight:600}.kpi.destacado{background:var(--oc-tinta-fondo)}.kpi.destacado .kpi-etiqueta{color:#fbf7f1b3}.kpi.destacado .kpi-valor{color:var(--oc-tinta-fondo-tinta)}a.kpi{color:inherit;transition:background-color var(--oc-t-rapido) ease, transform var(--oc-t-rapido) var(--oc-ease-out);text-decoration:none}@media (hover:hover) and (pointer:fine){a.kpi:hover{background:var(--oc-borde)}}a.kpi:active{transform:scale(.98)}a.kpi:focus-visible{outline:2px solid var(--oc-tomate);outline-offset:2px}#pedido,#agregado{scroll-margin-top:calc(var(--oc-barra-alto) + 16px)}.filas{margin:0;padding:0;list-style:none;display:grid}.panel.filas{padding:2px 16px}.fila{border-top:1px solid var(--oc-borde);align-items:center;gap:12px;min-width:0;padding:12px 0;display:flex}.fila:first-child{border-top:0}.fila-cuerpo{flex:auto;min-width:0}.app .fila-titulo{color:var(--oc-tinta);margin:0;font-size:14.5px;font-weight:600;line-height:1.3}.app .fila-pie,.app .fila-meta{color:var(--oc-tinta-suave);margin:2px 0 0;font-size:13px;line-height:1.4}.fila-acciones{flex:none;align-items:center;gap:6px;display:flex}.fila-enlace{color:inherit;transition:background-color var(--oc-t-rapido) ease;border-radius:var(--oc-radio-chico);margin:0 -12px;padding-left:12px;padding-right:12px;text-decoration:none}@media (hover:hover) and (pointer:fine){.fila-enlace:hover{background:var(--oc-papel-hondo)}}.fila-enlace .chevron{width:18px;height:18px;color:var(--oc-tinta-suave);flex:none}.fila-icono{background:var(--oc-papel-hondo);width:36px;height:36px;color:var(--oc-tinta-media);border-radius:10px;flex:none;place-items:center;display:grid}.fila-icono svg{width:18px;height:18px}.tabla-scroll{overflow-x:auto}.tabla{border-collapse:collapse;width:100%;font-size:14px}.tabla th,.tabla td{text-align:left;border-bottom:1px solid var(--oc-borde);vertical-align:baseline;padding:8px}.tabla th{letter-spacing:.06em;text-transform:uppercase;color:var(--oc-tinta-suave);padding-top:4px;font-size:11.5px;font-weight:700}.tabla tr:last-child td{border-bottom:0}.tabla .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabla td:first-child,.tabla th:first-child{padding-left:0}.tabla td:last-child,.tabla th:last-child{padding-right:0}.aviso-linea{border:1px solid var(--oc-borde);background:var(--oc-papel-hondo);color:var(--oc-tinta);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:14px;line-height:1.45;display:flex}.aviso-linea>svg{flex:none;width:18px;height:18px;margin-top:1px}.aviso-linea .cuerpo{flex:auto;min-width:0}.aviso-linea p{margin:0}.aviso-linea strong{display:block}.aviso-linea .acciones{flex:none;margin-left:auto}.aviso-linea.ok{background:var(--oc-ok-fondo);color:#1f4d35;border-color:#2c6a4a38}.aviso-linea.aviso{background:var(--oc-aviso-fondo);color:#5e3d00;border-color:#8a5a0038}.aviso-linea.error{background:var(--oc-error-fondo);color:var(--oc-error);border-color:#a52f2238}.aviso-linea.info{background:var(--oc-info-fondo);color:#234666;border-color:#2f5d8a38}@media (width<=519px){.aviso-linea{flex-wrap:wrap}.aviso-linea .acciones{width:100%;margin-left:0}}.app .error-detalle{border-radius:10px}.vacio{text-align:center;border-radius:var(--oc-radio);background:var(--oc-papel-hondo);justify-items:center;gap:6px;padding:36px 24px;display:grid}.vacio-icono{border:1px solid var(--oc-borde-fuerte);background:var(--oc-tarjeta);width:44px;height:44px;color:var(--oc-tinta-media);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.vacio-icono svg{width:20px;height:20px}.app .vacio-titulo{font-family:var(--oc-texto);letter-spacing:0;color:var(--oc-tinta);margin:0;font-size:16px;font-weight:600}.vacio p{max-width:48ch;color:var(--oc-tinta-media);margin:0;font-size:14px;line-height:1.5}.vacio-acciones{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.nav-fecha{align-items:center;gap:6px;min-width:0;display:flex}.nav-fecha .paso{border:1px solid var(--oc-borde-fuerte);border-radius:var(--oc-radio-chico);background:var(--oc-tarjeta);width:36px;height:36px;color:var(--oc-tinta-media);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--oc-t-rapido) ease, transform var(--oc-t-rapido) var(--oc-ease-out);flex:none;place-items:center;text-decoration:none;display:grid}.nav-fecha .paso svg{width:16px;height:16px}@media (hover:hover) and (pointer:fine){.nav-fecha .paso:hover{background:var(--oc-papel-hondo);color:var(--oc-tinta)}}.nav-fecha .paso:active{transform:scale(.94)}.nav-fecha .fecha{text-align:center;text-wrap:balance;flex:auto;min-width:0;padding:0 6px;font-size:15px;font-weight:600;line-height:1.25}.nav-fecha .fecha:first-letter{text-transform:uppercase}.nav-fecha .hoy{flex:none}@media (pointer:coarse){.nav-fecha .paso{width:44px;height:44px}}.avatar{background:var(--oc-papel-hondo);width:36px;height:36px;color:var(--oc-tinta);font:600 14px var(--oc-texto);border-radius:50%;flex:none;place-items:center;display:grid}.avatar.grande{width:44px;height:44px;font-size:17px}.avatar.chico{width:28px;height:28px;font-size:12px}.confirmacion{background:var(--oc-error-fondo);border:1px solid #a52f2240;border-radius:10px;margin-top:12px;padding:12px 14px}.confirmacion p{color:var(--oc-tinta);margin:0 0 10px;font-size:14px}.volver{color:var(--oc-tinta-suave);align-items:center;gap:4px;margin:0 0 12px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.volver svg{width:16px;height:16px}@media (hover:hover) and (pointer:fine){.volver:hover{color:var(--oc-tinta)}}.velo{z-index:50;transition:opacity var(--oc-t-normal) var(--oc-ease-out);background:#1f1b1673;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.dialogo{background:var(--oc-tarjeta);width:100%;max-width:440px;box-shadow:var(--oc-sombra-alta);transition:opacity .24s var(--oc-ease-out), transform .24s var(--oc-ease-out);border-radius:16px;outline:none;padding:24px}.app .dialogo h2{font-family:var(--oc-display);margin:10px 0 .35em;font-size:1.4rem}.dialogo-acciones{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.dialogo-acciones .btn{flex:1;min-width:140px}@starting-style{.velo{opacity:0}.dialogo{opacity:0;transform:scale(.96)}}.entra{animation:entrar .24s var(--oc-ease-out) both;animation-delay:min(calc(var(--i,0) * 30ms), .3s)}@keyframes entrar{0%{opacity:0;transform:translateY(6px)}}::view-transition-old(root){animation-duration:.16s;animation-timing-function:var(--oc-ease-out,ease-out)}::view-transition-new(root){animation-duration:.16s;animation-timing-function:var(--oc-ease-out,ease-out)}::view-transition-old(barra){animation:none}::view-transition-new(barra){animation:none}::view-transition-old(barra-movil){animation:none}::view-transition-new(barra-movil){animation:none}@media (prefers-reduced-motion:reduce){.entra,.destino.yendo svg{animation:none}.segmento:active,.nav-fecha .paso:active{transform:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}@starting-style{.dialogo{transform:none}}}.pantalla-entrada{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.tarjeta-entrada{background:var(--oc-tarjeta);border:1px solid var(--oc-borde);border-radius:16px;width:100%;max-width:420px;padding:28px 26px}.tarjeta-entrada .marca-entrada{font-family:var(--oc-display);letter-spacing:-.01em;color:var(--oc-tinta);align-items:center;gap:10px;margin:0 0 22px;font-size:1.125rem;font-weight:700;display:flex}.tarjeta-entrada h2{font-family:var(--oc-display);margin:0 0 4px;font-size:1.5rem}.tarjeta-entrada .intro{color:var(--oc-tinta-suave);margin:0 0 18px;font-size:14.5px}.tarjeta-entrada form{gap:12px;display:grid}.tarjeta-entrada label{margin:0 0 -6px}.tarjeta-entrada .btn-ancho{margin-top:8px}.tarjeta-entrada .pie-entrada{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:20px;font-size:13.5px;display:flex}.tarjeta-entrada .pie-entrada a{color:var(--oc-tinta-suave)}@media (width<=479px){.tarjeta-entrada{padding:24px 20px}}