/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #31A8FF;
	--cnvs-body-font: "acumin-pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--cnvs-primary-font: "neue-haas-grotesk-display", var(--cnvs-body-font);
	--cnvs-secondary-font: "acumin-pro", var(--cnvs-body-font);
}

h1 {
	font-family: var(--cnvs-primary-font);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.15;
}

h2 {
	font-family: var(--cnvs-primary-font);
	font-weight: 600;
	letter-spacing: -0.005em;
	line-height: 1.25;
}

h3 {
	font-family: "neue-haas-grotesk-text", var(--cnvs-body-font);
	font-weight: 500;
	line-height: 1.3;
}

h4 {
	font-family: "neue-haas-grotesk-text", var(--cnvs-body-font);
	font-weight: 500;
	line-height: 1.35;
}

h5 {
	font-family: "neue-haas-grotesk-text", var(--cnvs-body-font);
	font-weight: 400;
	line-height: 1.4;
}

h6 {
	font-family: "neue-haas-grotesk-text", var(--cnvs-body-font);
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: 0.01em;
}

.price, .metric {
	font-variant-numeric: tabular-nums;
}

/* Body con Acumin Pro y buenas lecturas */
body {
	font-family: var(--cnvs-body-font);
	font-weight: 400;
	line-height: 1.55;
}

/* Énfasis y pesos coherentes con los estilos activados en Adobe Fonts */
em, i {
	font-style: italic;
}

strong, b {
	font-weight: 700;
}

label, .label, .chip, .filter {
	font-weight: 500;
	font-family: var(--cnvs-body-font);
}

/* 1) Tipografía base para TODOS los widgets DevExtreme */
.dx-viewport, .dx-widget {
	font-family: var(--cnvs-body-font) !important;
	font-weight: 400;
	line-height: 1.55;
}

/* 2) Titulares o zonas donde quieras tu fuente de titulares (NHG) */
.dx-popup-title,
.dx-button .dx-button-text,
.dx-tab-text,
.dx-accordion-item-title {
	font-family: var(--cnvs-primary-font) !important;
	font-weight: 600;
}

/* HEADER: anula el fondo 'dark' impuesto por real-estate.css */
.dark #header:not(.transparent-header) #header-wrap,
#header.dark:not(.transparent-header) #header-wrap {
	background-color: var(--cnvs-header-bg); /* default de style.css */
}

/* FOOTER: respeta el fondo por defecto de style.css */
#footer.dark {
	background-color: var(--cnvs-footer-bg);
}

/* HEADER (sticky + transparent + dark): anula el override de real-estate.css
   y respeta el valor por defecto de style.css */
#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark) {
	background-color: var(--cnvs-header-sticky-bg);
}