/* Close blanco para headers oscuros (BS 5.3+) */
.btn-close {
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  opacity: 0.95;
}

/* variante blanca: fuerza el invert del SVG */
.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
  opacity: 0.95;
}

/* asegurar visibilidad sobre overlays */
.modal-header .btn-close {
  z-index: 5;
}

/* si Bootstrap fue sobrescrito, forzar fondo (fallback SVG blanco) */
.btn-close.btn-close-white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}