/* v1.16.1-pedasi.9 · Bloque 2 de cierre: Ficha del lote (foto a lo ancho, pie compacto, encuadre del lote al abrir, pila sin crecer) y foto ampliada.
   Todo lo de este archivo es opcional por caso (clases de body que pone el motor según el manifiesto) o corrige un defecto medido. */

/* ── PIE COMPACTO DE LA FICHA CON DATOS (ficha_datos; lo arma lotes.js · pieFicha) ──────────────────────────────────────────
   «Ver en el terreno» y «Consultar por WhatsApp» (principal) en la misma fila, y debajo la ayuda de WhatsApp con «Copiar
   mensaje». Antes: tres botones apilados, 175 px a 390 (203 al 200 %). Ahora ~122 px a 390: los rótulos largos pasan a dos
   líneas dentro de su botón en vez de apilar los botones; con texto grande sí se apilan (una columna). */
#panel .pie > .pie-ficha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8px;width:100%;align-items:stretch}
#panel .pie > .pie-ficha.una{grid-template-columns:minmax(0,1fr)}
#panel .pie-ficha .b{min-height:46px;padding:4px 12px;font-size:.875rem;line-height:1.15;white-space:normal;border-radius:14px;gap:6px}
#panel .pie-ficha .wa-ayuda{grid-column:1 / -1;margin:0;gap:0 8px;line-height:1.35}
#panel .pie-ficha .wa-ayuda .b.txt{min-height:44px;padding:0 8px;font-size:.8rem;border-radius:8px}
body.letra-grande #panel .pie > .pie-ficha{grid-template-columns:minmax(0,1fr)}
@media (max-width:700px){ #panel .pie-ficha .b{padding:4px 10px} }
/* Con texto grande el pie lleva solo los dos botones (uno sobre otro) y la ayuda con «Copiar mensaje» va en el cuerpo, después
   de los datos y su fuente (lotes.js · pieFicha): el pie fijo baja de ~240–270 px estimados a ~150 px al 200 % en 390. */
body.ficha-datos #panel .cuerpo > .wa-ayuda{margin:6px 0 12px;gap:2px 8px;line-height:1.35}
body.ficha-datos #panel .cuerpo > .wa-ayuda .b.txt{min-height:44px;padding:0 8px;border-radius:8px}
/* la caja para copiar el mensaje a mano (si el portapapeles falla) va al principio del cuerpo: aquí, separada de los datos */
body.ficha-datos #panel .cuerpo > .copia-manual:first-child{margin:0 0 12px}

/* ── FOTO DEL LOTE A LO ANCHO (ficha_datos; lotes.js · fotoAncha) ───────────────────────────────────────────────────────────
   A lo ancho del cuerpo, en su proporción (4:3) y sin recortar (contain): el rótulo «Lote N» quemado en la esquina se ve. Antes,
   las reglas de .galeria (.g1 de 210 px de alto) la volvían una franja de 115×210 px. En pantallas bajas (horizontal) no pasa
   de 45 % del alto, para no empujar el resto de la ficha. */
.fotos-lote.foto-ancha{display:block;margin:12px 0 10px}
.fotos-lote.foto-ancha button{position:relative;display:block;width:100%;max-width:calc(45vh * 4 / 3);height:auto;aspect-ratio:4 / 3;padding:0;border:0;border-radius:12px;overflow:hidden;background:rgba(0,0,0,.25);cursor:zoom-in}
.fotos-lote.foto-ancha button img{display:block;width:100%;height:100%;object-fit:contain}
.fotos-lote.foto-ancha .ampliar{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:rgba(20,23,15,.8);color:var(--base)}
.fotos-lote.foto-ancha .ampliar .ico{width:16px;height:16px}
.fotos-lote.foto-ancha button:focus-visible{outline:2px solid var(--senal);outline-offset:2px}
.fotos-lote.foto-ancha figcaption{margin:6px 0 0;font-size:.78rem;line-height:1.4;opacity:.85}

/* ── FOTO AMPLIADA (reproductor) ───────────────────────────────────────────────────────────────────────────────────────────
   Defecto medido (todos los casos): la regla de los colores de las capas (.chip de 14×14 px, v1.11) también caía sobre la
   etiqueta del pie del reproductor, que quedaba en 26 px de ancho (una palabra por línea, desbordada). Se le devuelve su tamaño. */
#reproductor .pie-v .chip{width:auto;height:auto;flex:0 1 auto;background:none;white-space:normal;line-height:1.3;padding:4px 12px}
/* Con ficha_datos: el título no se corta con «…» (hasta dos líneas) y la foto del lote lleva un pie que se lee entero. */
body.ficha-datos #reproductor .cab h2{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}
#reproductor .rp-leyenda{margin:0;flex:1 1 12rem;min-width:0;font-size:.875rem;line-height:1.45;opacity:.9}
/* Teléfono vertical: la foto ya ocupa todo el ancho (4:3); la hoja se ajusta a ella y a su pie, que queda pegado debajo (antes
   flotaba en una hoja negra a toda altura con el pie al fondo). La ficha queda intacta detrás (oculta, sin perder su
   desplazamiento) y la panorámica, velada por #rp-velo (medios.js), que recoge el puntero y cierra la foto al tocarlo: la
   sombra de antes (box-shadow) velaba sin frenar los toques y la panorámica seguía viva debajo. */
#rp-velo{display:none}
@media (max-width:700px),(max-height:500px){
  body.ficha-datos.con-reproductor #rp-velo:not([hidden]){display:block;position:fixed;inset:0;z-index:31;background:rgba(8,10,6,.62);touch-action:none;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent}
}
@media (max-width:700px){
  body.ficha-datos #reproductor[data-contexto="galeria_lote"]{height:auto;max-height:calc(100% - 56px)}
  body.ficha-datos #reproductor[data-contexto="galeria_lote"] .medio{flex:0 1 auto}
  body.ficha-datos #reproductor[data-contexto="galeria_lote"] img{width:100%;height:auto;max-height:calc(100vh - 56px - 160px);object-fit:contain}
  body.ficha-datos #reproductor[data-contexto="galeria_lote"] .pie-v{padding-bottom:max(12px, env(safe-area-inset-bottom))}
  body.ficha-datos.con-reproductor:has(#reproductor[data-contexto="galeria_lote"]:not([hidden])) #panel{display:flex;visibility:hidden}
}
/* Horizontal y pantallas bajas (disposición de escritorio): la foto ampliada ocupa toda la pantalla (antes 220×165 px junto al
   panel); el panel y la barra quedan ocultos detrás, sin perder su estado, y fuera del orden del teclado. */
@media (min-width:701px) and (max-height:500px){
  body.ficha-datos #reproductor[data-contexto="galeria_lote"]{left:8px;right:8px;top:8px;bottom:8px}
  body.ficha-datos.con-reproductor:has(#reproductor[data-contexto="galeria_lote"]:not([hidden])) #panel,
  body.ficha-datos.con-reproductor:has(#reproductor[data-contexto="galeria_lote"]:not([hidden])) #dock{visibility:hidden}
}