/* =====================================================================
   BLOQUE 11 — Betterplace: «Pegar ficha completa» y «Enviar a mi app».
   Va tras bloque10.css. Todo color vive en un token; Noche y Día.
   ===================================================================== */
:root{
  --bpf-ok:var(--b4-ok); --bpf-ok-ink:var(--b4-ok-ink); --bpf-ok-bg:var(--b4-ok-bg);
  --bpf-az:var(--b4-az); --bpf-az-ink:var(--b4-az-ink); --bpf-az-bg:var(--b4-az-bg);
}

/* Botón de la cabecera de Prospección */
.bpf-btn-pegar{display:inline-flex; align-items:center; gap:8px;}
.bpf-btn-ico{display:inline-grid; place-items:center;}
.bpf-btn-ico .ico-set{width:18px; height:18px;}

/* Etiquetas (tarjeta y formulario) */
.bpf-etiquetas, .bpf-resumen{display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 2px;}
.bpf-resumen{margin:0 0 12px;}
.bpf-etq{display:inline-block; padding:3px 10px; border-radius:var(--r-pill); background:var(--b4-track); color:var(--ink-soft); font-size:.74rem; font-weight:700; line-height:1.5;}

/* Ventana de confirmación */
.bpf-dlg .b9-dlg-cuerpo{gap:10px;}
.bpf-banda{display:flex; align-items:center; gap:10px; margin:0; padding:10px 14px; border-radius:var(--r-pill); font-weight:700; font-size:.86rem;}
.bpf-banda .ico-set{width:18px; height:18px; flex:none;}
.bpf-banda.nuevo{background:var(--bpf-ok-bg); color:var(--bpf-ok-ink);}
.bpf-banda.existe{background:var(--bpf-az-bg); color:var(--bpf-az-ink);}
.bpf-grupo{margin:8px 0 0; font-size:.72rem; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-soft); font-weight:800;}
.bpf-grid{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px 10px;}
.bpf-campo{position:relative; display:flex; flex-direction:column; gap:3px; min-width:0;}
.bpf-campo.ancho{grid-column:1 / -1;}
.bpf-et{font-size:.7rem; font-weight:700; color:var(--ink-soft); padding-left:14px;}
.bpf-campo input, .bpf-campo select, .bpf-id input{
  width:100%; box-sizing:border-box; min-height:44px; padding:0 14px; border-radius:var(--r-pill);
  border:1px solid var(--line-strong); background:var(--bg); color:var(--ink); font:inherit; font-size:.95rem;
}
.bpf-campo.hallado input, .bpf-campo.hallado select{border-color:var(--bpf-ok); box-shadow:inset 0 0 0 1px var(--bpf-ok);}
.bpf-campo.mantiene input, .bpf-campo.mantiene select{opacity:.65; padding-right:38px;}
.bpf-tick{position:absolute; right:8px; bottom:9px; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:var(--bpf-ok); color:var(--b10-sobre-ok, #fff);}
.bpf-tick .ico-set{width:15px; height:15px;}
.bpf-campo input:focus-visible, .bpf-campo select:focus-visible, .bpf-id input:focus-visible, .bpf-chip-add:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.bpf-chips{display:flex; flex-wrap:wrap; gap:8px; align-items:center;}
.bpf-chip{display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:0 12px; border-radius:var(--r-pill); border:1px solid var(--line-strong); background:var(--bg); color:var(--ink); font:inherit; font-weight:700; font-size:.82rem; cursor:pointer;}
.bpf-chip .ico-set{width:13px; height:13px;}
.bpf-chip.fija{cursor:default; opacity:.65;}
.bpf-chip:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.bpf-chip-add{min-height:36px; width:130px; padding:0 12px; border-radius:var(--r-pill); border:1px dashed var(--line-strong); background:transparent; color:var(--ink); font:inherit; font-size:.82rem;}
.bpf-id{display:flex; align-items:center; gap:10px; margin:6px 0 0; font-size:.72rem; font-weight:700; color:var(--ink-soft);}
.bpf-id span{flex:none;}
.bpf-id input{min-height:38px; font-size:.82rem; opacity:.9;}
.bpf-id input:disabled{opacity:.6;}
@media (max-width:560px){
  .bpf-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
  .bpf-campo.ancho{grid-column:1 / -1;}
}
@media (max-width:380px){ .bpf-grid{grid-template-columns:minmax(0,1fr);} }

/* Ventana «Pegar ficha» */
.bpf-pasos{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px;}
.bpf-pasos li{display:flex; align-items:center; gap:12px; font-weight:600; font-size:.92rem;}
.bpf-paso-ico{flex:none; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:var(--bpf-az-bg); color:var(--bpf-az-ink);}
.bpf-paso-ico .ico-set{width:19px; height:19px;}
.bpf-pegar-btn{min-height:54px; justify-content:center; font-weight:800; width:100%;}
.bpf-dlg textarea{width:100%; box-sizing:border-box; border-radius:20px; border:1px solid var(--line-strong); background:var(--bg); color:var(--ink); font:inherit; padding:12px 14px; resize:vertical;}
.bpf-aviso{margin:0; padding:10px 14px; border-radius:16px; background:var(--b4-am-bg); color:var(--b4-am-ink); font-weight:700; font-size:.84rem;}
@media (prefers-reduced-motion:no-preference){
  .bpf-campo.hallado input{animation:bpfIn .5s ease backwards;}
  @keyframes bpfIn{from{box-shadow:inset 0 0 0 1px var(--bpf-ok), 0 0 0 4px var(--bpf-ok-bg);} to{box-shadow:inset 0 0 0 1px var(--bpf-ok), 0 0 0 0 transparent;}}
}

/* ---------- Ajustes: «Enviar a mi app desde Betterplace» ---------- */
.bpf-aj-bloque{display:flex; flex-direction:column; gap:12px; margin-top:14px;}
.bpf-aj-sub{margin:0; font-size:.78rem; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-soft); font-weight:800;}
.bpf-aj-paso{display:flex; align-items:flex-start; gap:12px;}
.bpf-aj-tx{display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; font-weight:600; font-size:.92rem; padding-top:7px;}
.bpf-marcador{display:inline-flex; align-items:center; gap:8px; cursor:grab; text-decoration:none; min-height:48px; font-weight:800;}
.bpf-marcador .ico-set{width:18px; height:18px;}
.bpf-aj-bloque .btn-pill{min-height:48px; font-weight:800;}
.bpf-aj-bloque .btn-pill .ico-set{width:18px; height:18px; flex:none;}
#bpfCodigo{width:100%; box-sizing:border-box; border-radius:18px; border:1px solid var(--line-strong); background:var(--bg); color:var(--ink); font:.72rem/1.4 ui-monospace, Menlo, monospace; padding:10px 12px; resize:vertical;}
@media (hover:none), (max-width:700px){ .bpf-aj-pc{display:none;} }
@media (hover:hover) and (min-width:701px){ .bpf-aj-movil{opacity:.92;} }