@charset "utf-8";
/* CSS Document */

        nav ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        nav li {
            position: relative;
            display: inline-block;
        }

        nav a {
            display: block;
            padding: 10px 15px;
            text-decoration: none;
            background: #333;
            color: #fff;
        }

        nav li ul {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
        }

        nav li:hover ul {
            display: block;
        }

        nav li ul li a {
            background: #555;
        }
   
	/*estilos para info ENGLISH Y PHO se estrenará en "PRINCIPAL2ENE2026h2144*/


.palabra {
  display: inline-block; font-weight: bold;
  /*background-color: #90EE90; verde claro*/
  background-color: #bfbfbf; /* gris medio */
color: #1a1a1a;
  margin-right: 10px;
  padding: 2px 6px;
  
  border-radius: 4px;transition: all 0.2s ease;
}
.palabra:hover {color: #000;background-color: #e6e6e6; /* gris más claro */
  transform: scale(1.05);
  cursor: pointer;

  
}


.fonetica {
  display: inline-block;
  background-color: #90EE90; /*verde claro*/
  background-color: #bfbfbf; /* gris medio */
  color: #555;
  font-style: italic;
  
  padding: 2px 6px;
  margin-right: 6px;
  border-radius: 4px;
}
.speechToText {  
overflow: hidden;
  resize: none;
  width: 100%;
  min-height: 45px;
  margin-top: 8px;
  padding: 8px;
  resize: none;
  border-radius: 6px;
  border: 1px solid #bbb;
  font-size: 14px;
  background-color: #f9f9f9;
}

 /*fecha 2 enero 2026 inventa nuevo estilo para usar el tag "span" dentro de un parrafo y destacar info ENGLISH PHO en distintos colores*/