/* ==========================================================================
   VARIABLES DE COLORES
   ========================================================================== */
:root {
	/* Colores base */
	--m2-gris-oscuro: #474b4e;
	--m2-secundario: #e83b51;
	--m2-gris-claro: #dedede;
	--m2-principal: #af1834;
}

:root {
	--m2-texto: var(--color-texto);
	--m2-texto-claro: var(--color-blanco);
}

:root {
	--m2-fondo: var(--color-blanco);
	--m2-fondo-gris: var(--color-gris-claro);
}

:root {
	--m2-hover: var(--m2-principal);
	--m2-activo: var(--m2-secundario);
}

/* ==========================================================================
   FUENTES MONTTSERRAT
   ========================================================================== */
@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('inmobiliaria/fonts/Montserrat-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

/* ==========================================================================
   TIPOGRAFIA
   ========================================================================== */
body.page-template-pagina_clasificados {
	--font-primary: 'Montserrat', sans-serif;
	font-family: var(--font-primary) !important;
}

/* Aplicar a todos los elementos dentro de body.page-template-pagina_clasificados */
body.page-template-pagina_clasificados * {
	font-family: inherit !important;
}

@layer reset, base, components, utilities;

@layer reset {

	body.page-template-pagina_clasificados,
	body.page-template-pagina_clasificados * {
		font-family: var(--font-primary, 'Montserrat', sans-serif);
	}
}

/* Reset de estilos específicos con máxima prioridad */
body.page-template-pagina_clasificados h1,
body.page-template-pagina_clasificados h2,
body.page-template-pagina_clasificados h3,
body.page-template-pagina_clasificados h4,
body.page-template-pagina_clasificados h5,
body.page-template-pagina_clasificados h6,
body.page-template-pagina_clasificados p,
body.page-template-pagina_clasificados a,
body.page-template-pagina_clasificados span,
body.page-template-pagina_clasificados div:not([class*="specific-class"]),
/* Evitar conflictos específicos */
body.page-template-pagina_clasificados button,
body.page-template-pagina_clasificados input:not([type="checkbox"]):not([type="radio"]),
body.page-template-pagina_clasificados select,
body.page-template-pagina_clasificados textarea,
body.page-template-pagina_clasificados .m2-texto * {
	font-family: var(--font-primary) !important;
}

header .site-branding-m2 {
	display: flex;
	justify-content: center;
	background-color: var(--m2-principal);
	background-image: url(../../img/fondo-m2.jpg);
	background-position: right 0px top;
	box-shadow: inset -14px -262px 77px -165px rgba(var(--color-negro-rgb), 0.34);
}

header .site-identidad-m2 {
	max-width: 1680px;
	margin: 0 auto;
	padding: 15px 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

footer.site-footer-m2 {
	display: flex;
	justify-content: center;
	background-color: var(--m2-principal);
	background-image: url(../../img/fondo-m2.jpg);
	background-position: right 0px top;
	box-shadow: inset -14px -262px 77px -165px rgba(var(--color-negro-rgb), 0.34);
}

footer .site-identidad-m2 {
	max-width: 1680px;
	margin: 0 auto;
	padding: 2em 0em;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}

/* Logo del footer */
footer .logo-footer-m2 {
	height: 150px;
}