/************
BOTONES PARA PONER EN EL HTML

  <div class="botones">
    <button onclick="toggleContraste()">Contraste alto</button>
    <button onclick="toggleGrises()">Escala de grises</button>
    <button onclick="toggleSubrayado()">Subrayar links</button>
    <button onclick="toggleNegativo()">Contraste negativo</button>
    <button onclick="ajustarLetra(4)">Aumentar letra</button>
    <button onclick="ajustarLetra(-4)">Reducir letra</button>
    <button onclick="resetearEstilos()">Resetear</button>
  </div>
************/

/************ADEMÁS...
Recuerda recoger TODO el contenido menos la botonera de accesibilidad en un ID que se llame contenido 
************/


/* BOTONES ACCESIBILIDAD*/

/*****BORRAR LUEGO
.botones {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    z-index: 9999;
    background: white;
    padding: 10px;
    border: 1px solid #ccc;
  }
  .botones button {
    padding: 5px;
    font-size: 14px;
  } *******/


  /*ESTILOS ACCESIBILIDAD**/

  /*CONTRASTE ALTO*/
  
  .contraste-alto,
  .contraste-alto * {
    background-color: black !important;
    color: yellow !important;
    border-color: yellow !important;
    outline-color: yellow !important;
  }
    
  .contraste-alto a {
    color: cyan !important;
    text-decoration: underline !important;
  }
    
  .contraste-alto button {
    background-color: yellow !important;
    color: black !important;
    border: 1px solid yellow !important;
  }
  
  /*CONTRASTE NEGATIVO*/
  
  .contraste-negativo,
  .contraste-negativo * {
    background-color: white !important;
    color: black !important;
    border-color: black !important;
    outline-color: black !important;
   }
    
  .contraste-negativo a {
    color: blue !important;
    text-decoration: underline !important;
  }
    
  .contraste-negativo button {
    background-color: black !important;
    color: white !important;
    border: 1px solid black !important;
  }
  
  /*SUBRAYAR LINKS*/
  .subrayar-links a {
    text-decoration: underline !important;
  }
  
  /*ESCALA GRISES*/
  .grises {
    filter: grayscale(100%);
  }
  
  /***ESTO DEBERIA ESTAR EN LA HOJA DE ESTILOS GENERAL..., 
  osea si tengo desactivados o no EL SUBRAYADO...
  aqui es una prueba para forzarlo y confirmar que funciona ok ***/
  a {
    text-decoration: none;
  }
  
  /*FIN ESTILOS ACCESIBILIDAD*/