/* =========================================================
   REALTOR CENTER — HEADER FINAL CON LOGO INLINE
========================================================= */

.rc-site-header,
.rc-site-header *,
.rc-site-header *::before,
.rc-site-header *::after {
	box-sizing: border-box !important;
}

.rc-site-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;

	width: 100% !important;
	min-height: 96px !important;

	background: rgba(255, 255, 255, 0.96) !important;
	backdrop-filter: blur(18px) !important;
	-webkit-backdrop-filter: blur(18px) !important;

	border-bottom: 1px solid rgba(11, 11, 11, 0.08) !important;
	box-shadow: 0 18px 44px rgba(11, 11, 11, 0.06) !important;
}

body.admin-bar .rc-site-header {
	top: 32px !important;
}

.rc-site-header__inner {
	width: min(1480px, calc(100% - 56px)) !important;
	min-height: 96px !important;
	margin: 0 auto !important;

	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
}

.rc-site-header__brand {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;

	width: 335px !important;
	height: 82px !important;

	text-decoration: none !important;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	overflow: visible !important;
}

.rc-site-header__logo {
	display: block !important;
	width: 335px !important;
	height: auto !important;
	max-width: 100% !important;
}

/* Menú */
.rc-site-header__nav {
	flex: 1 1 auto !important;

	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 18px !important;

	min-width: 0 !important;
}

.rc-site-header__nav a {
	display: inline-flex !important;
	align-items: center !important;

	color: #0B0B0B !important;
	font-size: 14px !important;
	line-height: 1.1 !important;
	font-weight: 850 !important;
	text-decoration: none !important;
	white-space: nowrap !important;

	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;

	transition: color 160ms ease, opacity 160ms ease !important;
}

.rc-site-header__nav a:hover {
	color: #6F6F6F !important;
}

/* WhatsApp */
.rc-site-header__whatsapp {
	flex: 0 0 auto !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	min-height: 54px !important;
	padding: 0 26px !important;

	border-radius: 14px !important;
	background: #D9A84E !important;
	color: #0B0B0B !important;
	border: 1px solid rgba(217, 168, 78, 0.36) !important;
	box-shadow: 0 16px 36px rgba(217, 168, 78, 0.16) !important;

	font-size: 14px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.rc-site-header__toggle {
	display: none !important;
	width: 46px !important;
	height: 46px !important;

	align-items: center !important;
	justify-content: center !important;
	flex-direction: column !important;
	gap: 5px !important;

	border-radius: 12px !important;
	border: 1px solid rgba(11, 11, 11, 0.14) !important;
	background: #FFFFFF !important;
	cursor: pointer !important;
}

.rc-site-header__toggle span {
	display: block !important;
	width: 22px !important;
	height: 2px !important;
	background: #0B0B0B !important;
	border-radius: 99px !important;
}

/* Desktop grande: menú completo */
@media (min-width: 1281px) {
	.rc-site-header__nav {
		display: flex !important;
	}

	.rc-site-header__toggle {
		display: none !important;
	}
}

/* Laptop: compacta, pero sin hamburguesa */
@media (max-width: 1440px) and (min-width: 1281px) {
	.rc-site-header__inner {
		width: min(1480px, calc(100% - 42px)) !important;
		gap: 18px !important;
	}

	.rc-site-header__brand {
		width: 300px !important;
		height: 76px !important;
	}

	.rc-site-header__logo {
		width: 300px !important;
	}

	.rc-site-header__nav {
		gap: 12px !important;
	}

	.rc-site-header__nav a {
		font-size: 13px !important;
	}

	.rc-site-header__whatsapp {
		min-height: 50px !important;
		padding: 0 20px !important;
		font-size: 13px !important;
	}
}

/* Tablet */
@media (max-width: 1280px) {
	.rc-site-header__inner {
		width: min(100% - 36px, 1160px) !important;
	}

	.rc-site-header__brand {
		width: 285px !important;
		height: 74px !important;
	}

	.rc-site-header__logo {
		width: 285px !important;
	}

	.rc-site-header__toggle {
		display: inline-flex !important;
	}

	.rc-site-header__nav {
		position: absolute !important;
		top: calc(100% + 0px) !important;
		left: 18px !important;
		right: 18px !important;

		display: none !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 10px 16px !important;

		padding: 24px 28px !important;
		background: rgba(255, 255, 255, 0.98) !important;
		border: 1px solid rgba(11, 11, 11, 0.10) !important;
		border-radius: 0 0 20px 20px !important;
		box-shadow: 0 24px 54px rgba(11, 11, 11, 0.14) !important;
	}

	.rc-site-header.is-open .rc-site-header__nav {
		display: grid !important;
	}

	.rc-site-header__nav a {
		padding: 14px 4px !important;
		border-bottom: 1px solid rgba(11, 11, 11, 0.08) !important;
	}

	.rc-site-header__whatsapp {
		min-height: 52px !important;
	}
}

/* Móvil */
@media (max-width: 720px) {
	body.admin-bar .rc-site-header {
		top: 46px !important;
	}

	.rc-site-header {
		min-height: 82px !important;
	}

	.rc-site-header__inner {
		width: calc(100% - 28px) !important;
		min-height: 82px !important;
		gap: 12px !important;
	}

	.rc-site-header__brand {
		width: 230px !important;
		height: 64px !important;
	}

	.rc-site-header__logo {
		width: 230px !important;
	}

	.rc-site-header__whatsapp {
		display: none !important;
	}

	.rc-site-header__nav {
		left: 14px !important;
		right: 14px !important;
		grid-template-columns: 1fr !important;
		padding: 18px 22px !important;
	}
}

@media (max-width: 420px) {
	.rc-site-header__brand {
		width: 205px !important;
	}

	.rc-site-header__logo {
		width: 205px !important;
	}
}

/* Corrección final del logo: solo controla el SVG reemplazado por JS. */
.rc-site-header__brand .rc-logo-fixed-svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

#rcxFooterPremium .rcx-footer-logo .rc-logo-fixed-svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}