/* =====================================================================
   AVANCE DE OBRA (baWrap) — fix nuclear estilo amenidades:
   forzar imagen full-bleed, sin recortes raros
   ===================================================================== */
html body #baWrap {
  position: relative !important;
  overflow: hidden !important;
  max-height: 80vh;
  background: #0B2B4B !important;
}

/* Ambas capas (before y after) ocupan todo */
html body #baWrap .img-slot,
html body #baWrap .ba-after {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  background: #0B2B4B !important;
}

/* Imagen inyectada por Airtable llena completo */
html body #baWrap .ovt-img-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  overflow: hidden !important;
}
html body #baWrap .ovt-img-wrap img,
html body #baWrap .ovt-img-wrap video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  min-width: 100% !important;
  min-height: 100% !important;
}

/* El handle del slider debe quedar encima */
html body #baHandle {
  z-index: 5 !important;
}

/* Las pills "Hoy" y "Entrega" encima */
html body #baWrap > span.absolute {
  z-index: 4 !important;
}

/* Ocultar etiquetas placeholder [[ IMG_OBRA_... ]] */
html body #baWrap .img-slot .tag,
html body #baWrap .img-slot .dim,
html body #baWrap .ba-after .tag,
html body #baWrap .ba-after .dim {
  display: none !important;
}

/* ba-after mantiene su clip-path inline (lo maneja el JS del slider) */
html body #baWrap .ba-after {
  /* No sobreescribimos clip-path, el JS lo calcula dinámicamente */
}