:root{color-scheme:light dark;--superficie: #FFFFFF;--fondo-escritorio: #EEEBF8;--principal-tinta-suave: #3F3868;--celeste-mosaico: #DDF1FB;--celeste-mosaico-borde: #C9E8F7;--amarillo-mosaico: #FFF6CC;--amarillo-mosaico-borde: #F6E7A6;--lavanda-mosaico: #F3F0FF;--lavanda-mosaico-borde: #E2DCFB;--activa-borde: #A99CF0;--activa-tinta: #4B3FA0;--avatar: #EEEBF6;--avatar-tinta: #4A4566;--enlace: #5A4CB5;--ico-verde: #1B5E3B;--ico-azul: #1D4F8C;--ico-morado: #5A4CB5;--ico-dorado: #9A7A00;--ico-check: #1E5E44;--linea-verificar: #F2D774;--linea-rechazado: #F3C6D3;--linea-ok: #BFE6F7;--fondo: #F8F7FE;--tinta: #2B2745;--suave: #625D7A;--borde: #E6E2F5;--borde-fuerte: #D8D2EE;--lavanda: #B9AEF5;--lavanda-tinta: #221D45;--lavanda-claro: #EFECFD;--celeste: #DDF1FB;--celeste-tinta: #1F5878;--amarillo: #FFF6CC;--amarillo-tinta: #6B5300;--menta: #E1F5EC;--menta-tinta: #1E5E44;--rosa: #FDE7EF;--rosa-tinta: #8A2D47;--radio: 22px;--sombra: 0 4px 14px rgba(91, 77, 180, .07)}*{box-sizing:border-box}html{forced-color-adjust:none}html,body{margin:0;background:var(--fondo);color:var(--tinta);font:16px/1.4 Nunito,system-ui,sans-serif}button,input{font:inherit;color:inherit}.app{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;background:var(--fondo)}.app>main{width:100%}@media (min-width: 900px){body{background:var(--fondo-escritorio)}.app{max-width:760px;flex-direction:row;align-items:flex-start;gap:24px;padding:24px 0;background:transparent}.app>main{flex:0 0 480px;min-height:calc(100dvh - 48px);background:var(--fondo);border-radius:28px;box-shadow:0 10px 30px #5b4db41a;overflow:hidden}.menu-lateral{display:flex!important}}.menu-lateral{display:none;flex-direction:column;gap:8px;width:240px;flex-shrink:0;position:sticky;top:24px}.menu-lateral button{display:flex;align-items:center;gap:10px;text-align:left;padding:0 16px}.pantalla{flex:1;display:flex;flex-direction:column;padding:8px 20px 24px;gap:14px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:16px;box-shadow:var(--sombra)}.muted{color:var(--suave)}.monto{font-weight:800;font-variant-numeric:tabular-nums}.boton{min-height:56px;border-radius:18px;border:0;background:var(--lavanda);color:var(--lavanda-tinta);font-weight:700;font-size:18px;cursor:pointer;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px}.boton:disabled,.boton-sec:disabled{opacity:.55;cursor:default}.boton-sec{min-height:52px;border-radius:18px;border:1.5px solid var(--borde-fuerte);background:var(--superficie);font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.encabezado{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:0 20px}.marca{display:flex;align-items:center;gap:10px}.marca b{display:block;font-size:17px;font-weight:800}.rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mosaico{min-height:118px;border-radius:18px;padding:16px;text-align:left;border:1.5px solid var(--borde);background:var(--superficie);color:var(--tinta);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.mosaico b{display:block;font-size:21px;font-weight:800;color:var(--tinta)}.mosaico>span{color:inherit}.mosaico span{font-size:14px;color:var(--suave)}.mosaico.principal{background:#b9aef5;border-color:#b9aef5;color:#221d45}.mosaico.principal b{color:#221d45}.mosaico.principal span span{color:var(--principal-tinta-suave)}.mosaico.celeste{background:var(--celeste-mosaico);border-color:var(--celeste-mosaico-borde)}.mosaico.amarillo{background:var(--amarillo-mosaico);border-color:var(--amarillo-mosaico-borde)}.mosaico.lavanda{background:var(--lavanda-mosaico);border-color:var(--lavanda-mosaico-borde)}.mosaico:disabled{cursor:default}.campo{width:100%;min-height:52px;border:1.5px solid var(--borde-fuerte);border-radius:14px;background:var(--superficie);padding:0 14px;font-size:18px;font-weight:600}.etiqueta{font-size:14px;font-weight:600;color:var(--suave);display:block;margin-bottom:6px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.chip-pendiente{background:var(--amarillo);color:var(--amarillo-tinta)}.chip-sinc{background:var(--celeste);color:var(--celeste-tinta)}.chip-ok{background:var(--menta);color:var(--menta-tinta)}.barra{display:flex;align-items:center;gap:8px;min-height:60px;padding:0 12px}.barra h1{margin:0;font-size:20px;font-weight:800}.atras{width:44px;height:44px;border:0;background:none;border-radius:14px;cursor:pointer;display:grid;place-items:center;color:var(--tinta)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.opcion{min-height:48px;border-radius:14px;border:1.5px solid var(--borde-fuerte);background:var(--superficie);font-weight:700;font-size:15px;cursor:pointer;padding:0 8px}.opcion.activa{border-color:var(--activa-borde);background:var(--lavanda-claro);color:var(--activa-tinta)}.fila{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--borde)}.fila:last-child{border-bottom:0}.persona{display:flex;align-items:center;gap:12px;padding:12px 0;border:0;border-bottom:1px solid var(--borde);background:none;width:100%;text-align:left;cursor:pointer}.avatar{width:42px;height:42px;border-radius:50%;background:var(--avatar);display:grid;place-items:center;font-weight:800;color:var(--avatar-tinta);flex-shrink:0;font-size:14px}.filtro{min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--borde-fuerte);background:var(--superficie);font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}.filtro.activa{background:var(--lavanda);border-color:var(--lavanda);color:var(--lavanda-tinta)}.paso{width:44px;height:44px;border-radius:14px;border:1.5px solid var(--borde-fuerte);background:var(--superficie);font-size:22px;font-weight:800;cursor:pointer}.chip-vencida{background:var(--rosa);color:var(--rosa-tinta)}.pie{position:sticky;bottom:0;background:var(--fondo);padding:12px 0 4px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--borde);margin-top:auto}.aviso{border-radius:14px;padding:10px 12px;font-size:14px;font-weight:600}.enlace{color:var(--enlace);font-weight:700;background:none;border:0;padding:0;cursor:pointer;font-size:15px;text-decoration:none}.boton-wa{text-decoration:none;color:var(--tinta)}.accesos{display:flex;gap:6px}.acceso{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;color:var(--tinta);font-size:13px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;padding:0}.acceso-ico{width:52px;height:52px;border-radius:18px;background:var(--superficie);border:1.5px solid var(--borde);display:grid;place-items:center}.burbuja{position:absolute;border-radius:50%;pointer-events:none}.logo{display:block}.burbuja.b1{background:var(--lavanda-claro)}.burbuja.b2{background:var(--celeste-mosaico)}.burbuja.b3{background:var(--amarillo-mosaico)}.menu-lateral .m-vendi{background:var(--lavanda);border-color:var(--lavanda);color:var(--lavanda-tinta)}.menu-lateral .m-pago{background:var(--celeste-mosaico);border-color:var(--celeste-mosaico-borde)}.menu-lateral .m-deben{background:var(--amarillo-mosaico);border-color:var(--amarillo-mosaico-borde)}.te-deben{background:var(--lavanda-claro)!important;border-color:var(--lavanda-mosaico-borde)!important}.menu-lateral .m-productos{background:var(--lavanda-mosaico);border-color:var(--lavanda-mosaico-borde)}.chip-gris{background:var(--avatar);color:var(--avatar-tinta)}.campo-chico{min-height:48px;font-size:16px;padding:0 12px}.mas{width:48px;height:48px;border-radius:14px;background:var(--lavanda);color:var(--lavanda-tinta);border:0;display:grid;place-items:center;flex-shrink:0;cursor:pointer}.producto{display:flex;align-items:center;gap:12px;padding:10px 0;border:0;border-bottom:1px solid var(--borde);background:none;width:100%;text-align:left;cursor:pointer}.producto:last-child{border-bottom:0}.miniatura{width:48px;height:48px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;font-weight:800;color:var(--avatar-tinta)}.foto{width:84px;height:84px;border-radius:22px;border:2px dashed var(--borde-fuerte);background:var(--superficie);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:700;color:var(--suave);flex-shrink:0}.interruptor-fila{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border:0;border-bottom:1px solid var(--borde);background:none;width:100%;text-align:left;cursor:pointer;min-height:56px}.interruptor{width:50px;height:30px;border-radius:15px;background:#8fd3f2;position:relative;flex-shrink:0;transition:background .15s}.interruptor:after{content:"";position:absolute;top:3px;left:23px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}.interruptor.apagado{background:#cfc9e6}.interruptor.apagado:after{left:3px}.punto{height:6px;border-radius:3px;background:var(--borde);flex:1}.punto.lleno{background:#8e7fe0}.opcion-ancha{min-height:52px;border-radius:14px;border:1.5px solid var(--borde-fuerte);background:var(--superficie);display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px;padding:0 14px;text-align:left;cursor:pointer}.opcion-ancha.activa{border-color:var(--activa-borde);background:var(--lavanda-claro);color:var(--activa-tinta)}.accion{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 14px;border-radius:18px;border:1.5px solid var(--borde);background:var(--superficie);text-align:left;cursor:pointer;width:100%}.accion.destacada{border-color:var(--activa-borde);background:var(--lavanda-claro)}.accion b{display:block;font-size:17px}.accion span span,.accion>span:not(.accion-ico)>span{display:block;font-size:14px;color:var(--suave)}.accion-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.seccion{font-size:13px;font-weight:800;color:var(--suave);text-transform:uppercase;letter-spacing:.6px;margin:6px 0 0}@media (prefers-color-scheme: dark){.interruptor{background:#5fa9cc}.interruptor.apagado{background:#4a4466}}.chip-boton{border:0;background:none;padding:0;cursor:pointer;display:block;min-height:24px}.panel{max-width:1180px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:14px;min-height:100dvh}.panel-cabecera{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;min-height:56px}.panel-datos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.panel-dato{display:flex;flex-direction:column;gap:4px;padding:14px 16px}.panel-pestanas{display:flex;gap:8px;flex-wrap:wrap}.panel-fila{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 0;border-bottom:1px solid var(--borde)}.panel-fila:last-child{border-bottom:0}.panel-entrar{max-width:380px;margin:10vh auto 0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.panel-entrar h1{margin:8px 0 0;font-size:24px}select.campo{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.pedido{text-align:left;cursor:pointer;display:block;width:100%;padding:14px 16px}.pasos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.pasos-item{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:var(--suave);text-align:center}.pasos-item span{height:6px;border-radius:3px;background:var(--borde)}.pasos-item.hecho{color:var(--activa-tinta)}.pasos-item.hecho span{background:#8e7fe0}.barra-avance{height:8px;border-radius:4px;background:var(--borde);margin:10px 0 4px;overflow:hidden}.barra-avance span{display:block;height:100%;background:#8fd3f2;border-radius:4px}@media (prefers-color-scheme: dark){:root{--fondo: #1D1A2E;--superficie: #282440;--fondo-escritorio: #15131F;--tinta: #F2EFFF;--suave: #B8B2D6;--borde: #373250;--borde-fuerte: #463F63;--lavanda: #B9AEF5;--lavanda-tinta: #221D45;--lavanda-claro: #2F2A52;--principal-tinta-suave: #3F3868;--celeste: #1E3B4C;--celeste-tinta: #A9DDF5;--amarillo: #3E3720;--amarillo-tinta: #F6DD7A;--menta: #1D3B30;--menta-tinta: #9FE3C2;--rosa: #432433;--rosa-tinta: #F6B3C7;--celeste-mosaico: #23465A;--celeste-mosaico-borde: #2E5870;--amarillo-mosaico: #4A4125;--amarillo-mosaico-borde: #5C5130;--lavanda-mosaico: #302B4E;--lavanda-mosaico-borde: #3E3863;--activa-borde: #B9AEF5;--activa-tinta: #DCD6FF;--avatar: #3A3458;--avatar-tinta: #E4DFFF;--enlace: #C9C0FF;--ico-verde: #8FE0B5;--ico-azul: #A9D2FF;--ico-morado: #C9C0FF;--ico-dorado: #F6DD7A;--ico-check: #9FE3C2;--linea-verificar: #C9A93A;--linea-rechazado: #C46A85;--linea-ok: #5FA9CC;--sombra: 0 4px 14px rgba(0, 0, 0, .25)}.logo{background:#f8f7fe;border-radius:22px;padding:10px 14px}.burbuja{opacity:.55}.mosaico.principal .ico-vendi,.mosaico.principal svg{stroke:#221d45!important}}