/* bfpcustomer — Bloques contextuales de Mateo (PDP / carrito). Sección inline en la página (no popup).
   Cache-proof: asset versionado + render client-side. Scoped #bfpc-ctx. Paleta BFP. */
#bfpc-ctx{margin:22px 0;border:1px solid #e7ebf2;border-radius:16px;background:#fff;padding:14px 16px 8px;
  font-family:"Segoe UI",Roboto,-apple-system,Arial,sans-serif;color:#232323;box-shadow:0 6px 20px rgba(10,108,91,.06)}
#bfpc-ctx .hd{display:flex;align-items:center;gap:9px;margin-bottom:11px}
#bfpc-ctx .hd .av{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#8ed14a,#0a6c5b);display:flex;align-items:center;justify-content:center;font-size:16px;flex:0 0 auto}
#bfpc-ctx .hd .t{font-weight:800;font-size:15px;color:#232323}#bfpc-ctx .hd .t b{color:#0a6c5b}
#bfpc-ctx .scr{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory}
#bfpc-ctx .scr::-webkit-scrollbar{height:7px}#bfpc-ctx .scr::-webkit-scrollbar-thumb{background:#dcdcdc;border-radius:4px}
#bfpc-ctx .cc{flex:0 0 158px;scroll-snap-align:start;border:1px solid #ececec;border-radius:13px;padding:11px;display:flex;flex-direction:column;gap:7px;text-decoration:none;color:#232323;background:#fff;transition:border-color .15s,box-shadow .15s}
#bfpc-ctx .cc:hover{border-color:#f7941d;box-shadow:0 6px 16px rgba(247,148,29,.12)}
#bfpc-ctx .cc .br{font-size:9px;font-weight:800;color:#fff;background:#232323;border-radius:4px;padding:1px 7px;align-self:flex-start;letter-spacing:.3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#bfpc-ctx .cc .im{height:96px;border-radius:9px;background:#f6f6f6 center/contain no-repeat;display:flex;align-items:center;justify-content:center;font-size:34px}
#bfpc-ctx .cc .nm{font-weight:700;font-size:12.5px;line-height:1.22;min-height:46px;overflow:hidden}
#bfpc-ctx .cc .why{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;border-radius:5px;padding:2px 7px;align-self:flex-start;background:#fff1de;color:#fa6800}
#bfpc-ctx .cc .why .zmdi{font-size:11px}
#bfpc-ctx .cc .pr{font-size:15px;font-weight:800;color:#4cbb6c}
#bfpc-ctx .cc .add{margin-top:2px;background:#f7941d;color:#fff;font-weight:800;font-size:11.5px;border-radius:8px;padding:9px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}
#bfpc-ctx .cc .add .zmdi{font-size:14px}#bfpc-ctx .cc:hover .add{background:#fa6800}
#bfpc-ctx .cc .add.atc-loading{opacity:.65;pointer-events:none}#bfpc-ctx .cc .add.atc-ok{background:#4cbb6c}#bfpc-ctx .cc .add.atc-err{background:#b33a3a}
/* barra de envío gratis (carrito) */
#bfpc-ctx .ship{background:#f3faea;border:1px solid #d8edbf;border-radius:12px;padding:11px 14px;margin-bottom:13px}
#bfpc-ctx .ship.done{background:#e4f4ea;border-color:#bfe2cf}
#bfpc-ctx .ship .lab{font-size:13px;font-weight:600;color:#3a5a18;display:flex;align-items:center;gap:6px}#bfpc-ctx .ship .lab b{color:#0a6c5b}#bfpc-ctx .ship .lab .zmdi{font-size:17px}
#bfpc-ctx .ship .pbar{height:8px;background:#e3eccf;border-radius:5px;overflow:hidden;margin-top:8px}
#bfpc-ctx .ship .pbar .pf{height:100%;background:linear-gradient(90deg,#8ed14a,#4cbb6c);border-radius:5px;transition:width .4s}
#bfpc-ctx.cart{background:#fbfdf8}
@media(max-width:560px){#bfpc-ctx{margin:16px 0;padding:12px 12px 6px}#bfpc-ctx .cc{flex-basis:140px}#bfpc-ctx .cc .im{height:84px}}
/* PDP: bloque de asesoría (abre el chat de Mateo) */
#bfpc-ctx.advisor{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(180deg,#f3fbef,#eafaf0);border-color:#cdeccf;padding:16px 18px}
#bfpc-ctx.advisor .av{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#8ed14a,#0a6c5b);display:flex;align-items:center;justify-content:center;font-size:24px;flex:0 0 auto}
#bfpc-ctx.advisor .c{flex:1;min-width:0}
#bfpc-ctx.advisor .h{font-weight:800;font-size:16px;color:#0a6c5b}
#bfpc-ctx.advisor .s{font-size:13px;color:#46505f;margin:4px 0 12px;line-height:1.45}
#bfpc-ctx.advisor .ask{background:#0a6c5b;color:#fff;font-weight:800;font-size:13.5px;border:0;border-radius:10px;padding:11px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background .15s}
#bfpc-ctx.advisor .ask:hover{background:#0c7d68}