/* Cierres de Campogramas, Biblioteca y Seguimiento: una sola interacción visual.
   No afecta a Confirmar/Cancelar, botones ocultos de compatibilidad u otros dashboards. */
:is(#modal-contrato-camp,#modal-confirm-delete-campograma,#modal-listado-paises-camp,#modal-comparar-campograma-auto,#cbd-modal-eliminar,#seg-manual-modal) {
  --camp-close-ink:#003875; --camp-close-border:#B9C4D2; --camp-close-hover:#E8EDF3;
}
#btn-close-contrato-camp {
  --camp-close-ink:#fff; --camp-close-hover:#FFFFFF14;
}
:is(.camp-library-close,#btn-close-contrato-camp,#btn-cerrar-listado-camp,#btn-close-confirm-delete-campograma,#btn-close-comparar-campograma-auto,#cbd-btn-close-comparar-auto,#cbd-pantalla-real-cerrar,
    :is(#picker-modal,#seg-modal-jugador,#seg-manual-modal,#cbd-modal-ver-imagen,#cbd-modal-eliminar) .modal-header .btn-close) {
  box-sizing:border-box; display:inline-flex!important; align-items:center; justify-content:center;
  flex-shrink:0; width:30px!important; height:30px!important; padding:0!important;
  border:1px solid var(--camp-close-border,#8DA9CA)!important; border-radius:6px!important;
  background-color:var(--camp-close-bg,transparent)!important; background-image:none!important;
  color:var(--camp-close-ink,#fff)!important; filter:none!important; opacity:1!important;
  font-size:22px!important; font-weight:500!important; line-height:1!important; cursor:pointer;
  box-shadow:none!important; transform:var(--camp-close-transform,none)!important;
  transition:background-color .15s ease,border-color .15s ease!important;
}
:is(.camp-library-close,#btn-close-contrato-camp,#btn-cerrar-listado-camp,#btn-close-confirm-delete-campograma,#btn-close-comparar-campograma-auto,#cbd-btn-close-comparar-auto,#cbd-pantalla-real-cerrar,
    :is(#picker-modal,#seg-modal-jugador,#seg-manual-modal,#cbd-modal-ver-imagen,#cbd-modal-eliminar) .modal-header .btn-close):hover {
  background-color:var(--camp-close-hover,#FFFFFF14)!important; border-color:#C9A227!important;
  transform:var(--camp-close-transform,none)!important;
}
:is(.camp-library-close,#btn-close-contrato-camp,#btn-cerrar-listado-camp,#btn-close-confirm-delete-campograma,#btn-close-comparar-campograma-auto,#cbd-btn-close-comparar-auto,#cbd-pantalla-real-cerrar,
    :is(#picker-modal,#seg-modal-jugador,#seg-manual-modal,#cbd-modal-ver-imagen,#cbd-modal-eliminar) .modal-header .btn-close):focus-visible {
  outline:2px solid #C9A227!important; outline-offset:2px;
}
:is(.camp-library-close,#btn-close-contrato-camp,#btn-cerrar-listado-camp,#btn-close-confirm-delete-campograma,#btn-close-comparar-campograma-auto,#cbd-btn-close-comparar-auto,#cbd-pantalla-real-cerrar,
    :is(#picker-modal,#seg-modal-jugador,#seg-manual-modal,#cbd-modal-ver-imagen,#cbd-modal-eliminar) .modal-header .btn-close):active {
  box-shadow:inset 0 1px 2px #00184024!important;
}
/* Bootstrap dibuja la X como imagen; usar el mismo signo, sin filtros de inversión. */
:is(#picker-modal,#seg-modal-jugador,#seg-manual-modal,#cbd-modal-ver-imagen,#cbd-modal-eliminar) .modal-header .btn-close::before {
  content:"×"!important; font-family:Arial,sans-serif!important; font-size:22px!important; font-weight:500!important; color:inherit!important; line-height:1!important;
}
/* Se conserva únicamente la traslación que centra el cierre del visor, nunca el zoom. */
#cbd-modal-ver-imagen .cbd-modal-header-fullscreen .btn-close { --camp-close-transform:translateY(-50%); }
#cbd-pantalla-real-cerrar { --camp-close-bg:#001840BB; --camp-close-hover:#001840E0; }
@media(pointer:coarse) {
 :is(.camp-library-close,#btn-close-contrato-camp,#btn-cerrar-listado-camp,#btn-close-confirm-delete-campograma,#btn-close-comparar-campograma-auto,#cbd-btn-close-comparar-auto,#cbd-pantalla-real-cerrar,
    :is(#picker-modal,#seg-modal-jugador,#seg-manual-modal,#cbd-modal-ver-imagen,#cbd-modal-eliminar) .modal-header .btn-close) { min-width:44px; width:44px!important; height:44px!important; }
}
@media(prefers-reduced-motion:reduce) {
 :is(.camp-library-close,#btn-close-contrato-camp,#btn-cerrar-listado-camp,#btn-close-confirm-delete-campograma,#btn-close-comparar-campograma-auto,#cbd-btn-close-comparar-auto,#cbd-pantalla-real-cerrar,
    :is(#picker-modal,#seg-modal-jugador,#seg-manual-modal,#cbd-modal-ver-imagen,#cbd-modal-eliminar) .modal-header .btn-close) { transition:none!important; }
}