.accessibility-controls {
    display: flex;
    align-items: center;
    gap: 0px;
  }
  
  .accessibility-btn {
    background: transparent;
    border: none;
    color: #abaaaa;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: all 0.2s;
  }
  
  .accessibility-btn:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  
  .accessibility-btn.active {
    background-color: #ccff00;
    color: #000;
  }
  
  .font-size-label {
    color: #abaaaa;
    margin: 0px;
    min-width: 45px;
    text-align: center;
    font-size: 12px;
  }
  
  .high-contrast .gradient-text{
    color:#fff;
  }
  .high-contrast .accessibility-btn .fa-font,
  .high-contrast .accessibility-btn .fa-minus,
  .high-contrast .accessibility-btn .fa-plus,
  .high-contrast .font-size-label{
    color: #ccff00;
  }
  .high-contrast .botao,
  .high-contrast .botao:hover{
    border:1px solid;
    background-color: transparent;
  }
  .high-contrast body {
    background-color: #000 !important;
    color: #fff !important;
  }
  
  .high-contrast section {
    background-color: #000 !important;
    color: #fff !important;
  }
  
  .high-contrast .bg-white, 
  .high-contrast .bg-gray-50, 
  .high-contrast .bg-gray-100 {
    background-color: #000 !important;
  }
  
  .high-contrast p, 
  .high-contrast h1, 
  .high-contrast h2, 
  .high-contrast h3, 
  .high-contrast a:not(.accessibility-btn),
  .high-contrast div:not(.gradient-text) {
    color: #fff !important;
  }
  
  .high-contrast .text-gray-600,
  .high-contrast .text-gray-700,
  .high-contrast .text-gray-800 {
    color: #ccff00 !important;
  }
  
  .high-contrast .tech-card,
  .high-contrast .neon-shadow {
    background-color: #222 !important;
    border: 1px solid #ccff00 !important;
  }
  
  /* Ajustes para responsividade */
  @media (max-width: 768px) {
    .accessibility-controls {
      gap: 10px;
    }
    
    .accessibility-btn {
      width: 32px;
      height: 25px;
      font-size: 12px;
    }
    
    .font-size-label {
      font-size: 12px;
      min-width: 40px;
    }
    .menuacessibilidadeMobile{
      z-index: 2;
      position: absolute;
      top: 10%;
      border-bottom:1px solid;
      width: 100%;
      display: flex;
      align-content: center;
      justify-content: center;
    }
    .menuacessibilidadeMobile .font-size-label {
      color: #000;
    }
    .menuacessibilidadeMobile .accessibility-btn {
      color:#000;
    }
    .high-contrast .font-size-label{
      color:#ccff00;
    }
    
  }