*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	/* padding-top: 50px; */ /* Ajusta este valor si tu navbar tiene otra altura */
	min-height: 100vh;
	background: url('laptop.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	font-family: Montserrat, sans-serif; 
	font-size: 14px;
	/* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
	/* padding-top: 70px; */ /* Ajusta para evitar que el contenido se oculte detrás del navbar */
}

/* nav{
	position: fixed; 
	top: 0;
	left: 0;
	width: 100%;
	background-color: white;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
	z-index: 1000;
} */
nav {
	position: fixed; /* <-- Esto lo activa como sticky */
	top: 0;
	left: 0;
	width: 100%;
	background-color: white;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
	z-index: 9999;
}
nav ul {
	width: 100%;
	list-style: none;
	display: flex;
	justify-content: center; /* <-- centra horizontalmente los nav-links */
	align-items: center;
	padding: 0;
}




nav li{
	height: 50px;
}

nav a{
	height: 100%;
	padding: 0 20px;
	text-decoration: none;
	display: flex;
	align-items: center;
	color: black;
	font-size: 14px;
}

nav a:hover{
	background-color: #f0f0f0;
}

.sidebar{
	position: fixed;
	top: 0; 
	right: 0;
	height: 100vh;
	width: 250px;
	background-color: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(12px);
	box-shadow: -10px 0 10px rgba(0, 0, 0, 0.1);
	list-style: none;
	display: none;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.sidebar li{
	width: 100%;
}

.sidebar a{
	width: 100%;
}

.menu-button{
	display: none;
}
.second-navbar {
    position: sticky;
    top: 50px; /* Ajusta este valor según la altura del navbar principal */
    width: 100%;
    background-color: white;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
    z-index: 999;
}


@media(max-width: 800px){
	.hideOnMobile{
		display: none;
	}
	.menu-button{
		display: block;
	}
}

@media(max-width: 400px){
	.sidebar{
		width: 100%;
	}
}