.nav {
  border-bottom: 1px solid var(--gray);
  width: 100%;
  height: 2rem;
	
}

.nav__checkbox {
  display: none;
}

.nav__toggle {
  cursor: pointer;
  margin: 0 1rem;
  position: absolute;
  top: 2.5rem;
  right: 0;
  z-index: 100;
}

.nav__toggle svg {
  fill: #0078C9;
  width: 1.5rem;
}

.nav__toggle .close {
  display: none;
}

.nav__toggle .close,
.nav__toggle .menu {
  margin-top: -0.5rem;
}

.nav__menu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0rem;
  text-align: right;
	opacity: 1;

}

.nav__menu li {
  display: none;
  list-style-type: none;

}

.nav__menu li:first-child {
  display: block;
  margin-right: auto;
}

.nav__menu a {
  color: #0078C9;
  text-decoration: none;
	
}
.nav__menu a:hover {
  color: #003961;
  text-decoration: none;
	
}


.nav__menu2 {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin: 0rem;
  text-align: right;
		opacity: 0.2;


}

.nav__menu2 li {
  display: none;
  list-style-type: none;

}

.nav__menu2 li:first-child {
  display: block;
  margin-right: auto;
}

.nav__menu2 a {
  color: #0078C9;
  text-decoration: none;
	
}
.nav__menu2 a:hover {
  color: #003961;
  text-decoration: none;
	
}

.pienav {
  color: #0078C9;
  text-decoration: none;
	font-family: "Quattrocento Sans";
	margin-left: 0rem;
	font-size: 0.9rem;
	gap: 1.4rem;
	padding-top: -1rem;	
}

.pienav a {
  color: #0078C9 !important;
  text-decoration: none!important;
	font-family: "Quattrocento Sans";
	margin-left: -0.15rem!important;
	font-size: 0.9rem!important;
	gap: 1.2rem!important;
	margin-top: 10px;
}

.pienav a:hover {
 	color: #fff!important;
  	text-decoration: none;
	font-family: "Quattrocento Sans";
	gap: 1.2rem;
}


.langnav {
  color: #0078C9;
	display: flex;
	flex-direction: row;
  	text-decoration: none;
	font-family: "Quattrocento Sans";
	font-size: 0.9rem;
 	gap: 1rem;
		
}


#nav__checkbox:checked ~ .nav__menu2 {
  display: flex;
	  font-size: 1.2rem;
				background:rgba(0,57,97,0.95);
				box-shadow: 0px 20px 20px rgba(0,0,0,1.5);
				opacity: 1;

				transition: opacity .5s;
				
	    		align-items: center;
				margin-left: -10rem;
				height: 50rem;
	
}

#nav__checkbox:checked ~ .nav__menu2 a {
	
			display: flex;
			color: #0078C9;		
}

#nav__checkbox:checked ~ .nav__menu2 a:hover {
	display: flex;		
	color: #FFFFFF;		
}


#nav__checkbox:checked ~ ul.nav__menu2 li {
  	display: flex;
	margin-top: -0.8rem;
	margin-left: 0rem;
		    	align-items: center;
				width: 100%;
}


#nav__checkbox:checked ~ .nav__menu {
  display: flex;
	  font-size: 1.6rem;
			margin-top: 2.6rem;
			margin-bottom: 0rem;
				background:rgba(0,120,201,0.95);
				opacity: 1;
	   
				transition: opacity .5s;

				box-shadow: 0px 20px 20px rgba(0,0,0,1.5);
	    		align-items: center;
				margin-left: -10rem;
				height: 16rem;

}

#nav__checkbox:checked ~ .nav__menu a {
			color: #FFFFFF;		
}

#nav__checkbox:checked ~ .nav__menu a:hover {
			color: #003961;		
}


#nav__checkbox:checked ~ ul.nav__menu li {
  display: flex;
	flex-direction: row;
	margin-top: -0.8rem;
	margin-left: 0rem;
	align-items: center;
	width: 100%;

	
}

#nav__checkbox:checked ~ label.nav__toggle .close {
  display: block;
	
}

#nav__checkbox:checked ~ label.nav__toggle .menu {
  display: none;
	
}

