.dropdown {
  position: relative; /* Permite posicionar los elementos hijos */
  display: inline-block;
  font-size: 18px;
  
}

.dropbtn {
  position: relative; /* Posicionado con respecto al padre */
  background-color: #54abe5; border: 0;
  min-width: 140px;
  box-shadow: 5px 8px 16px 5px rgba(0,0,0,0.5);
  font-size: 12px; /*TAMAÑO LETRA */

}

.dropdown-content {
  display: none; /* Oculto por defecto */
  position: absolute; /* Posicionado con respecto al padre */
  background-color: #253725;
  min-width: 260px;
  box-shadow: 5px 8px 16px 5px rgba(0,0,0,0.2);
  z-index: 1; /* Asegura que esté sobre otros elementos */
}

.dropdown-content li {
  display: block; /* Muestra cada item en una línea */
    font-size: 25px; /*TAMAÑO LETRA */
}


.dropdown-content a {
  color: rgb(255, 255, 255);/*COLOR LETRA MENU */
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 10px;/*TAMAÑO LETRA AL PASAR PUNTERO POR PADRE*/
}

/* Estilo al pasar el mouse sobre el menú desplegable */
.dropdown:hover .dropdown-content {
  display: block; /* Muestra el contenido cuando se pasa el cursor sobre el elemento padre */
    font-size: 15px;
}

/* Estilo para enlaces dentro del menú desplegable al pasar el mouse */
.dropdown-content a:hover {
  background-color: #e4e6b9; /*COLOR CUADRO SELECCION */
    font-size: 10px;/*TAMAÑO LETRA AL PASAR PUNTERO POR ENCIMA*/
    
}