.site-header {
        	position: fixed;
        	top: 0;
        	left: 0;
        	width: 100%;
        	background-color: #fff;
			box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15);
        	padding: 10px;
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        	z-index: 1000;
			padding: 20px 10px 20px 10px;
			height: 70px;

        }

        .logo img {
        	max-height: 40px;
			position: absolute;
        }

        .site-navigation ul {
        	list-style-type: none;
        	margin: 0;
        	padding: 0;
        	display: flex;
        	justify-content: flex-end;
        }

        .site-navigation ul li {
        	margin-left: 20px;
        }

        .site-navigation ul li a {
        	color: #007bff;
        	text-decoration: none;
        }

        @media screen and (max-width: 768px) {
        	.site-header {
        		padding: 10px 20px;
        	}

        	.site-navigation ul {
        		flex-direction: column;
        		align-items: flex-start;
        		position: absolute;
        		top: 100%;
        		left: 0;
        		background-color: #f8f9fa;
        		width: 100%;
        		display: none;
        	}

        	.site-navigation ul.open {
        		display: block;
        	}

        	.site-navigation ul li {
        		margin-left: 0;
        		margin-bottom: 10px;
        	}
        }

        .menu-principal {
			float: right;
        }

        .menu-principal .menu {
        	list-style: none;
        	margin: 0;
        	padding: 0;
        	display: flex;
        }

        .menu-principal .menu li {
        	margin-right: 20px;
        }

        .menu-principal .menu li:last-child {
        	margin-right: 0;
        }

        .menu-principal .menu li a {
        	text-decoration: none;
        	color: #333;
        	font-weight: bold;
        }

        .hamburger {
        	display: none;
        	padding: 0.25rem 0.75rem;
        	font-size: 1.25rem;
        	line-height: 1;
        	background-color: transparent;
        	border: 1px solid transparent;
        	border-radius: 0.25rem;
        }

        .hamburger-box {
        	width: 24px;
        	height: 20px;
        	display: inline-block;
        	position: relative;
        }

        .hamburger-inner {
        	display: block;
        	top: 50%;
        	margin-top: -2px;
        	width: 24px;
        	height: 2px;
        	background-color: #333;
        	position: absolute;
        	transition: background-color 0.3s ease;
        }

        .hamburger-inner {
        	display: block;
        	top: 50%;
        	margin-top: -2px;
        	width: 24px;
        	height: 2px;
        	background-color: #333;
        	position: absolute;
        	transition: background-color 0.3s ease;
        }

		.open-menu {
			position: static!important;
		}

        .open-menu .menu {
        	display: flex;
        	flex-direction: column;
        	position: absolute;
        	top: 100%;
        	left: 0;
        	width: 100%;
        	background-color: #f9f9f9;
        	padding: 10px;
        	border-top: 1px solid #ccc;
        	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
			background-color: #fff;
        }

        .open-menu .menu li {
        	margin-right: 0;
        	margin-bottom: 10px;
        }

        .open-menu .menu li:last-child {
        	margin-bottom: 0;
        }

		.hamburger-inner:nth-child(1) {
			top: 0;
		}
		
		.hamburger-inner:nth-child(2) {
			top: 5px;
		}
		
		.hamburger-inner:nth-child(3) {
			bottom: 0;
		}

        @media screen and (max-width: 767px) {
        	.menu-principal .menu {
        		display: none;
        	}

        	.hamburger {
        		display: block;
        	}
        	.open-menu .menu {
        		display: flex;
        	}
        }