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

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

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

:root {
	/* --- Colores --- */
	--color-primary: #07002a;
	--color-primary-rgb: 7, 0, 42;
	--color-secondary: #9e9c9c;
	--color-hover: #c2a173;
	/* --- Dimensiones originales del logo (en píxeles, sin unidad) --- */
	--logo-original-width: 230;
	--logo-original-height: 218;
	/* --- 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: 22px;
	/* --- 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;  */
}
.Banner-Animado .layoutBanners .itemBanner .overlay:hover {
	background-color: #c2a173e8;
}
.BNNR-contactanos .bannerTopContainer::before {
	background: var(--color-hover);
	filter: brightness(59%) saturate(150%) contrast(80%);
	opacity: 0.75;
	mix-blend-mode: multiply;
}
.pie {
	background-color: var(--color-primary);
	color: var(--color-hover);
	border-top: 1px solid var(--color-hover);
}
	.pie a {
		color: #e0e0e0;
	}
.pie address {
	color: #e0e0e0;
}
	.pie a:hover {
		color: var(--color-hover);
	}
/*********************************** 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: #e0e0e0;
	}

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

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

	.pie a {
		color: #e0e0e0;
	}
/*  =====================================================
   =        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: #e0e0e0 !important;
		}

	.telefonosMovil a {
		color: #e0e0e0;
	}
	#pID0 .cabeceraMenu:not(.affix) .navbar-nav > li > a {
		color: #fff !important;
	}
	#pID0 .navbar-default .navbar-nav > .active > a, #pID0 .navbar-default .navbar-nav > .active > a:hover, #pID0 .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: var(--hover-bg-color) !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, .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;
	}
}

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

	.telefonosMovil a {
		color: #e0e0e0;
	}
	#pID0 .cabeceraMenu:not(.affix) .navbar-nav > li > a {
		color: #fff !important;
	}
	#pID0 .navbar-default .navbar-nav > .active > a, #pID0 .navbar-default .navbar-nav > .active > a:hover, #pID0 .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: var(--hover-bg-color) !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, .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;
	}
}

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

	.telefonosMovil a {
		color: #e0e0e0;
	}
	#pID0 .cabeceraMenu:not(.affix) .navbar-nav > li > a {
		color: #fff !important;
	}
	#pID0 .navbar-default .navbar-nav > .active > a, #pID0 .navbar-default .navbar-nav > .active > a:hover, #pID0 .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: var(--hover-bg-color) !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, .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;
	}
}