/* ====== MENÚ PRINCIPAL Y HAMBURGUESA ====== */
:root {
	--primary-color: #2563eb;
	--primary-hover: #1d4ed8;
	--secondary-color: #f59e0b;
	--text-light: #ffffff;
	--text-dark: #1f2937;
	--bg-light: #f8fafc;
	--menu-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
.navbar {
	background-color: #fff;
	padding: 1.25rem 0;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	min-height: 80px;
	display: flex;
	align-items: center;
}
.nav-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	width: 100%;
}
.logo-container {
	display: flex;
	align-items: center;
	text-decoration: none;
	gap: 10px;
	z-index: 1001;
	position: relative;
}
.logo-img {
	height: 50px;
	width: auto;
	transition: transform 0.3s ease;
}
.logo-text {
	color: #000;
	font-size: 1.8rem;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.5px;
	transition: color 0.3s;
}
.logo-container:hover .logo-img { transform: scale(1.05); }
.logo-container:hover .logo-text { color: #333; }
.nav-menu { display: flex; list-style: none; gap: 0.5rem; margin: 0; padding: 0; margin-left: auto; margin-right: 1rem; background-color: #fff; }
.nav-menu li { position: relative; }
.nav-menu li a { color: #333; text-decoration: none; font-weight: 500; font-size: 1rem; padding: 0.5rem 1rem; border-radius: 4px; transition: all 0.3s; position: relative; display: inline-block; }
.nav-menu a:hover { color: #1e40af; background: transparent; transform: translateY(-2px); }
.nav-menu a::after { content: ''; position: absolute; width: 0; height: 3px; bottom: 4px; left: 50%; transform: translateX(-50%); background: #fbbf24; transition: width 0.3s, opacity 0.3s; opacity: 0; border-radius: 3px; }
.nav-menu a:hover::after { width: 70%; opacity: 1; }
.contact-button { margin-left: 1rem; }
.btn-contact { background: #2563eb; color: #fff !important; padding: 0.5rem 1.5rem !important; border-radius: 50px; font-weight: 600 !important; transition: all 0.3s; border: 2px solid transparent; }
.btn-contact:hover { background: #1d4ed8; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37,99,235,0.2); }
.contact-button a::after { display: none !important; }
.menu-toggle { display: none; background: #2563eb; border: none; border-radius: 8px; cursor: pointer; padding: 10px; position: relative; width: 44px; height: 44px; z-index: 1001; transition: all 0.3s; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.hamburger { display: flex; flex-direction: column; justify-content: space-between; width: 22px; height: 16px; position: relative; }
.hamburger-line { display: block; width: 100%; height: 2px; background: white; border-radius: 2px; transition: all 0.3s; position: absolute; left: 0; }
.hamburger-line:nth-child(1) { top: 0; }
.hamburger-line:nth-child(2) { top: 50%; transform: translateY(-50%); }
.hamburger-line:nth-child(3) { bottom: 0; }
.menu-toggle.active .hamburger-line:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.active .hamburger-line:nth-child(2) { opacity: 0; transform: translateX(-20px); }
.menu-toggle.active .hamburger-line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
@media (max-width: 1024px) {
	.nav-container { justify-content: space-between; padding: 0 1.5rem; }
	.menu-toggle { display: flex; }
	.nav-menu { position: fixed; top: 0; right: -100%; width: 85%; max-width: 320px; height: 100vh; background: white; flex-direction: column; justify-content: flex-start; align-items: stretch; padding: 5rem 1.5rem 2rem; margin: 0; transition: right 0.4s cubic-bezier(0.4,0,0.2,1); z-index: 1000; box-shadow: -4px 0 25px rgba(0,0,0,0.1); overflow-y: auto; }
	.nav-menu.active { right: 0; }
	.nav-menu li { width: 100%; margin: 0.25rem 0; opacity: 0; transform: translateX(20px); transition: all 0.3s; }
	.nav-menu.active li { opacity: 1; transform: translateX(0); transition-delay: 0.1s; }
	.nav-menu li:nth-child(1) { transition-delay: 0.1s; }
	.nav-menu li:nth-child(2) { transition-delay: 0.15s; }
	.nav-menu li:nth-child(3) { transition-delay: 0.2s; }
	.nav-menu li:nth-child(4) { transition-delay: 0.25s; }
	.nav-menu li.contact-button { transition-delay: 0.3s; }
	.nav-menu a { display: block; padding: 0.9rem 1.25rem; font-size: 1.05rem; color: #333; border-radius: 8px; }
	.nav-menu a:hover { background: #f5f5f5; color: #2563eb; }
	.nav-menu .contact-button { margin: 1rem 0 0; }
	.nav-menu .btn-contact { display: block; text-align: center; margin: 0.5rem 0; padding: 0.8rem 1.25rem !important; border-radius: 8px; }
	.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999; opacity: 0; transition: opacity 0.3s; }
	.overlay.active { display: block; opacity: 1; }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }