/* Usabilidad y Accesibilidad by posicionamientodigital.es
   Versión: 2
   Fecha: Febrero 2026
*/
.tecla {
  padding: 0.1em 0.6em;
  border: 1px solid #CCC;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #F7F7F7;
  color: #333;
  box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #FFF inset;
  border-radius: 3px;
  display: inline-block;
  margin: 0 0.1em;
  text-shadow: 0 1px 0 #FFF;
  line-height: 1.4;
  white-space: nowrap;
  font-size: 0.95em;
}

kbd.tecla { font-family: inherit; }

.tecla:hover { background-color: #FFFFFF; }

a.tecla,
a .tecla,
button.tecla,
.tecla[role="button"] { cursor: pointer; }

a.tecla:focus-visible,
a .tecla:focus-visible,
button.tecla:focus-visible,
.tecla[role="button"]:focus-visible {
  outline: 2px solid #111;
  outline-offset: 2px;
}