.accessibility-toolbar {
    position: fixed !important;
    top: 50px;
    left: 0;
    z-index: 1000;
}

#accessibility-toggle {
    padding: 5px 10px 0px 10px;
}

/* Asegúrate de que Negative Contrast no cambie esto */
.negative-contrast .accessibility-toolbar {
    position: fixed !important;
}

.accessibility-menu {
    display: none;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.accessibility-menu .h5 {
    margin-bottom: 10px;
}

.accessibility-menu button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 5px 10px;
    border: none;
    background: none;
    color: #000;
    font-size: 16px;
}

.accessibility-menu button:hover {
    background-color: #f0f0f0;
    color: #007bff;
}

#accessibility-toggle i {
	font-size: 1.55rem;
    padding: 0;
    margin: 0;
}

/* Clase para Alto Contraste */
.high-contrast {
    background-color: #000 !important;
    color: #fff !important;
}

/* Clase para Contraste Negativo */
.negative-contrast {
    background-color: #000 !important;
    color: yellow !important;
}

.negative-contrast .accessibility-menu {
    background-color: #000 !important;
    color: yellow !important;
}

.negative-contrast .accessibility-menu button, .negative-contrast i, .negative-contrast .accessibility-menu footer a, .negative-contrast .accessibility-menu footer p {
	color: yellow !important;
}

.negative-contrast #accessibility-toggle {
    background-color: #000 !important;
    color: white !important;
}

/* Clase para Fondo Claro */
.light-background {
    background-color: #f5f5f5 !important;
    color: #333 !important;
}

/* Clase para Subrayado de Enlaces */
.links-underline a {
    text-decoration: underline !important;
}

/* Clase para Fuente Legible */
.readable-font {
    font-family: Arial, sans-serif !important;
    font-size: 18px;
}

/* Clase para Escala de Grises sin usar filter */
.grayscale-body {
    background-color: #b3b3b3 !important; /* Un tono gris general */
    color: #666 !important; /* Texto en gris oscuro */
}

.grayscale-body img {
    opacity: 0.7; /* Reduce la opacidad para simular un efecto de escala de grises */
}

/* Reseteo de todos los estilos */
.reset {
    background-color: initial !important;
    color: initial !important;
    font-family: initial !important;
    text-decoration: initial !important;
    opacity: initial !important;
}