/*====	GLOBALES	===== */
	.FANTASMA{}

	:root {
		--naranja: #dd3703;
		--azul: #193c69;
		--azul-contraste: #ff0000;
		--celeste: #4285f4;
		--azul-rgba(20,60,105);
		--azul-rgba(221,51,3);
	}

	.logo-menu{width: 120px !important}
	.text-center,
	.text-center *{ text-align: center; }

	#main-menu{ height:70px;}
	.navbar-brand{ width:200px;}
	.navbar-brand img{ max-width:110px }
	
	body{font-family: Arial, sans-serif;}
	body div[data-role="page"]{ width: 100vw;}

	nav a{ color: #222;display: block; width:100%;padding: 0.5rem 10px; white-space: nowrap; }
	nav span.dropdown-toggle{ color: #222;display: block; width:100%;padding: 0.5rem; white-space: nowrap;font-weight: normal; font-size:16px; line-height:24px }
	nav span.dropdown-toggle:hover{ cursor: pointer; }
	
	.btn-soporte{ width:45px; height: 45px; position:fixed; display: inline-block; top:20px; right: 85px;border-radius:50%; line-height:45px; margin-top:2px;z-index:0 }
	.btn-soporte i{ font-size:25px; line-height:25px; padding:0; transform: translateY(2px)  }
	
	#main-menu .btn-soporte{
		width: 40px; height: 40px; position:fixed; display: inline-block; right: 40px; bottom: 40px;padding:0px; border-radius:50%; line-height:40px; z-index: 99;
		top: 15px !important;
		bottom: auto !important;
		right: 60px !important;
	}
	#main-menu .btn-soporte.scrolleando{ top: 10px !important; display: none}
	#main-menu .btn-soporte i{font-size: 20px !important}

/*====	PUBLIC MAIN MENU	===== */
	#main-menu{  _position: sticky; top:0; box-shadow: 0px -4px 7px 0px rgba(0,0,0,0.15); background: white; padding: 10px 0;z-index: 99; }
	#main-menu.scrolleando{     box-shadow: rgba(0,0,0,0.35) 1px 1px 15px; padding:0}
	#main-menu.scrollDown{ top: -70px}
	
	@media(min-width:1200px){	
		#main-menu{  padding:0; height: 80px; }
		#main-menu .nav-container{ padding: 20px 0;}
		#main-menu .nk-toggler{ display: none !important; }
		#main-menu nav{ text-align: right; }
		#main-menu nav ul li{ display: inline-block}
		#main-menu .fa-home{ display: block !important}
		#main-menu .label-inicio{ display: none}
	}
	@media(max-width:1199px){
		#main-menu nav{ text-align: right; }
	}
	@media(min-width:1200px) and (max-width: 1350px){	
		#main-menu .container{ min-width: 100%; max-width: 100%; }
	}
	
/*====	SUBMENUS (genérico)	===== */
	.submenu-opener{position: relative; }
	.submenu-opener .dropdown-toggle{ padding-right: 25px}
	.submenu-opener .dropdown-toggle::after{
		font-family: "Font Awesome 6 Pro" !important;
		content:"\F078";
		border-top: none !important;
		position:absolute;
		right: 0px
	}

	.submenu{ position: absolute; opacity: 0; height:0; }	
	.submenu.opened{	opacity: 1; z-index:9999999999999 !important; height: auto; display: block !important; }
	
	.submenu ul{
		visibility: hidden; 
		opacity: 0;
		box-shadow: 1px 1px 15px rgba(0,0,0,0.20);
		border-top: 4px solid var(--azul);
		text-align: left;
		background: white; 
	}
	.idiomas .submenu ul{ border-top:0}

	.submenu.opened ul{visibility: visible; opacity: 1; z-index:999999;}

	.submenu li{  position: relative; width:100%; font-size: 15px; padding: 12px 10px; display: block; }
	.submenu li::after{  content: ""; position: absolute; top: 0; left: 20px; right: 20px; height: 100%; border-bottom: 1px solid #e9e9e9; z-index: 0;}
	.submenu li a{ position: relative; z-index: 1; font-size: 15px; font-weight: 400; color: #212121; padding: 10px 5px;  word-wrap: nowrap !important; display: block}
	.submenu a::before{  content: ""; width: 15px; position: absolute; top: 12px; left: -15px !important; font-family: "Font Awesome 6 Pro"; font-weight: 600; content:"\f324";  font-size:0; }
	
	.idiomas .submenu li{ padding:0 }
	.idiomas .submenu li a{ padding:0; display: block; padding: 10px 15px }

	.submenu-opener:not(.idiomas) .submenu li:hover{ padding-left: 30px; }
	.submenu-opener:not(.idiomas) .submenu li:hover a:before{  font-size: 15px; left: -5px; 	}
	
	/* desactivo animación hover para el submenú idiomas*/
		.submenu-opener.idiomas .submenu li{ padding-top:0px; padding-bottom:0px;}
		.submenu-opener.idiomas .submenu li::after{ left:5px; right:5px}
		.submenu-opener.idiomas .submenu li:hover { background-color: var(--azul)}
		.submenu-opener.idiomas .submenu li:hover a{ color: var(--azul-contraste)}

/*====	SIDEBARS ===== */
	

	@media(max-width: 1199px){
		.nk-sidebar{ 
			position: fixed; width: 310px !important; height: 100vh !important; z-index: 999999 !important;background: #fff; padding:5px 0 0 0; top:0; 
			display: flex; flex-direction: column;
		}
		.nk-sidebar .contMenuMovil {
		  flex: 1 1 auto;
		  overflow-y: auto;
		  height: 100%;
		  padding-top: 10px
		}

		.nk-sidebar .nk-toggler {margin-top: 10px !important; margin-right: 0px; width: 50px; position: absolute}
		 body.scrolleando .nk-toggler {
		  transform: translateX(50px); /* se desplaza hacia la derecha */
		}
		.submenu-opener .dropdown-toggle::after{
			right: 5px
		}		
		.submenu.abrirSubmenuApartamentos,
		.submenu.abrirSubmenuApartamentos ul{	opacity: 1 !important; z-index:999; height: auto; display: block !important; visibility: visible}
	
		.nk-sidebar .nk-toggler i{
			background: var(--azul);	
			color: var(--azul-contraste); font-size:22px; 
			width:45px; height:45px; line-height: 45px; text-align: center;display: inline-block;border-radius: 50%; 
		}
		.nk-sidebar .nk-toggler i.fa-times{ dis-play: block; COLOR: var(--naranja); }

		.nk-sidebar nav{ overflow-x: hidden; overflow-y: auto;}
		.nk-sidebar nav ul li{ display: block; text-align: left; }
		
		.nk-sidebar .boton-ppal{ 
			font-size: 18px; font-weight: 600;  line-height: 1em !important; display: block !important; background: #f4f4f4; margin-bottom:3px;
			width:100%; padding-top: 15px; padding-bottom: 15px;
		}
		
		.nk-sidebar .submenu{ 
			position: relative !important; border: none;  background: #fff; box-shadow: none;width: 100%;min-width: 310px !important;
			right: 0; left: 0; display: none;
		}
		.nk-sidebar .submenu ul{ border: none;  box-shadow: none; width: 100%; }
		.nk-sidebar .submenu ul li{ padding-top: 0px !important; padding-bottom: 0px !important; position: relative; }
		.nk-sidebar .submenu li:before{  
			width: 15px; height: 22px;
			position: absolute; top: 13px; 
			font-size: 16 !important; 
			left: 8px !important; font-family: "Font Awesome 6 Pro"; font-weight: 600; content:"\f324" !important; z-index:999999 !important; 
		}
		.nk-sidebar .submenu li a{  position: relative; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; line-height: 1.25em;}
		.submenu a::before{  content: ""; padding-left: 0 !important; width:0 !important; left: -20px !important; display: none !important; }
		
		.submenu-opener.idiomas .dropdown-toggle::after{ display: none; }

		/*====	SIDEBARS ABIERTAS===== */

			/*right*/
				.nk-sidebar.menu-right .nk-toggler{margin-left: -48px;float: left}
				.nk-sidebar.menu-right{		right: -310px; }
				.nk-sidebar.menu-right.opened{ right:0px; }
				.nk-sidebar.menu-right.opened .submenu{opacity:1}

				body.menu-right-opened div[data-role="page"]{ margin-left: -310px; }
				body.menu-right-opened #main-menu{ z-index:999999}
	}

/*====	EMBELLECEDORES	===== */
	.blur{filter: blur(2px)}
	.blockScroll{ overflow-y: hidden }

	.fadeIn{ 
		opacity:1 !important; 
		z-index:9 !important;
		-webkit-transition: all .5s ease-in-out !important;
		-moz-transition:    all .5s ease-in-out !important;
		-ms-transition:     all .5s ease-in-out !important;
		-o-transition:      all .5s ease-in-out !important;
		transition:         all .5s ease-in-out !important;
	}

	.fadeOut{ 
		opacity:0 !important; 
		-webkit-transition: all .5s ease-in-out !important;
		-moz-transition:    all .5s ease-in-out !important;
		-ms-transition:     all .5s ease-in-out !important;
		-o-transition:      all .5s ease-in-out !important;
		transition:         all .5s ease-in-out !important;
	}
	
	body div[data-role="page"],
	#top_bar,
	#main-menu,
	#main-menu nav,
	.panel,
	.nk-sidebar,
	.nk-sidebar nav,
	.idiomas,
	.submenu,
	.submenu ul,
	.submenu li,
	.submenu li a,
	.submenu li span,
	.submenu li a:before,
	.submenu li span:before{
		-webkit-transition: all .5s ease-in-out !important;
		-moz-transition:    all .5s ease-in-out !important;
		-ms-transition:     all .5s ease-in-out !important;
		-o-transition:      all .5s ease-in-out !important;
		transition:         all .5s ease-in-out !important;
	}
	

	.nk-toggler,
	.submenu{
		-webkit-transition: all .3s ease-in-out;
		-moz-transition:    all .3s ease-in-out;
		-ms-transition:     all .3s ease-in-out;
		-o-transition:      all .3s ease-in-out;
		transition:         all .3s ease-in-out;
	}