/* Azul estándar */
.btn-accessibility {
  background-color: #005BBB;
  color: #fff;
  border: none;
  width:60px;
  height:60px;
  font-size:1.5em;
}
.btn-accessibility:hover,
.btn-accessibility:focus,
.btn-accessibility:active {
  background-color: #004C99; /* un poco más oscuro para hover */
  color: #fff;
}
/* Protección absoluta para modales - DEBE estar en tu CSS */
.modal,
.modal-backdrop,
.modal-content,
.modal-dialog,
.modal-header,
.modal-body,
.modal-footer,
[data-bs-toggle="modal"],
[data-bs-target*="modal"] {
    filter: none !important;
    transition: none !important;
    transform: none !important;
}

/* Asegurar posicionamiento correcto */
.modal {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 99999 !important;
}

.modal-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99998 !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

#accessibilityMenu,
.btn-accessibility,
.dropdown-menu,
.dropdown,
[aria-labelledby="accessibilityMenu"] {
    filter: none !important;
    transform: none !important;
    transition: none !important;
    z-index: 99999 !important;
}

/* Asegurar que el dropdown esté siempre visible */
.dropdown-menu {
    position: absolute !important;
    z-index: 100000 !important;
}

.btn-accessibility {
    position: relative !important;
    z-index: 100001 !important;
}

body {
  transition-duration: 0.2s;
  transition-timing-function: ease;
}