/*==================================================
  Caracteres especiales de texto para  traductores
  ==================================================*/

button.lenguas{
    padding: 3px;
    margin-bottom: 3px;
    border-radius:5px;
    width: 35px;
    font-size: 95%;
}

/*-- linea arriba del caracter (tono medio)--*/
ar{
    border-top: 1px solid black;
}
ar::before{
    content:' ';
}

/*-- linea abajo del caracter (tono bajo) --*/
ab{
    border-bottom: 1px solid black;
}
ab::before{
    content:' ';
}

/*-- texto tachado en diagonal -- */
.diag {
    position: relative;
}
.diag::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: black;
    transform: translateY(-50%) rotate(-45deg);
    transform-origin: center;
}

/*-- Texto con circulito arriba */
.circ {
  position: relative; /* Para posicionar el texto dentro */
  width: 100px;
  height: 100px;
  border-radius: 50%; /* Crea el círculo */
  background-color: lightblue; /* Color de fondo */
  display: flex; /* Para centrar el contenido */
  justify-content: center;
  align-items: center;
  margin: 20px auto; /* Centra el círculo en la página */
}


colores{
    color: #64383E;
    color: #efebe8;
    color: #CDC6B9;

    color: #87796d;
    color: #CD7B34;
    color: #919C1B;
    color: #202d2d;
    font-family: 'Roboto Condensed', sans-serif;
    font-family: 'Noto Serif JP', serif;
}