:root{--negro: #1a1a1a;--morado: #50479a;--rosado: #f83a6a;--verde: #9daf00;--naranjo: #fba103;--arena: #ebe0d6;--fondo: #faf7f3;--blanco: #ffffff;--gris: #6b6560;--linea: #e4dbd2;--radio: 14px}*{box-sizing:border-box}html,body{margin:0}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--fondo);color:var(--negro);font-size:15px;line-height:1.5}h1{font-size:26px;margin:0 0 4px}h2{font-size:18px;margin:0 0 8px}h3{font-size:16px;margin:0}p{margin:0 0 8px}.suave{color:var(--gris)}.error{color:#b3123d;font-weight:600}.centro{min-height:100vh;display:grid;place-items:center;padding:16px}.tarjeta{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:20px}.aviso{max-width:440px}.marca{font-weight:700;font-size:18px;color:var(--morado)}.marca span{color:var(--negro);font-weight:500}.marca.grande{font-size:22px;margin-bottom:16px}.login{width:100%;max-width:400px;display:flex;flex-direction:column;gap:8px}label{font-weight:600;font-size:14px}input[type=email],input[type=month]{font:inherit;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;background:var(--blanco)}input:focus-visible,button:focus-visible{outline:2px solid var(--morado);outline-offset:2px}.boton{font:inherit;font-weight:600;background:var(--morado);color:var(--blanco);border:0;border-radius:10px;padding:11px 18px;cursor:pointer;margin-top:8px}.boton:disabled{opacity:.6;cursor:default}.boton.secundario{background:var(--arena);color:var(--negro)}.enlace{font:inherit;background:none;border:0;color:var(--morado);cursor:pointer;text-decoration:underline}.barra{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--blanco);border-bottom:1px solid var(--linea);flex-wrap:wrap}.barra nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.barra nav button{font:inherit;background:none;border:0;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--gris)}.barra nav button.activo{background:var(--arena);color:var(--negro);font-weight:600}.usuario{display:flex;gap:12px;align-items:center;font-size:14px}.contenido{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.encabezado{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}.selector{display:flex;flex-direction:column;gap:4px}.resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.kpi{display:flex;flex-direction:column;gap:2px}.kpi span,.kpi small{color:var(--gris)}.kpi strong{font-size:24px}.tiendas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.tienda-cabeza{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.cifra{font-size:26px;font-weight:700}.etiqueta{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.etiqueta.bien{background:#eef2cc;color:#5b6600}.etiqueta.atento{background:#fff0cf;color:#8a5800}.etiqueta.atrasado{background:#fde0e7;color:#b3123d}.etiqueta.sin-meta{background:var(--arena);color:var(--gris)}.barra-avance{position:relative;height:12px;background:var(--arena);border-radius:999px;margin:12px 0 16px;overflow:visible}.relleno{height:100%;border-radius:999px;background:var(--morado)}.relleno.bien{background:var(--verde)}.relleno.atento{background:var(--naranjo)}.relleno.atrasado{background:var(--rosado)}.marca-ritmo{position:absolute;top:-4px;width:2px;height:20px;background:var(--negro)}.datos{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0}.datos dt{font-size:12px;color:var(--gris)}.datos dd{margin:0;font-weight:600}.nota{color:var(--gris);font-size:13px;margin-top:16px}.zona-archivo{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;margin-bottom:16px;border:2px dashed var(--linea);border-radius:var(--radio);background:var(--blanco);cursor:pointer;text-align:center}.zona-archivo input{display:none}.zona-archivo:hover{border-color:var(--morado)}.revision table{width:100%;border-collapse:collapse;margin:8px 0 12px}.revision th,.revision td{text-align:left;padding:8px;border-bottom:1px solid var(--linea)}.revision th{font-size:13px;color:var(--gris);font-weight:600}.errores{margin-bottom:8px}.exito{border-color:var(--verde)}@media (max-width: 640px){.barra{padding:12px 16px;gap:12px}.usuario{width:100%;justify-content:space-between}h1{font-size:22px}}.opciones-carga{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}.segmento{display:inline-flex;background:var(--arena);border-radius:10px;padding:4px;gap:4px}.segmento button{font:inherit;border:0;background:none;padding:8px 14px;border-radius:8px;cursor:pointer;color:var(--gris)}.segmento button.activo{background:var(--blanco);color:var(--negro);font-weight:600}select{font:inherit;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;background:var(--blanco);min-width:220px}.pegar{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}textarea{font:inherit;font-size:13px;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;resize:vertical;width:100%}.otra-forma{margin-bottom:16px}.otra-forma summary{cursor:pointer;color:var(--morado);margin-bottom:8px}.detalle-opticas{margin:8px 0 12px}.detalle-opticas summary{cursor:pointer;color:var(--morado)}.detalle-opticas select{min-width:0;padding:6px 8px}.historial{margin-top:32px}.lista-cargas{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}.fila-carga{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.acciones{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap}.acciones .boton{margin-top:0}.boton.peligro{background:#b3123d}.boton.chico{padding:6px 12px;font-size:13px}.tabla-ventas{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}.tabla-ventas th,.tabla-ventas td{text-align:left;padding:8px;border-bottom:1px solid var(--linea)}.tabla-ventas th{font-size:12px;color:var(--gris)}.exito-texto{color:#5b6600;font-weight:600}.formulario{margin-bottom:16px}.campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0 4px}.campos label{display:flex;flex-direction:column;gap:4px}.campos .ancho{grid-column:1 / -1}input[type=text],input[type=date]{font:inherit;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;background:var(--blanco)}.campos select{min-width:0}.tabla-scroll{overflow-x:auto}.revision-pendientes{border-color:var(--naranjo);margin-bottom:16px}.revision-pendientes select{min-width:0;padding:6px 8px;font-size:13px}.aviso-suave{background:#fff6e0;border-radius:10px;padding:10px 14px;margin:8px 0 12px}.negativo{color:#b3123d}.tabla-resultado td:not(:first-child),.tabla-resultado th:not(:first-child){text-align:right;white-space:nowrap}.tabla-resultado tr.fuerte td{font-weight:700}.caja{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:16px}.lista-simple{padding-left:18px;margin:12px 0 0}.lista-simple li{margin-bottom:4px}.sub-nav{margin-bottom:20px}.semana{margin-bottom:12px}.dias{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;overflow-x:auto;margin-top:8px}.dia{background:var(--fondo);border-radius:10px;padding:8px;min-height:80px;display:flex;flex-direction:column;gap:6px}.dia.hoy{outline:2px solid var(--morado)}.dia-nombre{font-size:12px;font-weight:700;text-transform:capitalize;color:var(--gris)}.sin-turno{font-size:12px}.turno{background:var(--blanco);border:1px solid var(--linea);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;font-size:13px}.turno.mio{border-color:var(--morado);background:#efedf8}.chico-enlace{font-size:12px;align-self:flex-start;padding:0}input[type=time]{font:inherit;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;background:var(--blanco)}.marcar{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-bottom:16px}.grande-boton{font-size:18px;padding:16px 28px}.tabla-ventas select{min-width:0;padding:6px 8px;font-size:13px}@media (max-width: 640px){.dias{grid-template-columns:1fr}.dia{min-height:0}}.fila-clic{cursor:pointer}.fila-clic:hover td{background:var(--fondo)}.detalle-liq{background:var(--fondo);padding:16px}.detalle-liq h3{margin:8px 0}.detalle-liq .tabla-ventas{background:var(--blanco);margin-bottom:12px}.panel-tienda{margin-bottom:24px}.panel-tienda>h2{margin-bottom:12px}.panel-tienda h3{margin-bottom:8px}.panel-tienda .cifra small{font-size:14px;font-weight:500}.panel-tienda .selector select{min-width:0;margin-bottom:8px}.mensaje-bono{background:#efedf8;border-radius:10px;padding:10px 12px;margin:8px 0 0;font-size:14px}.escalera{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.escalon{border:1px solid var(--linea);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:2px;background:var(--blanco)}.escalon-nivel{font-size:11px;font-weight:700;color:var(--gris);text-transform:uppercase;letter-spacing:.03em}.escalon-bono{font-size:18px;font-weight:700}.escalon-meta{font-size:12px;color:var(--gris)}.escalon-falta{font-size:12px;font-weight:700;color:var(--morado)}.escalon.logrado{background:#eef2cc;border-color:var(--verde)}.escalon.logrado .escalon-nivel{color:#5b6600}.escalon.siguiente{border:2px solid var(--morado);background:#efedf8}@media (max-width: 420px){.escalera{grid-template-columns:repeat(2,1fr)}}
