/* =====================================================================
   BOTONES PRIMARIOS — estilo explícito y universal
   Sin :not(), sin context-awareness. navy sólido + texto blanco + border.
   Aplica a los 4 botones reportados: Calcular rentabilidad, Proyección
   por WhatsApp, Reservar unidad, Reservar (tipologías).
   ===================================================================== */

/* Fondo + borde navy sólido, texto blanco, override total */
html body a.btn-primary,
html body button.btn-primary,
html body .btn.btn-primary,
html body a.btn.btn-primary,
html body button.btn.btn-primary {
  background-color: #0B2B4B !important;
  background: #0B2B4B !important;
  color: #ffffff !important;
  border: 1px solid #0B2B4B !important;
  box-shadow: 0 4px 14px rgba(11,43,75,0.25) !important;
  text-decoration: none !important;
}

/* Todos los hijos (spans, svgs, texto) también blancos */
html body a.btn-primary *,
html body button.btn-primary *,
html body .btn.btn-primary *,
html body a.btn.btn-primary *,
html body button.btn.btn-primary * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Hover: un poco más claro pero sigue navy + blanco */
html body a.btn-primary:hover,
html body button.btn-primary:hover,
html body .btn.btn-primary:hover {
  background-color: #15375e !important;
  background: #15375e !important;
  color: #ffffff !important;
  border-color: #15375e !important;
  box-shadow: 0 6px 18px rgba(11,43,75,0.35) !important;
}
html body a.btn-primary:hover *,
html body button.btn-primary:hover *,
html body .btn.btn-primary:hover * {
  color: #ffffff !important;
}

/* IDs específicos — redundancia por si algo más intentase ganar */
html body #p-cta,
html body #p-cta *,
html body #roi-cta-wa,
html body #roi-cta-wa *,
html body a[data-track="avail_cta_contact"],
html body a[data-track="avail_cta_contact"] *,
html body a[data-tipologia],
html body a[data-tipologia] *,
html body #fichaWa,
html body #fichaWa * {
  color: #ffffff !important;
  background-color: #0B2B4B !important;
  background: #0B2B4B !important;
  border-color: #0B2B4B !important;
}

/* Focus visible */
html body a.btn-primary:focus-visible,
html body button.btn-primary:focus-visible {
  outline: 2px solid #4A9FD1 !important;
  outline-offset: 3px !important;
}
