/*=== Mobilia - Copyright 2026- */

@import url("/DesktopModules/InmoBS3/layouts/css/Temas/Tema0-ZenBase.css");

/*  =====================================================
    =             VARIABLES DE ESTA WEB                 =
    =====================================================   */

:root {
	/* --- Colores --- */
	--color-primary: #002d52;
	--color-primary-rgb: 0, 45, 82;
	--color-secondary: #9e9c9c;
	--color-hover: #d5a157;
	/* --- Dimensiones originales del logo (en píxeles, sin unidad) --- */
	--logo-original-width: 250;
	--logo-original-height: 250;
	/* --- Header --- */
	--header-height: 100px;
	--header-height-home: 100px;
	--header-height-affix: 100px;
	--header-home-nav-color: #000000;
	/* --- Logo · Home --- */
	--logo-home-scale: 1.8;
	--logo-home-max-width: 500px;
	--logo-home-offset: 20px;
	/* --- Logo · Footer --- */
	--logo-footer-max-width: 50%;
	/* --- Tipografía · Importar fuente con @import si se personaliza --- */
	/* --main-font:       'Poppins', sans-serif;    */
	/* --secondary-font:  'Open Sans', sans-serif;  */
}
.BNNR-contactanos .bannerTopContainer::before {
	background: #000;
	filter: brightness(59%) saturate(150%) contrast(80%);
	opacity: 0.3;
}
.cabeceraPagina {
	background: var(--color-primary);
	color: #fff;
}
.datosCabecera a {
	color: #fff;
}
/*********************************** cambio de color de cabecera y footer ******************/
#pID0 .cabeceraMenu.affix, .cabeceraMenu.affix,
.cabeceraMenu {
	background: var(--color-primary);
}

	#pID0 .cabeceraContainer .cabeceraMenu.affix .navbar-nav > li > a,
	.cabeceraMenu.affix .navbar-default .navbar-nav > li > a,
	.cabeceraContainer .navbar-nav > li > a {
		color: #fff;
	}

		.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
		.cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
			color: var(--hover-bg-color) !important;
			box-shadow: 0px 2px 0px var(--hover-bg-color);
		}

	#pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
		color: var(--hover-bg-color) !important;
		box-shadow: 0px 2px 0px var(--hover-bg-color);
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a:focus {
		color: var(--hover-bg-color) !important;
		background-color: transparent;
		box-shadow: 0px 2px 0px var(--hover-bg-color);
	}

navbar .fa, .navbar .mob {
	color: #fff;
}

.pie {
	background-color: var(--color-primary);
	color: #fff;
}

	.pie a {
		color: #fff;
	}
/*  =====================================================
   =        Bootstrap 3.3 Media Queries Libres          =
   =====================================================   */

@media only screen and (min-width : 1200px) {
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
	.cabeceraMenu, .cabeceraMenu.affix {
		background: var(--color-primary) !important;
	}

		#pID0 .cabeceraContainer .cabeceraMenu.affix .navbar-nav > li > a,
		.cabeceraMenu.affix .navbar-default .navbar-nav > li > a,
		.cabeceraContainer .navbar-nav > li > a {
			color: #fff !important;
		}

	.telefonosMovil a {
		color: #fff;
	}

	#pID0 .cabeceraMenu:not(.affix) .navbar-nav > li > a {
		color: #fff !important;
	}

	#pID0 .navbar-default .navbar-nav > li > a:hover, #pID0 .navbar-default .navbar-nav > li > a:focus, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
		color: var(--hover-bg-color) !important;
		background-color: transparent;
		box-shadow: 0px 2px 0px var(--hover-bg-color);
	}

	.navbar .fa, .navbar .mob {
		color: #fff;
	}
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
	.cabeceraMenu, .cabeceraMenu.affix {
		background: var(--color-primary) !important;
	}

		#pID0 .cabeceraContainer .cabeceraMenu.affix .navbar-nav > li > a,
		.cabeceraMenu.affix .navbar-default .navbar-nav > li > a,
		.cabeceraContainer .navbar-nav > li > a {
			color: #fff !important;
		}

	.telefonosMovil a {
		color: #fff;
	}

	#pID0 .cabeceraMenu:not(.affix) .navbar-nav > li > a {
		color: #fff !important;
	}

	#pID0 .navbar-default .navbar-nav > li > a:hover, #pID0 .navbar-default .navbar-nav > li > a:focus, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
		color: var(--hover-bg-color) !important;
		background-color: transparent;
		box-shadow: 0px 2px 0px var(--hover-bg-color);
	}

	.navbar .fa, .navbar .mob {
		color: #fff;
	}
}

@media only screen and (max-width : 767px) {
	.cabeceraMenu, .cabeceraMenu.affix {
		background: var(--color-primary) !important;
	}

		#pID0 .cabeceraContainer .cabeceraMenu.affix .navbar-nav > li > a,
		.cabeceraMenu.affix .navbar-default .navbar-nav > li > a,
		.cabeceraContainer .navbar-nav > li > a {
			color: #fff !important;
		}

	.telefonosMovil a {
		color: #fff;
	}

	#pID0 .cabeceraMenu:not(.affix) .navbar-nav > li > a {
		color: #fff !important;
	}

	#pID0 .navbar-default .navbar-nav > li > a:hover, #pID0 .navbar-default .navbar-nav > li > a:focus, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
		color: var(--hover-bg-color) !important;
		background-color: transparent;
		box-shadow: 0px 2px 0px var(--hover-bg-color);
	}

	.navbar .fa, .navbar .mob {
		color: #fff;
	}
}