/* CABEÇALHO */
#cabecalho {
  width: 100%;
  position: fixed;
  z-index: 11;
  background-color: var(--branco);
}

#cabecalho .cabecalho_sombra {
  height: 5px;
  background-color: var(--amareloClaro);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.30);
}

.cabecalho_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 70px;
}

.navegacao {
  display: flex;
  align-items: center;
}

.cabecalho_nav_itens {
  margin-right: 30px;
}

.cabecalho_nav_item {
  font-family: var(--principal);
font-weight: 600;
  color: var(--laranja);
  padding: 0 1rem;
  margin-right: 25px;
}

.cabecalho_nav_itens a:hover {
  color: var(--vermelho);
  font-size: 1.02rem;

}

.cabecalho_nav_item_Doe {
  background-color: var(--laranja);
font-family: var(--apoio);
  border-bottom: 10px;
  padding: 10px 30px;
  color: var(--branco);
}

.geral {
  display: none;
}

.modal-tudo {
  display: none;
}

.idiomas {
  margin: 15px 20px 0 0;
}

/* IDIOMAS */
ul {
  list-style: none;
}

.a-teste {
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 0 20px;
}

.a-teste:hover {
  background-color: rgba(255, 255, 255, 0);
}

.img-teste {
  display: block;
  padding: 0 20px;
}

.principal {
  background-color: rgba(0, 0, 255, 0);
  width: 90%;
  /* margin: auto; */
}

.li-p {
  line-height: 50px;
  float: left;
}

ul li ul li {
  background-color:var(--vermelho);
  height: 50px;
}

.ul-imagens {
  display: none;
  padding-left: 2px;
  position: fixed;
  z-index: 100;
}

/* DEIXA ESSE CSS DE INGLÊS TAMBÉM MESMO QUE A PÁGINA SEJA EM PORTUGUES, SÓ MUDA NO HTML */

ul {
  list-style: none;
}

.a-teste2 {
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 0 20px;
}

.a-teste2:hover {
  background-color: rgba(255, 255, 255, 0);
}

.img-teste2 {
  display: block;
  padding: 0 20px;
}

.principal2 {
  background-color: rgba(0, 0, 255, 0);
  width: 90%;
  /* margin: auto; */
}

.li-p2 {
  line-height: 50px;
  float: left;
}

ul li ul li {
  background-color: #74747400;
  height: 50px;
}

.ul-imagens2 {
  display: none;
  position: fixed;
  z-index: 100;
}

.a-teste img{
  width: 27px;
  transition: ease-in-out 0.3s;
}

.a-teste img:hover{
  transform: scale(0.8);
  transition: ease-in-out 0.3s;
}

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

  /* CABEÇALHO */
  #cabecalho {
     width: 100%;
     position: fixed;
 }

 .modal-tudo {
     display: block;
     font-weight: 300;
 }

 .cabecalho_nav {
     padding: 8px 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 0 40px;
 }

 #cabecalho .cabecalho_sombra {
     height: 5px;
     background-color:var(--amareloClaro);
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     width: 100%;
 }

 .cabecalho_nav_itens {
     display: none;
 }

 .cabecalho_nav_item {
     display: none;
 }

 .cabecalho_nav_item_Doe {
     display: none;
 }

 .cabecalho_Logo {
     width: 120px;
 }

 .navegacao {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .a-teste {
     padding: 0;
     display: flex;
 }

 .geral {
     display: block;
     padding: 0 20px;
 }

 .idiomas {
     margin: 0;
 }

 .img-teste {
     padding: 0;
 }

 .ul-imagens {
     margin-top: 20px;
 }

 .geral i {
     color: var(--amareloClaro);
     font-size: 28px;
     cursor: pointer;
 }

 .modal-menu {
     display: none;
     position: fixed;
     height: 100%;
     top: 0;
     left: 0;
     background-color: white;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
     z-index: 200;
     width: 50%;
     overflow-y: scroll;
     animation: fadeInLeft;
     animation-duration: 0.6s;
 }

 #modal-menu .fechar {
     background-color: transparent;
     cursor: pointer;
     left: 40px;
     border-radius: 0;
     padding: 0;
     border: 0;
     box-shadow: none;
     margin-top: 30px;
 }

 #fecharMenu span {
     font-size: 60px;
 }

 .modal-menu img {
     width: 150px;
     height: auto;
     margin-top: 20px;
 }

 .comeco-menu {
     display: flex;
     justify-content: space-around
 }

 .desfocado {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.404);
     z-index: 1;
 }

 .as a {
font-family:var(--principal);
     color: var(--laranja);
     margin: 12px 0;
 }

 .as {
     margin-top: 80px;
     display: flex;
     flex-direction: column;
     text-align: left;
     margin-left: 50px;
 }

 .menina-menu {
     text-align: left;
     margin-top: 50px;
     margin-left: 30px;
 }

 .menina-menu img {
     width: 140px;
 }

 /* TÉRMINO DO CABEÇALHO */

}

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


}

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

}