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

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

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

:root {
	/* --- Colores --- */
	--color-primary: #0d2139;
	--color-primary-rgb: 13, 33, 57;
	--color-secondary: #9e9c9c;
	--color-hover: #5b90b4;
	/* --- Dimensiones originales del logo (en píxeles, sin unidad) --- */
	--logo-original-width: 350;
	--logo-original-height: 216;
	/* --- Header --- */
	--header-height: 110px;
	--header-height-home: 110px;
	--header-height-affix: 110px;
	--header-home-nav-color: #000000;
	/* --- Logo · Home --- */
	--logo-home-scale: 1.3;
	--logo-home-max-width: 500px;
	--logo-home-offset: 30px;
	/* --- Logo · Footer --- */
	--logo-footer-max-width: 70%;
	/* --- 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.4;
}
/*  =====================================================
   =        Bootstrap 3.3 Media Queries Libres          =
   =====================================================   */

@media only screen and (min-width : 1200px) {
	#pID0 .cabeceraContainer .cabeceraLogo img {
		border-radius: 15px;
	}
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
}

@media only screen and (max-width : 767px) {
}

/*********************************** 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;
	}
}