.block_accesibilidad{
    border: none !important;
    background-color: transparent !important;
}
.button_accebility{
    padding: 0;
    border-radius: 50%;
    width: 50px;
    background: #0A4B25;
    border: none;
    position: fixed;
    right: 2vw;
    bottom: 4vh;
    z-index: 9999;
}
.button_accebility{
    object-fit: cover;
    width: 50px;
    padding: 5px;

}


/*Contraste*/
.add-contrast{
    mix-blend-mode: difference;
    background-color: #fff;
    }
    
/*Grises*/
.add-gray{
    mix-blend-mode: luminosity;
    background-color: #fff;
}    




/* Botón circular de accesibilidad */
.accessibility-btn {
background-color: #0A4B25;
color: white;
font-size: 1.5rem;
border: none;
cursor: pointer;
position: fixed;
right: 20px;
border-radius: 50%;
width: 60px !important;
height: 60px !important;
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
bottom: 80px;
margin: 0 !important;
}
.accessibility-btn img{
    width: 40px;
    height: 40px;
    margin: 0;

}

/* Menú circular de accesibilidad */
.accessibility-menu {
position: fixed;
top: calc(100vh - 480px);;
right: -26px;
width: 400px;
height: 400px;
background-color: white;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transform: scale(0.3);
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: 9999;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.visible{
opacity: 1;
transform: scale(1);
}

/* Botones en forma radial */
.accessibility-menu .control-btn {
position: absolute;
background-color: white;
color: #333;
border: none;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.8rem;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
cursor: pointer;
transition: transform 0.2s ease, background-color 0.3s ease;
padding: 2.5rem;
}
.accessibility-menu .control-btn span{
line-height: 1;
font-size: 11px;
}
.accessibility-menu .control-btn img{
    width: 24px;
    height: 24px;
    margin: 0;
}

/* Posicionamiento radial */
.control-btn:nth-child(1) {
    top: 20%;
    left: 48%;
    transform: translate(-50%, -50%);
}
.control-btn:nth-child(2) {
    top: 26%;
    left: 26%;
    transform: translate(-50%, -50%);
}
.control-btn:nth-child(3) {
    top: 47%;
    left: 20%;
    transform: translate(-50%, -50%);
}
.control-btn:nth-child(4) {
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.control-btn:nth-child(5) {
    top: 68%;
    left: 28%;
    transform: translate(-50%, -50%);
}

/* Botón de cerrar el menú */
.close-btn {
position: absolute;
padding: 0;
background-color: #0F6CBF;
color: white;
font-size: 1.5rem;
border: none;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
top: 50%;
left: 75%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
}
#aulas-regional-access_line-height img{
    width: 20px;
}
#aulas-regional-access_line-height{
    line-height: 1;
}