@media only screen and (min-width: 1200px) {
  .nav__toggle {
    display: none;
	  
  }

  .nav__menu {
    flex-direction: row;
	  

  }

  .nav__menu li {
    display: block;
	  
	  
  }
}
 .menu__emb__logo {
            font-size: 1.5rem;
            font-weight: bold;
            z-index: 5;
        }

        /* MENÚ DE ESCRITORIO */
        .menu__emb__desktop {
            display: none;
        }

        .menu__emb__desktop ul {
            list-style: none;
            display: flex;
        }

        .menu__emb__desktop li {
            margin-left: 2rem;
        }

        .menu__emb__desktop a {
            text-decoration: none;
            color: #fff;
            font-size: 1.2rem;
            transition: color 0.3s ease;
        }

        .menu__emb__desktop a:hover {
            color: #003961;
        }

        /* Icono hamburguesa */
        .menu__emb__icon {
            display: block;
            width: 30px;
            height: 25px;
            position: absolute;
			right: 0.1rem; /* Posicionar a la derecha */
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            z-index: 100;
        }

        .menu__emb__icon span,
        .menu__emb__icon::before,
        .menu__emb__icon::after {
            content: '';
            position: absolute;
            left: 0;
            width: 100%;
            height: 4px;
            background-color: #0078C9; /* Color inicial para móviles */
   			transition: all 0.3s ease; /* Transición suave */
        }

        .menu__emb__icon::before {
            top: 0;
        }

        .menu__emb__icon::after {
            bottom: 0;
        }

        .menu__emb__icon span {
            top: 50%;
            transform: translateY(-50%);
        }

        /* Animación icono hamburguesa */
        #menuToggle:checked + .menu__emb__icon::before {
            transform: translateY(10px) rotate(45deg);
        }

        #menuToggle:checked + .menu__emb__icon::after {
            transform: translateY(-10px) rotate(-45deg);
        }

        #menuToggle:checked + .menu__emb__icon span {
            opacity: 0;
        }

        .menu__emb__toggle {
            display: none;
        }

        /* Menús móviles */
        .menu__emb__nav--upper,
        .menu__emb__nav--lower {
            position: fixed;
			top: 0;
            left: 0;
            width: 100%;
            height: 0;
            overflow: hidden;
            transition: height 0.5s ease;
            display: flex;
			padding-left: 1.6rem;
            flex-direction: column;
            justify-content: center; /* Alinear textos arriba */
            text-align: left;
            z-index: -1;
        }

        .menu__emb__nav--upper {
            top: 110px;
            background-color: #0078C9;
	

        }

        .menu__emb__nav--lower {
			top: calc(50vh + 55px); /* Comienza justo donde termina el menú superior */
			background-color: #003961;

        }

        #menuToggle:checked ~ .menu__emb__nav--upper {
   			 height: calc(50vh - 55px); /* Mantener el ajuste */
        }

        #menuToggle:checked ~ .menu__emb__nav--lower {
    		height: calc(50vh - 55px); /* Mantener el ajuste */
        }

        /* Texto desplegándose en cascada */
        .menu__emb__nav--upper li,
        .menu__emb__nav--lower li {
            list-style: none;
            opacity: 0;
            transform: translateY(20px);
            animation: slideInText 0.5s forwards;
        }

        /* Cascada con retraso */
        .menu__emb__nav--upper li:nth-child(1) { animation-delay: 0.3s; }
        .menu__emb__nav--upper li:nth-child(2) { animation-delay: 0.5s; }
        .menu__emb__nav--lower li:nth-child(1) { animation-delay: 0.7s; }
        .menu__emb__nav--lower li:nth-child(2) { animation-delay: 0.9s; }

        @keyframes slideInText {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .menu__emb__nav--upper a,
        .menu__emb__nav--lower a {
            color: #fff;
            text-decoration: none;
            font-size: 1.5rem;
            display: block;
            padding: 0.2rem;
        }

		.menu__emb__nav--upper a {
            font-weight: 900!important;

        }

        .menu__emb__nav--lower a {
            color: #0078C9;
            font-size: 1.2rem;

        }

		.menu__emb__nav--lower a:hover {
            color: #fff;
        }
		.menu__emb__nav--upper a:hover {
            color: #003961;

        }
		
		/* Media Query para escritorio */
        @media (min-width: 1200px) {
            .menu__emb__icon span,
            .menu__emb__icon::before,
            .menu__emb__icon::after {
                background-color: #FFF; /* Cambiar a blanco */
            }
			
			.menu__emb__icon {
                display: none; /* Ocultar hamburguesa */
            }

            .menu__emb__nav--upper,
            .menu__emb__nav--lower {
                display: none; /* Ocultar menús móviles */
            }

            .menu__emb__desktop {
                display: block; /* Mostrar menú escritorio */
            }
        }

/* Menú idiomas */

.language-selector {
  position: relative;
  top: 0px;
  right: 0px;
	  align-items: center!important;
  align-content: center!important;
  display: inline-block;
  z-index: 1000!important;
}

.language-button {
  background-color: #e9e9e9;
  border:solid;
  border-color: #ccc;
  border-width: thin;
  border-radius: 0.2rem;
  cursor: pointer;
  display: flex;
  align-items: center!important;
  align-content: center!important;
  font-size: 1rem;
  max-width: 40px;
  color: #333;
}

.language-button img {
  width: 20px;
  height: 20px;
  margin-right: 0px;
}

.language-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: -10px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1000!important;
}

.language-menu li {
  padding: 0.5rem 1rem;
}

.language-menu li a {
  text-decoration: none;
  color: #333;
  display: flex;
  align-items: center;
  z-index: 100!important;

}

.language-menu li a img {
  width: 20px;
  height: 20px;
  margin-right: 0px;
}

.language-menu li a:hover {
  background: #f0f0f0;
}

.language-selector:hover .language-menu {
  display: block;
  top: 20px;
  z-index: 1000!important;

}