@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--tinta:#0f1b2d;--suave:#5b6472;--fondo:#f5f6f3;--superficie:#fff;--borde:#e3e6ea;--marca:#0e5e6f;--stop:#334155;--presentacion:#1d4ed8;--cierre:#f59e0b;--cierre-barra:#d97706;--venta:#15803d;--rojo:#b91c1c;--rojo-fondo:#fef2f2;--rojo-borde:#fca5a5;color:var(--tinta);background:var(--fondo);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;font-family:Manrope,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--fondo);margin:0}button,input{font-family:inherit}h1{margin:0 0 12px;font-size:20px}.cargando,.vacio,.nota{color:var(--suave);text-align:center;padding:16px;font-size:14px}.mensaje-centro{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px;display:flex}.marca{letter-spacing:3px;color:var(--marca);font-size:20px;font-weight:800}.marca-grande{text-align:center;margin-bottom:24px;font-size:32px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:16px;padding:18px}.boton-primario,.boton-secundario{cursor:pointer;border-radius:12px;min-height:48px;padding:0 20px;font-size:16px;font-weight:700}.boton-primario{background:var(--marca);color:#fff;border:none}.boton-primario:disabled{opacity:.6}.boton-secundario{border:1px solid var(--borde);background:var(--superficie);color:var(--tinta)}.login{flex-direction:column;justify-content:center;max-width:420px;min-height:100dvh;margin:0 auto;padding:24px 16px;display:flex}.login-form{flex-direction:column;gap:8px;display:flex}.login-form label{margin-top:8px;font-size:14px;font-weight:700}.login-form input{border:1px solid #c9cfd6;border-radius:10px;min-height:48px;padding:0 12px;font-size:16px}.login-form .boton-primario{margin-top:16px}.error{color:var(--rojo);margin:8px 0 0;font-size:14px}.app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.encabezado{padding:14px 20px 10px;padding-top:max(14px, env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex}.usuario{align-items:center;gap:10px;display:flex}.usuario-texto{text-align:right}.usuario-nombre{font-size:14px;font-weight:700}.estado{font-size:12px;font-weight:600}.estado-ok{color:var(--venta)}.estado-sin{color:#92400e}.avatar{background:var(--marca);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.navegacion{background:var(--superficie);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;display:grid;position:sticky;bottom:0}.nav-boton{min-height:64px;color:var(--suave);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.nav-activo{color:var(--marca);font-weight:700}.registrar{flex-direction:column;flex:1;gap:10px;padding:0 16px 16px;display:flex;position:relative}.resumen{background:var(--superficie);border:1px solid var(--borde);border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.resumen-bajo{background:var(--rojo-fondo);border-color:var(--rojo-borde)}.resumen-cabeza{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.resumen-fecha{color:var(--suave);font-size:13px;font-weight:600}.resumen-conv{color:var(--suave);white-space:nowrap;font-size:13px}.resumen-conv b{font-size:18px;font-weight:800}.resumen-pie{color:var(--suave);justify-content:space-between;gap:8px;font-size:11px;display:flex}.fila{align-items:center;gap:8px;font-size:12px;display:flex}.fila-etiqueta{width:96px;color:var(--suave)}.barra{background:#eef0f2;border-radius:4px;flex:1;height:8px;overflow:hidden}.barra-relleno{border-radius:4px;height:8px;transition:width .25s;display:block}.relleno-stop{background:var(--stop)}.relleno-presentacion{background:var(--presentacion)}.relleno-cierre{background:var(--cierre-barra)}.relleno-venta{background:var(--venta)}.fila-valor{text-align:right;width:40px;font-weight:700}.botones{flex:1;grid-template-rows:repeat(4,minmax(80px,1fr));gap:10px;display:grid}.boton-kpi{color:#fff;cursor:pointer;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;border-radius:18px;justify-content:space-between;align-items:center;padding:0 22px;transition:transform 80ms;display:flex}.boton-kpi:active{transform:scale(.98)}.boton-kpi:focus-visible{outline:3px solid var(--tinta);outline-offset:2px}.kpi-stop{background:var(--stop)}.kpi-presentacion{background:var(--presentacion)}.kpi-cierre{background:var(--cierre);color:#1f1300}.kpi-venta{background:var(--venta)}.kpi-textos{flex-direction:column;gap:4px;display:flex}.kpi-titulo{letter-spacing:1px;font-size:24px;font-weight:800}.kpi-ayuda{opacity:.9;font-size:13px}.kpi-numero{font-size:40px;font-weight:800}.toast-espacio{flex:none;height:56px}.toast{background:var(--tinta);color:#fff;z-index:10;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:10px 14px;font-size:14px;display:flex}.toast-deshacer{color:#fcd34d;cursor:pointer;background:0 0;border:1px solid #fcd34d;border-radius:10px;min-height:44px;padding:0 14px;font-size:14px;font-weight:700}.aviso{color:#78350f;background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;margin:0;padding:10px 12px;font-size:13px}.historial,.perfil{flex-direction:column;flex:1;gap:12px;padding:4px 16px 16px;display:flex}.tabla{border-collapse:collapse;background:var(--superficie);border-radius:12px;width:100%;font-size:14px;overflow:hidden}.tabla th{text-align:right;color:var(--suave);padding:10px 8px;font-size:11px;font-weight:700}.tabla td{text-align:right;border-top:1px solid #eef0f2;padding:10px 8px}.tabla th:first-child,.tabla td:first-child{text-align:left}.fila-baja{background:var(--rojo-fondo)}.perfil-nombre{margin-bottom:8px;font-size:18px;font-weight:800}.perfil-dato{color:var(--suave);margin-top:4px;font-size:14px}.selector-idioma-login{justify-content:center;gap:4px;margin-bottom:16px;display:flex}.selector-idioma-login button{border:1px solid var(--borde);background:var(--superficie);min-height:40px;color:var(--suave);cursor:pointer;border-radius:10px;padding:0 14px;font-weight:600}.selector-idioma-login button.activo{background:var(--tinta);color:#fff;border-color:var(--tinta)}.mi-cuenta{flex-direction:column;gap:12px;max-width:560px;display:flex}.formulario-cuenta{flex-direction:column;gap:8px;display:flex}.formulario-cuenta label{font-size:13px;font-weight:700}.formulario-cuenta input,.formulario-cuenta select,.selector-simple{background:#fff;border:1px solid #c9cfd6;border-radius:10px;min-height:44px;padding:0 12px;font-family:inherit;font-size:15px}.formulario-cuenta .boton-primario{margin-top:6px}.titulo-seccion{margin:0 0 4px;font-size:16px!important;font-weight:800!important}.ok-texto{color:var(--venta);margin:4px 0 0;font-size:14px}.admin-cuenta{flex-direction:column;gap:16px;display:flex}.panel{font-variant-numeric:tabular-nums;flex-direction:column;gap:20px;display:flex}.panel h1{margin:0;font-size:26px;font-weight:800}.panel h2{margin:0 0 8px;font-size:17px;font-weight:800}.panel-cabeza{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-controles{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.segmentado{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:4px;display:flex}.segmentado button{min-height:40px;color:var(--suave);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:0 16px;font-size:14px;font-weight:600}.segmentado button.activo{background:var(--tinta);color:#fff;font-weight:700}.segmentado.claro{background:var(--fondo);border:none}.segmentado.claro button.activo{background:var(--superficie);color:var(--tinta)}.selector-fecha input{border:1px solid var(--borde);background:var(--superficie);border-radius:12px;min-height:48px;padding:0 12px;font-family:inherit;font-size:14px}.verde{color:var(--venta)}.rojo{color:var(--rojo)}.tinta{color:var(--tinta)}.marca{color:var(--marca)}.fuerte{font-weight:800}.grande{font-size:20px}.pequeno{font-size:12px}.kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.kpi{background:var(--superficie);border:1px solid var(--borde);border-radius:16px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.kpi-bajo{background:var(--rojo-fondo);border-color:var(--rojo-borde)}.kpi-etiqueta{letter-spacing:1px;color:var(--suave);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.kpi-valor{font-size:34px;font-weight:800}.kpi-sub{color:var(--suave);justify-content:space-between;gap:8px;font-size:13px;display:flex}.kpi-sub .verde,.kpi-sub .rojo{font-weight:700}.punto{border-radius:5px;width:10px;height:10px}.punto-stop{background:var(--stop)}.punto-presentacion{background:var(--presentacion)}.punto-cierre{background:var(--cierre-barra)}.punto-venta{background:var(--venta)}.punto-meta{background:var(--marca)}.rejilla-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:16px;display:grid}.columna{flex-direction:column;gap:16px;display:flex}.tarjeta-cabeza{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.tarjeta-cabeza.envuelve{flex-wrap:wrap;align-items:center}.tarjeta-cabeza h2{margin:0}.embudo-fila{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.embudo-textos{justify-content:space-between;font-size:14px;display:flex}.embudo-barra{background:#eef0f2;border-radius:8px;height:26px;overflow:hidden}.embudo-barra.delgada{border-radius:5px;height:10px}.embudo-relleno{border-radius:inherit;height:100%;transition:width .3s}.relleno-marca{background:var(--marca)}.relleno-rojo{background:var(--rojo)}.serie{border-bottom:1px solid var(--borde);align-items:flex-end;gap:4px;height:200px;padding-bottom:2px;display:flex}.serie-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.serie-valor{font-size:11px;font-weight:700}.serie-barra{background:#7fb89a;border-radius:5px 5px 0 0;width:100%;min-height:0}.serie-barra.mejor{background:var(--venta)}.serie-ejes{gap:4px;margin-top:6px;display:flex}.serie-ejes span{text-align:center;color:var(--suave);flex:1;min-width:0;font-size:10px}.tabla-desliza{overflow-x:auto}.tabla-ranking{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}.tabla-ranking th{text-align:left;color:var(--suave);letter-spacing:.5px;text-transform:uppercase;padding:10px 8px;font-size:12px;font-weight:700}.tabla-ranking td{border-top:1px solid #eef0f2;padding:11px 8px}.tabla-ranking .num{text-align:right}.tabla-ranking .fila-baja{background:var(--rojo-fondo)}.calor{align-items:center;gap:4px;display:grid}.calor-hora{color:var(--suave);text-align:center;font-size:11px}.calor-dia{color:var(--suave);font-size:12px;font-weight:600}.calor-celda{border-radius:5px;height:24px}.calor-leyenda{color:var(--suave);align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.calor-leyenda span{border-radius:3px;width:18px;height:12px}.equipo{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.equipo-textos{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;display:flex}.alerta{align-items:flex-start;gap:12px;margin-bottom:10px;font-size:14px;display:flex}.etiqueta-alerta{border-radius:6px;flex:none;margin-top:1px;padding:2px 8px;font-size:11px;font-weight:800}.alerta-embudo{color:#7a4b00;background:#fdecc8}.alerta-bajo-meta{background:var(--rojo-fondo);color:var(--rojo)}.alerta-sin-actividad{color:#1e3a6b;background:#e6ecf5}.oficina{background:var(--fondo);min-height:100dvh}.oficina-barra{background:var(--superficie);border-bottom:1px solid var(--borde)}.oficina-barra-interior{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.oficina-izq{align-items:center;gap:14px;display:flex}.insignia{color:#1e3a6b;background:#e6ecf5;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.oficina-der{align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.oficina-contenido{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:28px 24px 48px}@media (width<=600px){.oficina-contenido{padding:20px 16px 40px}}.visualmente-oculto{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.admin{background:var(--fondo);flex-wrap:wrap;min-height:100dvh;display:flex}.admin h1{margin:0;font-size:26px;font-weight:800}.admin h2{margin:0 0 8px;font-size:17px;font-weight:800}.admin-suave{color:var(--suave);margin:4px 0;font-size:14px}.admin-error{color:var(--rojo);background:var(--rojo-fondo);border-radius:10px;margin:4px 0;padding:8px 12px;font-size:14px}.admin-ok{color:var(--venta);background:#eaf5ee;border-radius:10px;margin:4px 0;padding:8px 12px;font-size:14px}.admin-aviso{color:#78350f;background:#fffbeb;border-radius:10px;margin:4px 0;padding:8px 12px;font-size:13px}.admin-tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:16px;padding:20px 24px}.admin-lateral{box-sizing:border-box;background:var(--tinta);color:#fff;flex-direction:column;flex:240px;gap:22px;max-width:100%;padding:24px 16px;display:flex}.admin-marca{letter-spacing:3px;padding:0 8px;font-size:22px;font-weight:800}.admin-asociacion{background:#17263d;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;font-size:14px;display:flex}.admin-etiqueta{letter-spacing:1px;color:#a9b3c1;font-size:11px;font-weight:600}.admin-menu{flex-direction:column;gap:4px;display:flex}.admin-menu-item{text-align:left;color:#d5dce5;cursor:pointer;background:0 0;border:none;border-radius:10px;min-height:44px;padding:0 12px;font-size:14px;font-weight:600}.admin-menu-item.activo{background:var(--marca);color:#fff;font-weight:700}.admin-yo{background:#17263d;border-radius:12px;margin-top:auto;padding:12px;font-size:13px}.admin-yo-nombre{font-weight:700}.admin-yo-rol{color:#a9b3c1}.admin-salir{color:#d5dce5;cursor:pointer;background:0 0;border:1px solid #2b3a52;border-radius:8px;width:100%;min-height:36px;margin-top:10px;font-weight:600}.admin-contenido{box-sizing:border-box;flex-direction:column;flex:999 560px;gap:20px;min-width:0;padding:28px 32px 48px;display:flex}.usuarios{flex-direction:column;gap:20px;display:flex}.usuarios-cabeza{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.buscador input{border:1px solid var(--borde);background:var(--superficie);border-radius:12px;min-width:280px;min-height:48px;padding:0 14px;font-size:14px}.usuarios-cuerpo{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.organigrama{flex:999 520px;min-width:0}.usuarios-panel{flex-direction:column;flex:360px;gap:16px;min-width:0;display:flex;position:sticky;top:16px}.arbol{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.arbol-fila{text-align:left;cursor:pointer;width:100%;min-height:54px;color:var(--tinta);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding-right:12px;display:flex}.arbol-fila:hover{background:#f5f6f3}.arbol-fila.seleccionada{border-color:var(--marca);background:#f0f7f8}.arbol-fila.inactiva{opacity:.55}.arbol-codo{border-bottom:2px solid #c9cfd6;border-left:2px solid #c9cfd6;border-bottom-left-radius:4px;flex:none;width:14px;height:14px;margin-top:-10px}.arbol-avatar{width:34px;height:34px;color:var(--marca);background:#e3f0f1;border-radius:17px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.arbol-texto{flex-direction:column;flex:1;min-width:0;display:flex}.arbol-nombre{font-size:14px;font-weight:700}.arbol-meta{color:var(--suave);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rol{letter-spacing:.5px;border-radius:6px;flex:none;padding:3px 8px;font-size:11px;font-weight:800}.rol-admin{background:var(--tinta);color:#fff}.rol-oficina{color:#1e3a6b;background:#e6ecf5}.rol-empleado{color:#0b4752;background:#e3f0f1}.formulario{flex-direction:column;gap:8px;display:flex}.formulario label{font-size:13px;font-weight:700}.formulario input:not([type=checkbox]),.formulario select{box-sizing:border-box;background:#fff;border:1px solid #c9cfd6;border-radius:10px;width:100%;min-height:44px;padding:0 12px;font-size:14px}.formulario-cabeza{justify-content:space-between;align-items:center;display:flex}.dos-columnas{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dos-columnas>div{flex-direction:column;gap:6px;display:flex}.casilla{align-items:flex-start;gap:10px;margin-top:6px;display:flex;font-weight:500!important}.casilla input{width:18px;height:18px;margin-top:1px}.botonera{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.enlace{color:var(--marca);cursor:pointer;background:0 0;border:none;min-height:44px;font-size:14px;font-weight:700}.entrega{border-color:var(--marca);background:#f0f7f8}.entrega dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:10px 0;font-size:14px;display:grid}.entrega dt{color:var(--suave)}.entrega dd{word-break:break-all;margin:0;font-weight:700}.contrasena{letter-spacing:1px;font-family:ui-monospace,Menlo,monospace;font-size:18px}@media (width<=600px){.admin-contenido{padding:20px 16px 40px}.admin-tarjeta{padding:16px}.buscador,.buscador input{box-sizing:border-box;width:100%;min-width:0}.dos-columnas{grid-template-columns:minmax(0,1fr)}}.admin-config{flex-direction:column;gap:16px;max-width:760px;display:flex}.meta-control{border:1px solid #c9cfd6;border-radius:12px;align-items:center;margin-top:8px;display:inline-flex;overflow:hidden}.meta-control button{cursor:pointer;background:#f5f6f3;border:none;width:48px;height:48px;font-size:22px;font-weight:700}.meta-control input{text-align:right;border:none;width:80px;height:48px;font-family:inherit;font-size:22px;font-weight:800}.meta-pct{padding:0 10px 0 2px;font-size:22px;font-weight:800}.opciones{border:none;flex-direction:column;gap:10px;margin:8px 0 0;padding:0;display:flex}.opcion{border:2px solid var(--borde);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.opcion-activa{border-color:var(--marca);background:#f0f7f8}.opcion input{width:18px;height:18px;accent-color:var(--marca);margin-top:3px}.opcion>span{flex-direction:column;gap:2px;display:flex}.opcion-titulo{font-size:14px;font-weight:800}.opcion-detalle{color:var(--suave);font-size:13px}