#toggle-herramientas-accesibilidad {
position: fixed;
left: 0;
top: 90%;
transform: translateY(-50%);
z-index: 9999;
background-color: #007bff;
border: none;
color: white;
padding: 10px 10px 5px 10px;
cursor: pointer;
transform-origin: top left;
}
#menu-accesibilidad {
position: fixed;
left: -250px; top: 50%;
transform: translateY(-50%);
width: 250px;
background-color: white;
border: 1px solid #ddd;
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
transition: left 0.3s ease;
z-index: 9998;
display: flex;
flex-direction: column;
padding: 15px;
}
#menu-accesibilidad.mostrar {
left: 0; }
#menu-accesibilidad button {
margin: 2px 0;
padding: 5px;
background-color: #f8f9fa;
color:#1a1a1a;
border: 1px solid #ddd;
cursor: pointer;
text-align: left;
font-size: 14px !important;
}
#menu-accesibilidad button:hover {
background-color: #e9ecef;
} html body.escala-grises,
html body.escala-grises *:not(.no-grayscale) { color: #000 !important;
background-color: #fff !important;
opacity: 0.7 !important;
}
html body.alto-contraste,
html body.alto-contraste * {
background-color: black !important;
color: yellow !important;
border-color: white !important;
}
html body.alto-contraste a {
color: white !important;
text-decoration: underline !important;
}
html body.contraste-negativo,
html body.contraste-negativo * { background-color: #000 !important;
color: #fff !important;
}
html body.fondo-claro,
html body.fondo-claro * {
background-color: #f0f0f0 !important;
color: black !important;
}
html body.fuente-legible,
html body.fuente-legible * {
font-family: Arial, Helvetica, sans-serif !important;
line-height: 1.6 !important;
font-size: 16px !important;
} html body a.subrayar-enlaces {
text-decoration: underline !important;
text-decoration-color: red !important;
text-decoration-thickness: 2px !important;
}
#toggle-herramientas-accesibilidad svg {
width: 24px!important;
height: 24px!important;
fill: white;
}