/* v1.16.1-pedasi.14 · Bloque 3 de cierre: remates (ayuda de entrada, leyenda del lindero, «Ir al lote», nombre de la vista).
   Todo es opcional por caso: clases de body que pone js/b3-remates.js según `experiencia.controles` (construir.py valida cada
   opción). Sin la clave nada de esto aplica y la experiencia queda idéntica (los casos sin la clave).
   Clases: b3-ayuda (ayuda_sobre_barra) · b3-leyenda (leyenda_cede) · b3-buscar (lista_buscar) · b3-nombre (nombre_vista_compacto). */

/* ── (1) «DESLIZA PARA MIRAR» SOBRE LA BARRA (ayuda_sobre_barra) ─────────────────────────────────────────────────────────
   Iba al centro de la pantalla y tapaba la leyenda del lindero (360×640 y con texto grande). En el teléfono vertical va justo
   encima de la barra (--dock-tope, medido por b2-controles.js) y espera a que termine «Cargando…» (que usa ese mismo sitio). En
   horizontal y en escritorio va donde siempre. En cualquier tamaño, si donde va pisa algo (la leyenda del lindero, el chip,
   «Recorrido guiado», un menú…), b3-remates.js la corre al sitio libre más cercano (propiedad `translate`, que se suma al
   transform de siempre) y, si no hay ninguno, le pone .b3-sin-franja y no sale. */
@media (max-width:700px) and (min-height:501px){
  body.b3-ayuda #ayuda{top:auto;bottom:calc(var(--dock-tope, 72px) + 12px);transform:translateX(-50%);max-width:calc(100vw - 32px);text-align:center}
  body.b3-ayuda.cargando #ayuda{visibility:hidden}
}
body.b3-ayuda #ayuda.b3-sin-franja{display:none!important}

/* ── (2) LA LEYENDA DEL LINDERO CEDE (leyenda_cede) ────────────────────────────────────────────────────────────────────
   Con el panel lateral de una pantalla baja (844×390) la leyenda quedaba debajo del panel (0 de 25 puntos a la vista): se
   oculta, como ya pasaba con la hoja del teléfono vertical. Y si no cabe (con texto grande en 360×640 salía 66 px de la
   pantalla y pisaba la barra) cede entera: el chip «Trazado orientativo» sigue a la vista y su detalle dice más. */
@media (max-height:500px){ body.b3-leyenda.con-panel:not(.panel-plegado) .leyenda-limite{display:none!important} }
body.b3-leyenda.b3-leyenda-fuera .leyenda-limite{display:none!important}
/* v1.16.1-pedasi.14 (ronda 2) · con texto grande en el teléfono la leyenda cede siempre: al 200 % ocupaba el centro de la vista y
   tapaba lotes que no se podían tocar. Queda el chip «Trazado orientativo», que la explica. */
@media (max-width:700px){ body.b3-leyenda.letra-grande .leyenda-limite{display:none!important} }

/* ── (3) «IR AL LOTE» EN LA LISTA (lista_buscar) ───────────────────────────────────────────────────────────────────────
   El campo del listado completo (.buscar) con su nombre visible a la izquierda; si no caben los dos (texto grande), el
   nombre va arriba. Toda la caja es la zona de toque (48 px). La sugerencia por número del plano (lista_numero_plano) va
   arriba si no hay otra coincidencia y al final si la hay (.b3-sug-final). */
body.b3-buscar .buscar.b3-ir{margin:0 0 12px}
body.b3-buscar .buscar.b3-ir label{flex-wrap:wrap;column-gap:10px;row-gap:0;min-height:48px;padding:2px 8px 2px 14px;cursor:text}
body.b3-buscar .buscar.b3-ir .b3-ir-et{flex:none;white-space:nowrap;font-size:.875rem;font-weight:500}
body.b3-buscar .buscar.b3-ir input{flex:1 1 4.5em;min-width:4.5em;min-height:44px;padding:0;font-size:1rem;font-variant-numeric:tabular-nums}
body.b3-buscar .buscar.b3-ir input::placeholder{color:rgba(250,249,245,.62)}
body.b3-buscar .b3-sug{margin:0 0 12px}
body.b3-buscar .b3-sug.b3-sug-final{margin:14px 0 12px}
body.b3-buscar .b3-sug .sec{margin:0 4px 6px}
body.b3-buscar .b3-sug .fila{border-color:rgba(var(--senal-rgb),.75)}
body.b3-buscar #resultados-lotes .vacio{padding:6px 2px 10px}
body.b3-buscar #resultados-lotes .vacio h3{margin:0 0 6px;font:400 1.125rem var(--tit)}
body.b3-buscar #resultados-lotes .vacio .nota{margin:0 0 12px}

/* ── (4) NOMBRE DE LA VISTA CON LA SERIF DEL CASO (nombre_vista_compacto) ────────────────────────────────────────────────
   La Prata latina dibuja un 8,4 % más ancho que Georgia: en el teléfono vertical el nombre pasaba a dos o tres líneas
   («El / masterplan» al 200 %). Un 8 % más chico (513,9 / 557,2) recupera los cortes de antes y las líneas se equilibran
   (sin una palabra sola ni un «a» al final). */
@media (max-width:700px) and (min-height:501px){
  body.b3-nombre .marca .escena{font-size:calc(1.2rem * .92);text-wrap:balance}
}

