.acessibilidade-wp {
  position: fixed;
  top: 33%;
  right: -174px;
  z-index: 1;
  transition: 0.3s;
  font-size: 16px;
  height: 72px;
}

.acessibilidade-wp:hover {
  right: 15px;
  /*box-shadow: 3px 5px 12px 0px #00000099;*/
  z-index: 2;
}

/* Fix para mobile: evita que widget capture cliques na paginação quando está fechado */
@media (max-width: 768px) {
  .acessibilidade-wp {
    pointer-events: none;
  }
  
  /* Apenas os botões devem ser clicáveis quando o widget está fechado */
  .acessibilidade-wp .button-acessbilidade,
  .acessibilidade-wp .button-acessbilidade-hands {
    pointer-events: auto;
  }
  
  /* Quando o widget está aberto (hover ou classe), permite interação */
  .acessibilidade-wp:hover,
  .acessibilidade-wp.mobile-open {
    pointer-events: auto;
    right: 15px;
    z-index: 2;
  }
  
  /* Garante que o bloco de acessibilidade também respeite pointer-events quando fechado */
  .acessibilidade-wp:not(:hover):not(.mobile-open) .bloco-acessibilidade {
    pointer-events: none;
  }
}

.slider-acessibilidade {
  padding: 5px;
  background: #ACD533;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 2px;
  margin-bottom: 5px;
  border-right: 8px solid #ACD533;
}

.nav-link-index a.active {
  background: rgba(0, 174, 238, 0.123);
  border: 2px solid #189870;
  color: rgb(88, 88, 88) !important;
  webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.slider-acessibilidade-hands {
  padding: 5px;
  background: #F7981D;
  border-right: 8px solid #F7981D;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 13px;
}

/* segundo exemplo */
.acess-2 {
  position: fixed;
  top: 55%;
  right: 10px;
  z-index: 1;
  transition: 0.3s;
}

.slider-acessibilidade-2 {
  padding: 5px;
  background: transparent;
}

.slider-acessibilidade-hands-2 {
  padding: 5px;
  background: transparent;
}

.button-acessbilidade {
  height: 60px;
  width: 60px;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 2px;
  box-shadow: 3px 5px 12px 0px #00000099;
  background: #fff;
}

.button-acessbilidade-hands {
  height: 60px;
  width: 60px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 13px;
  box-shadow: 3px 5px 12px 0px #00000099;
  background: #fff;
}

.bloco-acessibilidade {
  background: #fff;
  /*border-left: 7px solid #ACD533;*/
  border-bottom-left-radius: 15px;
  box-shadow: 3px 5px 12px 0px #00000099;
}

.bloco-acessibilidade ul {
  list-style-type: none;
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
  padding: 0;
}

.link-acessibilidade-wp {
  padding: 17px;
  display: table !important;
  width: 100% !important;
  color: rgb(88, 88, 88) !important;
  border-top: 1px solid #272727;
}

.last-link {
  border-bottom-left-radius: 15px !important;
}

#link-acessebilidade-wp:hover {
  background: rgba(172, 213, 51, 0.250) !important;
}
div[vw] {
  top: 72.5%;
}
[vw] [vw-access-button] .access-button {
  width: 61%;
}

[vw] [vw-access-button] .access-button {
  opacity: 0.0;
}
@media screen and (max-width: 380px) {
  .button-acessbilidade {
    height: 34px;
    width: 34px;
  }
  .button-acessbilidade-hands {
    height: 34px;
    width: 34px;
  }
  .fa-3x {
    font-size: 2em;
  }
  .slider-acessibilidade {
    border-right: 0px solid #ACD533;
  }
  div[vw] {
    top: 86%;
  }
  .acessibilidade-wp {
    top: 48%;
  }
  [vw] [vw-access-button] .access-button {
    width: 37%;
  }
}