header {
  background-color: rgba(0, 0, 0, 0.750);
  position: fixed;
  width: 100%;
  height: 60px;
  /* overflow: hidden; */
  z-index: 20000;
  /* line-height:60px ; */
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.837); /* Sombra con desplazamiento y color */
  /* display: flex; */
  }



.navbar{
    /* width: 100%; */
    max-width: 1200px;
    /* height: 60px; */
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
line-height: 60px;
/* padding: 0 30px; */
/* background-color: rgb(118, 118, 118); */
}

.navbar .logo  {
font-size: 1.6rem;
color: white;
font-weight: bold;
padding: 0 20px;
width: max-content;
}


li{
    list-style: none;
    width: max-content;
}

a{
    text-decoration: none;
    color: white;
}
.navbar .links{
display: flex;
gap: 2rem;
padding: 0 30px;

}

.navbar .toggle_btn{
color: white;
font-size: 1.5rem;
cursor: pointer;
display: none;
padding: 0px 20px;
}


.dropdown_menu{
/* display: none; */
position: fixed;
right: 0rem;
top: 60px;
width: 0px;
height: 0px;
background-color: rgba(0, 0, 0, 0.750);
z-index: 2555;
backdrop-filter: blur (15px);
border-radius: 10px;
overflow: hidden;
transition: 0.3s ease-in ;/* Agregar la transición aquí */


 }
.open{
    height: 180px;
    width: 250px;
      /* background-color: rgba(208, 16, 16, 0.75); */
}

.dropdown_menu li{
 padding: 10px 0;
/* margin: 0.5rem; */
}

.dropdown_menu ul{
     padding: 10px 0;
  display: flex;
 flex-direction: column;
 align-items: center;
 justify-items: center;
}



.dropdown_menu li a{
 color: white;

}

.dropdown_menu li a:hover{
 color:aqua;

}



/* RESPOSIVE */

@media (max-width: 850px) {
    .navbar .links {
    display: none;
}
.navbar .toggle_btn{
display: block;
}

.seccion_3{
    display: none;
}



}