/* v1.16.1-pedasi.15 · «Ir» junto al campo (controles.lista_ir_boton), el motivo a la vista y la sugerencia como pregunta-botón */
body.b3-buscar .buscar.b3-ir.b4-con-ir{align-items:stretch;margin-bottom:8px}
body.b3-buscar .buscar.b3-ir .b4-ir{flex:none;min-width:56px;min-height:48px;padding:0 16px;border-radius:14px;font-weight:600;justify-content:center}
body.b3-buscar .b4-ir-msg{margin:0 4px 12px;font-size:.875rem;line-height:1.35}
body.b3-buscar .b3-sug .b4-sug{display:flex;width:100%;min-height:48px;justify-content:space-between;align-items:center;text-align:left;
  border:1px solid rgba(var(--senal-rgb),.75);white-space:normal}

/* ── v1.16.1-pedasi.17 · Remates finales (auditoría UX/UI del 11 oct 2026). Todo opcional por caso. ───────────────────────── */

/* PV-03 · `recorrido_mas_abajo` (con recorrido_movil): la franja «Más abajo: …» al pie de la tarjeta cuando la fila de acciones
   está suelta y no se ve. La coloca guia.js (indicarAbajo) sobre el borde inferior de la tarjeta; es un botón (lleva a las
   acciones). El degradado desvanece el texto que pasa por detrás, como la fila fija. */
#g-indica{position:fixed;z-index:27;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 12px 8px;border:0;
  border-radius:0 0 18px 18px;background:linear-gradient(rgba(var(--papel-rgb),0),rgba(var(--papel-rgb),.96) 14px);color:var(--detalle-texto);
  font:inherit;font-size:.75rem;line-height:1.2;text-align:center;cursor:pointer;white-space:normal}
#g-indica svg{flex:none;width:12px;height:7px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#g-indica:focus-visible{outline:2px solid var(--senal);outline-offset:-3px}
body.con-reproductor #g-indica,body.con-panel:not(.panel-plegado) #g-indica{display:none!important}
@media (prefers-reduced-motion:no-preference){ #g-indica:not([hidden]) svg{animation:gSigue 900ms ease-in-out 2} }

/* PV-02 · `paneles.lectura_grande` (con paneles.ajustables) y texto grande (body.letra-grande), teléfono vertical: la cabecera
   del panel en una sola franja —«‹ Atrás» y «Ocultar» como íconos de 44 px con su nombre accesible, el título a su lado (hasta
   dos líneas)— y el pie fijo con la acción principal sola (lotes.js · pieFicha, proyecto.js). Medido en 360×640 al 200 %: la
   cabecera de «Acerca de» pasaba de 141 a ~86 px y el pie de 223 a ~96 px. */
@media (max-width:700px) and (min-height:501px){
  body.lectura-grande.letra-grande #panel .cab{flex-wrap:nowrap;align-items:center;gap:6px;padding:2px 8px 4px 10px}
  body.lectura-grande.letra-grande #panel .cab h2{order:0;flex:1 1 0;min-width:0;margin:0;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.12;font-size:1.1rem;overflow-wrap:anywhere}
  body.lectura-grande.letra-grande #panel .cab .volver,body.lectura-grande.letra-grande #panel .cab .plegar{font-size:0;min-width:44px;width:44px;min-height:44px;padding:0;justify-content:center;margin:0;flex:none;line-height:1}
  body.lectura-grande.letra-grande #panel .cab .volver::before{content:"‹";font-size:1.6rem}
  body.lectura-grande.letra-grande #panel .cab .plegar::before{content:"";display:block;width:12px;height:12px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg)}
  body.lectura-grande.letra-grande #panel .cab .volver{margin-right:0}
  body.lectura-grande.letra-grande #panel.plegado .cab h2{font-size:1.1rem}
  body.lectura-grande.letra-grande #panel .pie{padding:6px 12px}
  body.lectura-grande.letra-grande #panel .pie > .pie-ficha.una{grid-template-columns:minmax(0,1fr)}
  body.lectura-grande.letra-grande #panel .pie .b.pri.wa-b{font-size:.95rem;line-height:1.2;min-height:46px;padding:4px 14px}
  /* la acción contextual de la ficha («Ver en el terreno» / «Ubicar el lote») vive en el cuerpo, después de los datos */
  body.lectura-grande.letra-grande #panel .cuerpo .terreno-cuerpo{margin:4px 0 10px}
  body.lectura-grande.letra-grande #panel .cuerpo .terreno-cuerpo .b{width:100%;justify-content:center;min-height:48px;white-space:normal;line-height:1.15}
  /* la ayuda de WhatsApp con «Copiar mensaje», al final del cuerpo de Proyecto y Contacto */
  body.lectura-grande.letra-grande #panel .cuerpo > .wa-ayuda{margin:14px 0 4px;gap:2px 8px;line-height:1.35;padding-top:12px;border-top:1px solid var(--linea)}
  body.lectura-grande.letra-grande #panel .cuerpo > .wa-ayuda .b.txt{min-height:44px;padding:0 8px;border-radius:8px}
}
/* La cabecera compacta también manda sobre la container query de 17 em (título en su propia línea), que está en experiencia.css */
@container panel (max-width:17em){
  body.lectura-grande.letra-grande #panel .cab{flex-wrap:nowrap;justify-content:flex-start;padding-top:4px;padding-bottom:6px}
  body.lectura-grande.letra-grande #panel .cab h2{order:0;flex:1 1 0;margin:0}
}
/* PV-01 · la aclaración de un rasgo ({es, nota}) bajo su valor, en todos los tamaños (solo si el dato la trae) */
dl.datos.ficha-datos dd .rasgo-nota{display:block;font-size:.78rem;line-height:1.35;opacity:.72;margin-top:2px}