.divselect{
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.divset, .divopt{
        display: flex;
        position: relative;
        /*align-self: flex-start;*/
        align-items: flex-start;
        justify-content: flex-start;
        border: 1px solid #77F;
        margin-bottom: 3px;
        }
/* ----------------- */
.menus {
    display: flex;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    width: 164px;
    z-index:20;
}

.mae {
  position: absolute;
  padding: 1px;
  width: 162px;
  height:22px;
  background-color: rgba(255,255,255,0);;
}

.mae .filha {
  display: none; /* Oculta todos os filhos inicialmente */
}
.filha {
   width: 160px;
   height:20px;
   background-color: rgba(255,255,255,0.8);
}

.mae:hover .filha {
  display: block; /* Exibe todos os filhos quando o mouse está sobre a div mãe */
  border: 1px solid #AAF;
  animation: cascata 1s;
  transition: all 300ms;
}

@Keyframes cascata{
	0%{
		/*background-color: rgb(255,255,255);*/
		height: 1px;
	}100%{
			/* background-color: rgba(0,0,0,.82); */
			cursor: wait;
			height: 20px;
		 }
}

/* Exibe as divs filhas quando a div mãe é clicada */
.mae:hover .filha:nth-last-child(-n+1) {
  display: block;
}

.filha:hover {
  background-color: lightgray;
  display: block;
  
}
.filha:nth-child(-n+1) {
  display: block;
}

#divset{
    color: #79f;
    border: 2px solid #2eacfb;
    background-color: transparent; /*rgba(255,255,255,0.0); */
}

/*
.localSet3{
    display: grid;
    display: inline-block;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px; 
    vertical-align:middle;
    padding: 5px;
    color: #79f;
    border: 1px solid gray;
    background-color: transparent;
    margin-bottom: 10px;
}
  .local {
  display: flex;
  position: relative;
  left: 32%;
  text-align: center;
  white-space: nowrap; /* evita quebras de linha * /
  padding: 3px;
  color:#ff0000;
  }
  */
/*  @media (min-width: 800px) { */

@media screen and (max-width: 700px) {

    /*
  .local {
  display: flex;
  position: relative;
  left: 20%;
  text-align: center;
  white-space: nowrap;
  padding: 3px;
  color:#ff0000;
  }
    */
  .ntitulo{
      padding: 4px;
  margin: 1px;
  outline: none;
  font-family: Roboto, Arial, Helvetica, sans-serif;
   font-size: 1rem;
  /* color:#071d9b; */
  color:#424242;
  }
  /*
  .menus {
    display: flex;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    width: 154px;
    
    z-index:20;
}

.mae {
  position: absolute;
  padding: 1px;
  width: 152px;
  height:22px;
  
  background-color: rgba(255,255,255,0);;
}
*/
.menus {
    font-size: 1rem;
  color:red;
}
.mae {
  font-size: 1rem;
  color:red;
}

.filha {
    width: 152px;
    height:20px;
    align-items: center;
    text-align: center;
    font-size: 1rem;
    color:red;
    white-space: nowrap;
    background-color: rgba(255,255,255,0.8);
}
  
  
  /*
  .menus{
      position:relative;
      top: 10px;
      width:40%;
      align-items: center;
    text-align: center;
  }
  .filha{
      position:relative;
      width:40%;
      align-items: center;
    text-align: center;
    white-space: nowrap;
  }
  */
}