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

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

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

:root {
	/* --- Colores --- */
	--color-primary: #a18051;
	--color-primary-rgb: 161, 128, 81;
	--color-secondary: #9e9c9c;
	--color-hover: #c49b60;
	/* --- Dimensiones originales del logo (en píxeles, sin unidad) --- */
	--logo-original-width: 400;
	--logo-original-height: 514;
	/* --- 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: 40px;
	/* --- Logo · Footer --- */
	--logo-footer-max-width: 24%;
	/* --- Tipografía · Importar fuente con @import si se personaliza --- */
	/* --main-font:       'Poppins', sans-serif;    */
	/* --secondary-font:  'Open Sans', sans-serif;  */
}
.Banner-Animado .layoutBanners .itemBanner .overlay {
	background-color: rgba(0, 0, 0, 0.8);
}
.BNNR-contactanos .bannerTopContainer::before {
	background: #000;
	filter: none;
	opacity: 0.7;
}
.bg-primary {
	background-color: var(--color-primary);
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
	color: #fff;
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	;
}

#pID0 .navbar-default .navbar-nav > li > a {
	color: #000;
}
/*********************************** 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(--hover-bg-color) !important;
		}

	.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: #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 !important;
		}

	.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 !important;
		}

	.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 !important;
		}

	.telefonosMovil a {
		color: #fff;
	}
}