*{box-sizing:border-box}html,body{margin:0;padding:0}:root{--margen-izq:max(16px,env(safe-area-inset-left));--margen-der:max(16px,env(safe-area-inset-right))}body{color:#1d1d1b;background:#f5f7f6}a:not([class]){color:#267b6f;font-weight:600;text-decoration:none}a:not([class]):hover{text-decoration:underline}.acceso{grid-template-columns:1fr;min-height:100vh;display:grid}.acceso-marca{display:none}.acceso-contenido{padding:calc(32px + env(safe-area-inset-top))var(--margen-der)calc(32px + env(safe-area-inset-bottom))var(--margen-izq);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.acceso-contenido>.ant-card{width:100%;max-width:420px}.acceso-lema{color:#fff;letter-spacing:.04em;margin:20px 0 0;font-size:18px;font-weight:500}@media (min-width:900px){.acceso{grid-template-columns:minmax(360px,45%) 1fr}.acceso-marca{background:#1d1d1b;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.acceso-logo-movil{display:none}}.app{min-height:100vh}.app-encabezado{z-index:10;padding:calc(10px + env(safe-area-inset-top))var(--margen-der)10px var(--margen-izq);background:#fff;border-bottom:3px solid #339f8f;align-items:center;gap:24px;display:flex;position:sticky;top:0}.app-nav{flex:1;gap:16px;min-width:0;display:flex}.app-nav a{color:#1d1d1b;white-space:nowrap;border-bottom:2px solid #0000;padding:6px 2px;font-weight:500;text-decoration:none}.app-nav a[aria-current=page]{border-bottom-color:#f07e26}.app-nav a:hover,.app-nav-movil a:hover{text-decoration:none}.app-menu-movil.ant-btn{display:none}.app-nav-movil{gap:4px;display:grid}.app-nav-movil a{color:#1d1d1b;border-radius:8px;padding:10px 12px;font-weight:500}.app-nav-movil a[aria-current=page]{color:#267b6f;background:#eef6f4;font-weight:600}.app-menu-drawer .ant-drawer-header{padding-top:calc(16px + env(safe-area-inset-top))}.app-menu-drawer .ant-drawer-header,.app-menu-drawer .ant-drawer-body{padding-left:max(24px,env(safe-area-inset-left))}@media (max-width:899px){.app-encabezado{gap:8px}.app-menu-movil.ant-btn{display:inline-flex}.app-nav{display:none}.app-usuario{margin-left:auto}}.app-contenido{width:min(1080px,calc(100% - var(--margen-izq) - var(--margen-der)));margin:24px auto calc(24px + env(safe-area-inset-bottom));background:#fff;border-radius:12px;padding:24px}@media (min-width:600px){.app-contenido:has(.pantalla-ancha){width:min(1400px,calc(100% - var(--margen-izq) - var(--margen-der)))}}@media (max-width:599px){.app-contenido{width:100%;padding:16px var(--margen-der)calc(48px + env(safe-area-inset-bottom))var(--margen-izq);border-radius:0;margin:0}}.codigo{font-variant-numeric:tabular-nums;font-family:ui-monospace,Consolas,monospace}@media (max-width:479px){.app-usuario-texto{display:none}}.encabezado-seccion{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.encabezado-familia{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.encabezado-familia>.barra-filtros{margin-bottom:0}@media (max-width:599px){.encabezado-familia>.barra-filtros{flex:100%}}.barra-filtros{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:16px;display:flex}@media (max-width:599px){.barra-filtros>*{flex:100%;width:100%!important}}.filtros-armador{grid-template-columns:1fr;gap:8px;margin-bottom:12px;display:grid}@media (min-width:600px){.filtros-armador{grid-template-columns:1fr 240px}}.articulos{background:#fff;border:1px solid #ececec;border-radius:8px;display:grid}.articulo{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.articulo:last-child{border-bottom:0}.articulo-elegido{background:#eef6f4}.articulo-sin-stock{opacity:.55}.articulo-datos{flex:1;min-width:0}.articulo-nombre{overflow-wrap:anywhere;font-weight:600;line-height:1.3}.articulo-detalle{color:#595959;flex-wrap:wrap;gap:2px 10px;margin-top:0;font-size:13px;line-height:1.3;display:flex}.articulo-cantidad{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.articulo-precio{white-space:nowrap;font-size:16px}.articulo-precio span{color:#595959;font-size:12px}.precio-lista{flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.precio-lista span{font-size:10px}.articulo-controles{align-items:center;gap:4px;display:flex}.espacio-barra{height:calc(72px + env(safe-area-inset-bottom))}.barra-pedido{z-index:20;background:#fff;border-top:1px solid #e5e5e5;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #00000014}.barra-pedido-contenido{max-width:1080px;padding:10px var(--margen-der)calc(10px + env(safe-area-inset-bottom))var(--margen-izq);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.linea-resumen{grid-template-columns:1fr auto;gap:2px 12px;width:100%;display:grid}.linea-resumen>:first-child{overflow-wrap:anywhere;grid-column:1/-1;font-weight:500}.totales-pedido{background:#f5f7f6;border-radius:8px;grid-template-columns:1fr auto;gap:4px 16px;margin:16px 0 8px;padding:12px 16px;display:grid}.cantidad-linea{color:#1d1d1b;font-weight:700}.cierre-pedido{z-index:20;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-radius:8px;gap:10px;margin-top:16px;display:grid;position:sticky;bottom:0;box-shadow:0 -2px 8px #00000014}.cierre-pedido .totales-pedido{background:0 0;gap:2px 16px;margin:0;padding:0}.leyenda-cierre{font-size:12px}.fila-enlace{width:100%;color:inherit;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;text-decoration:none;display:flex}.pedido-tarjeta{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:8px;padding:10px 14px}.pedido-tarjeta-linea{justify-content:space-between;align-items:center;gap:8px;display:flex}.pedido-tarjeta-titulo{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.pedido-tarjeta-sucursal{color:#555;margin-left:6px;font-size:12px}.pedido-tarjeta-fecha{color:#888;font-size:12px}.pedido-tarjeta-acciones{justify-content:flex-end;margin-top:6px;display:flex}.cabecera-pedido{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin:4px 0 12px;padding-bottom:12px;display:flex}.titulo-pedido.ant-typography{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 2px;display:flex}.titulo-pedido-separador{color:#999}.codigo-articulo{font-size:11px}.tabla-pedido .fila-alterna>td,.tabla-pedido .ant-table-summary td{background:#fafafa}.observaciones-pedido{overflow-wrap:anywhere;background:#fafafa;border-radius:4px;margin-top:12px;padding:6px 10px;font-size:13px}.observaciones-pedido-titulo{color:#666;font-weight:600}.seccion-inicio{margin-bottom:28px}.cuenta-vistas{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}@media (max-width:767px){.cuenta-vistas>*{flex:100%}.cuenta-vistas .ant-select{width:100%!important}}.vistas-cuenta .ant-segmented-item-selected{color:#fff;background:#267b6f}.vistas-cuenta .ant-segmented-item-label{font-weight:500}.saldo-a-pagar.ant-card{background:#fbe4a1;border-color:#e8a33d;margin-bottom:16px}.saldo-a-pagar.saldo-a-pagar-vencido.ant-card{background:#fdecea;border-color:#e63323}.saldo-a-pagar-vencido .saldo-a-pagar-titulo.ant-typography,.saldo-a-pagar-vencido .saldo-a-pagar-vencimiento.ant-typography{color:#a8261a}.saldo-a-pagar-titulo.ant-typography{color:#6b4a15;text-transform:uppercase;font-size:12px;font-weight:700}.saldo-a-pagar-seleccion{text-transform:none;font-style:italic;font-weight:500}.saldo-a-pagar-vencimiento.ant-typography{color:#6b4a15;font-size:12px}.vencimiento-vencido{color:#ff4d4f;font-weight:600}.saldo-a-pagar-monto{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:2px 0;display:flex}.divisor-cuenta .ant-divider-rail-start{width:0!important}.divisor-cuenta .ant-divider-rail-end{width:100%!important}.divisor-cuenta .ant-divider-inner-text{padding-inline-start:0!important}.acciones-cuenta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.tabla-cuenta .ant-table-thead>tr>th,.tabla-cuenta .ant-table-tbody>tr>td{font-size:12px;padding:4px 8px!important}.tabla-cuenta .fila-alterna>td{background-color:#fafafa}.tabla-cuenta .fila-total-cuenta>td{background-color:#f0f0f0!important}.cuota-tarjeta{overflow-wrap:anywhere;background:#fff;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:8px;padding:10px 14px}.cuota-tarjeta-linea{justify-content:space-between;align-items:flex-start;gap:8px;font-size:13px;display:flex}.cuota-numero{color:#888;font-weight:400}.cuota-tarjeta-detalle{color:#888;margin-top:4px;font-size:12px}.total-cuenta-movil{background:#f0f0f0;border-top:2px solid #1a1a1a;border-radius:6px;margin-top:4px;padding:10px 14px}@media (max-width:767px){.solo-escritorio{display:none}}@media (min-width:768px){.solo-celular{display:none}}.cabecera-inicio{color:#fff;background:linear-gradient(135deg,#339f8f 0%,#267b6f 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 24px;display:flex;box-shadow:0 6px 20px #267b6f40}.cabecera-inicio-etiqueta{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:600;line-height:1.4}.cabecera-inicio-titulo{color:#fff;overflow-wrap:anywhere;margin:2px 0 0;font-size:22px;font-weight:700;line-height:1.2}.cabecera-inicio-detalle{opacity:.9;font-size:13px;line-height:1.4}.boton-cabecera.ant-btn{color:#267b6f;background:#fff;border-color:#fff;font-weight:600}.boton-cabecera.ant-btn:not(:disabled):hover{color:#1f6359;background:#eef6f4;border-color:#eef6f4}@media (max-width:599px){.cabecera-inicio{padding:12px 16px}.cabecera-inicio-titulo{font-size:20px}.cabecera-inicio .boton-cabecera.ant-btn{width:100%}}.datos-inicio{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:24px;display:grid}.tarjeta-dato{background:#fff;border:1px solid #eef0ef;border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 2px #1018280a,0 4px 14px #1018280f}.tarjeta-dato:hover{transform:translateY(-1px);box-shadow:0 2px 4px #1018280f,0 10px 24px #1018281a}.tarjeta-dato-cabecera{align-items:center;gap:10px;display:flex}.tarjeta-dato-icono{color:#267b6f;background:#eef6f4;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:inline-flex}.tarjeta-dato-titulo{letter-spacing:.06em;text-transform:uppercase;color:#595959;font-size:12px;font-weight:700}.tarjeta-dato-valor{color:#1d1d1b;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.2}.tarjeta-dato-detalle{color:#595959;font-size:13px}.tarjeta-dato-enlace{color:#267b6f;margin-top:auto;padding-top:2px;font-weight:600;text-decoration:none}.tarjeta-dato-enlace:hover{text-decoration:underline}.monto-vencido{color:#e63323;font-weight:600}.sucursal-tarjeta{overflow-wrap:anywhere;background:#fff;border:1px solid #f0f0f0;border-radius:8px;gap:6px;margin-bottom:8px;padding:12px 14px;display:grid}.sucursal-tarjeta-detalle{color:#595959;font-size:13px}.fechas-movil{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fechas-movil .ant-picker{width:100%}.perfil{max-width:560px;margin:0 auto}.perfil-usuario{align-items:center;gap:16px;display:flex}.perfil-preferencia{justify-content:space-between;align-items:center;gap:16px;display:flex}