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

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

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

:root {
	/* --- Colores --- */
	--color-primary: #0092e3;
	--color-primary-rgb: 0, 146, 227;
	--color-secondary: #9e9c9c;
	--color-hover: #131313;
	/* --- Dimensiones originales del logo (en píxeles, sin unidad) --- */
	--logo-original-width: 596;
	--logo-original-height: 381;
	/* --- Header --- */
	--header-height: 80px;
	--header-height-home: 80px;
	--header-height-affix: 80px;
	--header-home-nav-color: #000000;
	/* --- Logo · Home --- */
	--logo-home-scale: 1.8;
	--logo-home-max-width: 500px;
	--logo-home-offset: 26px;
	/* --- 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;  */
}

.marginTop-slider {
	top: -40px;
}
#pID0 .marginTop-buscador {
	margin-top: -213px;
}
.BNNR-contactanos .bannerTopContainer::before {
	background: var(--hover-bg-color);
	filter: brightness(59%) saturate(150%) contrast(80%);
	opacity: 0.5;
}
/*********************************** cambio de color de cabecera y footer ******************/
#pID0 .cabeceraMenu.affix, .cabeceraMenu.affix,
.cabeceraMenu {
	background: #000;
}
#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(--main-bg-color);
	}
.pie {
	background-color: #000;
	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: #000 !important;
	}

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

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

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

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

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