/* =====================================================================
   NUCLEAR: TODO elemento azul/navy lleva texto BLANCO. Punto.
   Especificidad extrema: html body + selector + pseudoclases + :where
   Usamos :where() para NO sumar especificidad y luego atacamos por
   selector directo con !important donde haga falta.
   ===================================================================== */

/* ---- Clases de botones que son azul navy / verde WhatsApp ---- */
html body a.btn-primary,
html body a.btn-primary *,
html body button.btn-primary,
html body button.btn-primary *,
html body a.btn-navy,
html body a.btn-navy *,
html body button.btn-navy,
html body button.btn-navy *,
html body a.btn-wa,
html body a.btn-wa *,
html body button.btn-wa,
html body button.btn-wa *,
html body a.btn-gold-solid,
html body a.btn-gold-solid *,
html body button.btn-gold-solid,
html body button.btn-gold-solid *,
html body button.lf-submit,
html body button.lf-submit *,
html body .lf-submit,
html body .lf-submit *,
html body a[class*="btn-primary"],
html body a[class*="btn-primary"] *,
html body button[class*="btn-primary"],
html body button[class*="btn-primary"] * {
  color: #ffffff !important;
}

/* Hover explícito */
html body a.btn-primary:hover,
html body a.btn-primary:hover *,
html body button.btn-primary:hover,
html body button.btn-primary:hover *,
html body .btn-wa:hover,
html body .btn-wa:hover *,
html body .lf-submit:hover,
html body .lf-submit:hover * {
  color: #ffffff !important;
}

/* ---- IDs específicos que no pueden fallar ---- */
html body #waContactBtn, html body #waContactBtn *,
html body #roi-cta-wa, html body #roi-cta-wa *,
html body #fichaWa, html body #fichaWa *,
html body #p-cta, html body #p-cta * {
  color: #ffffff !important;
}

/* Attr-based: cualquier elemento con background navy/WhatsApp inline */
html body [style*="background:#0B2B4B"],
html body [style*="background:#0B2B4B"] *,
html body [style*="background: #0B2B4B"],
html body [style*="background: #0B2B4B"] *,
html body [style*="background:#25D366"],
html body [style*="background:#25D366"] *,
html body [style*="background: #25D366"],
html body [style*="background: #25D366"] *,
html body [style*="background:var(--navy"],
html body [style*="background:var(--navy"] *,
html body [style*="background: var(--navy"],
html body [style*="background: var(--navy"] * {
  color: #ffffff !important;
}

/* ---- Chips activos (filtros galería + torres disponibilidad) ---- */
html body button.chip.active,
html body button.chip.active *,
html body .chip.active,
html body .chip.active * {
  color: #ffffff !important;
  background: #0B2B4B !important;
  border-color: #0B2B4B !important;
}

/* ---- Profile card activa (si tiene fondo azul) ---- */
html body .profile-card.active .pc-title,
html body .profile-card.active .pc-desc {
  color: #0B2B4B !important; /* sobre fondo blanco con border azul */
}

/* ---- Badge rect default (navy) ---- */
html body .badge-rect:not(.cyan),
html body .badge-rect:not(.cyan) * {
  color: #ffffff !important;
  background: #0B2B4B !important;
  border-color: #0B2B4B !important;
}
html body .badge-rect.cyan,
html body .badge-rect.cyan * {
  color: #0B2B4B !important;
  background: #4A9FD1 !important;
}

/* ---- Pill urgencia (rojo translúcido) ---- */
html body .pill-urgent,
html body .pill-urgent * {
  color: #ffffff !important;
}

/* ---- Submit + WhatsApp buttons ---- */
html body form button[type="submit"],
html body form button[type="submit"] * {
  color: #ffffff !important;
}

/* =====================================================================
   FIX AMENIDADES — prioridad absoluta a visibilidad
   ===================================================================== */
html body main section#amenidades article {
  position: relative !important;
  overflow: hidden !important;
}

html body main section#amenidades article .img-slot {
  position: absolute !important;
  inset: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: #0B2B4B !important;
  z-index: 0 !important;
}

html body main section#amenidades article .ovt-img-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  overflow: hidden !important;
}
html body main section#amenidades article .ovt-img-wrap img,
html body main section#amenidades article .ovt-img-wrap video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Eliminar gradient overlay intermedio */
html body main section#amenidades article > div.absolute.inset-0:not(.img-slot) {
  display: none !important;
}

/* Bloque sólido al pie para el texto */
html body main section#amenidades article > div.absolute.bottom-0 {
  z-index: 3 !important;
  background: rgba(11,43,75,0.92) !important;
  padding: 1rem 1.25rem !important;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

html body main section#amenidades article h3,
html body main section#amenidades article p,
html body main section#amenidades article span,
html body main section#amenidades article div.text-white,
html body main section#amenidades article > div.absolute.bottom-0 * {
  color: #ffffff !important;
}

html body main section#amenidades article .pill,
html body main section#amenidades article .pill-preventa {
  color: #ffffff !important;
  background: rgba(255,255,255,0.18) !important;
  border-color: rgba(255,255,255,0.4) !important;
}

/* Ocultar etiquetas de placeholder en TODAS las secciones */
html body .img-slot .tag,
html body .img-slot .dim {
  display: none !important;
}

/* Global: imágenes Airtable siempre full-bleed */
html body .ovt-img-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
html body .ovt-img-wrap img,
html body .ovt-img-wrap video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}