/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
	--main: #1A171B;
	--secondary: #DC3545;
	--secondary-hover: #bd2130;
	--boton_azul: #0F6DAC;
	--text-color: #393c3f;
	--white: #fff;
	--border-color: #E6E6E6;
	--black-rgb: 21, 21, 21;
	--font-size: 14px;
	--footer-text-color: #3B2A10;
	--footer-secondary-color: #AD803D;
	--typo-primary: 'Calendas bold';
	--typo-secondary: 'Bould-regular', sans-serif;
	--background: #FAFAF9;
	--neutral-50: #f7f6f7;
	--neutral-100: #e8e7e8;
	--neutral-200: #d1d1d1;
	--neutral-300: #bab9ba;
	--neutral-400: #a3a2a4;
	--neutral-500: #8c8b8d;
	--neutral-600: #7b7b7b;
	--transition: all 0.4s ease-out;
	--box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
	--error: #e04747;
	/* color errores en formulario */
	--ayuda: #76a74f;
	/* color ayuda solicitada en formulario */
	--success: #76a74f;
	/* color acierto en formulario */
	/* Variables mapa
------------------------------------------------------- */
	--map_hover_rojo: #FB0000;
	--map_hover_naranja: #F2931E;
	--map_hover_verde: #90C16E;
	--map_hover_gris: #838383;
	--calendario-verde: #569A33;
	--calendario-rojo: #dc3535;

}

.tooltip-content{
	padding:6px;
}
::selection{
	background: var(--neutral-100);
	color:var(--secondary);

}

p {
	color: var(--main)
}

body {
	font-family: var(--typo-secondary) !important;
	color: var(--main);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#et-main-area{
	display: flex;
  flex-direction: column;
  min-height: calc(100vh - 100px);
}

#main-footer{
    margin-top: 100px;
}

#top-menu {
	display: flex;
	align-items: center;
}

.et_header_style_left #et-top-navigation nav > ul > li > a{
	padding: 0px;
}
a{
	cursor:pointer;
}
#main-content {
	background-color: transparent;
}

#top-menu> li {
	margin-right: 10px;
}

#top-menu li li a {
	width: auto !important;
}

#top-menu li.menu-item.menu-item-type-post_type {
	background: var(--secondary);
	padding: 0 !important;
	border-radius: 4px;
	font-weight: 400;
	line-height: 20px;
	font-size: var(--font-size) !important;
}

@media only screen and (min-width: 981px) {
	.et-fixed-header #top-menu a {
		color: var(--background) !important;
	}
}

@media (max-width: 980px) {
	.et_pb_section {
	  padding: 0px 0;
	}
	.et_pb_row {
		padding: 20px 0;
  }
}

#top-menu li.menu-item.menu-item-type-post_type:hover {
	background: var(--secondary-hover);
	transition: var(--transition);
}

li.menu-item.menu-item-type-post_type> a {
	padding: 8px 15px !important;
	color: var(--white) !important;
}

.pll-parent-menu-item {
	background: var(--white);
	padding: 0 !important;
	border: 1px solid var(--border-color);
	border-radius: 4px;
	font-size: var(--font-size) !important;
}

.pll-parent-menu-item> a,
.pll-parent-menu-item> span.current-lang {
	padding-bottom: 0px !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	padding: 10px 45px 10px 20px !important;
	color: var(--text-color) !important;
	font-weight: 400;
	cursor: pointer;
}

.pll-parent-menu-item> a::after,
.pll-parent-menu-item> span.current-lang::after {
	padding: 10px;
}

#top-menu .menu-item-has-children > span.current-lang::after{
  font-family: 'ETmodules';
  content: "3";
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 800;
}

.pll-parent-menu-item> ul.sub-menu {
	border-color: var(--white);
	box-shadow: none;
	border-radius: 6px;
	border: 1px solid var(--border-color);
	width: 114px;
	/* margin-top: 4px; */
}

.pll-parent-menu-item> ul.sub-menu> li {
	font-weight: 400;
	color: var(--text-color) !important;
}

.pll-parent-menu-item> ul.sub-menu> li a:hover {
	opacity: 1;
	font-weight: 400;
	color: var(--secondary-hover) !important;
	transition: var(--transition);
}


/*-------------------INICIO: BUSCADOR PREDICTIVO---------------------*/

.menu-search input[type=text] {
	border: 0px;
	border-radius: 6px;
	font-size: var(--font-size) !important;
	padding: 0px !important;
	margin-right: 0px;
	width: 0px;
}


.menu-search input[type=text]:focus {
	width: 205px;
	padding-left:10px !important;
}



.menu-search {
	background-color: var(--white);
	border: 1px solid var(--neutral-100);
	border-radius: 4px;
}

.menu-search label {
	margin: 0px !important;
	display: inline-block;
}

.menu-search button {
	border: 0px;
	padding: 5px 5px !important;
	background-color: transparent;
	line-height: 0px;
	font-size: var(--font-size) !important;
	opacity: 1;
	color: var(--text-color);
	vertical-align: middle;
}

.buscador-menu a{
	padding: 0px !important;
}

.menu-search label:hover button {
	transition: var(--transition);
}

.menu-search label:hover button img {
	filter: brightness(0) saturate(100%)
}


/*-------------------FIN: BUSCADOR PREDICTIVO---------------------*/


/*-------------------MAIN HEADER---------------------*/

#main-header {
	background-color: var(--background) !important;
	opacity: 1;
	-webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0px 0 rgba(0, 0, 0, .1);
	width: 100%;
}

#main-header .et_menu_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 !important;
	border-bottom: 0px solid var(--neutral-300);
	width: 80% !important;
	margin: 0 auto;
	max-width: 1440px;
}

#main-header .logo_container {
	position: relative;
	width: 350px;
	height: 100px;
	display: flex;
	align-items: center;
	padding: 0px 0;
}

.logo_container a {
	width: 300px;
}

#main-header #et-top-navigation {
	display: flex;
	justify-content: flex-end;
	width: calc(100% - 135px);
	padding: inherit !important;
}


@media (min-width: 1200px) {
	.container {
		width: 1440px !important;
	}
}

@media (max-width: 980px) {
	#main-header .et_menu_container {
		width: 100%;
	}
	.logo_container a {
		width: 250px;
		margin-left: 0px;
	}
	#main-header .logo_container #logo {
		max-width: 90%;
		margin-left: 0px;
	}
}

@media (max-width: 1080px) {
	.et_pb_section .et_pb_section_0 .et_section_regular #main-header {
		padding-top: 0px !important;
	}
	#main-header .logo_container {
		width: 290px !important;
		height: 104px !important;
		padding-left: 0;
		float: left;
		left: 0px;
	}
	#main-header #et-top-navigation {
		width: 100%;
		padding: 0px !important;
		margin: 0 auto !important;
		justify-content: center;
	}
	#main-header .et_menu_container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 !important;
		border-bottom: 0px solid var(--neutral-300);
		width: 80% !important;
		margin: 0 auto;
		max-width: 1440px;
		text-align: center;
		flex-direction: column;
	}
	#main-header .logo_container {
		width: 100% !important;
		height: 104px !important;
		padding-left: 0;
		float: none;
		left: 0px;
		text-align: center;
		display: block;
	}
	.footer-menu-contact .container {
		display: flex;
		justify-content: center;
		gap: 10px;
		flex-direction: column;
	}
	.footer-menu-contact .footer-menu {
		width: 100%;
	}
	.footer-menu-contact .footer-logo {
		width: 100%;
		text-align: center;
	}
	.footer-menu-contact .footer-menu ul {
		display: flex;
		gap: 15px;
		margin-bottom: 0px;
		justify-content: space-between;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.footer-bottom-policy ul li {
		text-align: center;
		width: calc(100%/4 - 13px);
		line-height: 100%;
	}
	.footer-bottom-policy ul {
		display: flex;
		gap: 15px;
		margin-bottom: 0px;
		justify-content: space-around;
		padding: 5px 0;
		flex-wrap: wrap;
	}
	#footer-bottom li.menu-item.menu-item-type-post_type> a {
		font-size: 10px !important;
		padding: 0px !important;
		line-height: 100% !important;
	}
	#footer-bottom .container {
		padding: 0;
		margin: 0 auto;
		width: 90%;
	}
	.footer-bottom-policy ul a {
		font-size: 10px !important;
		letter-spacing: 0;
	}
	.date-picker-wrapper .month-wrapper table {
		width: 100%;
		float: left;
	}
	.contenedor_filtros_visitas {
		margin-bottom: 10vh !important;
	}
}

@media only screen and (max-width: 685px) {
	.contenedor_filtros_visitas {
		margin-bottom: 40px !important;
	}
	.buscador-menu a {
		padding: 0px !important;
	}
	#buscadorNavegadorPredictivo:focus {
		min-width: 85% !important;
		padding: 8px !important;
	}
	#main-header .et_menu_container {
		width: 90% !important;
	}
	#top-menu-nav {
		width: 100% !important;
	}
	#top-menu-nav ul::before,
	#top-menu-nav ul::after {
		display: none
	}
	#top-menu {
		display: flex !important;
		flex-wrap: wrap;
		width: 100%;
		gap: 6px;
		justify-content: space-between;
		content: none !important;
	}
	#top-menu .sub-menu {
		width: 100%;
	}
	#top-menu> li {
		margin-right: 0px;
	}

	.menu-search input[type="text"]{
		width: 205px;
    padding: 10px !important;
	}
	#top-menu .buscador-menu label {
		float: right;
		margin: 0 !important;
		margin-top: 2px !important;
	}


	#top-menu li li {
		padding: 0 10px;
	}
	#main-header {
		padding-bottom: 20px;
	}
	.menu-search {
		height: 37px;
	  }
}

#top-menu li li {
	padding: 0 10px;
}

@media screen and (max-width: 1080px) {
	.et_fixed_nav #main-header {
		position: fixed;
		z-index: 99999999;
		top: 0 !important;
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 980px) {

	.et_header_style_centered #main-header {
		position: fixed;
	}
	#main-header {
		opacity: 1 !important;
		position: fixed;
	}
	.et_header_style_centered #main-header .mobile_nav {
		background-color: transparent;
	}
}

#top-menu-nav> ul> li> a:hover {
	opacity: 1;
	transition: var(--transition);
}

.buscador-menu a {
	padding-bottom: 0px !important;
}

@media screen and (max-width: 1200px) {
	#et_mobile_nav_menu {
		display: none;
	}

}


/*-------------------FIN MAIN HEADER---------------------*/


/*-------------------BUSCADOR PREDICTIVO---------------------*/
.et_pb_slide_description{
	
}

#buscadorNavegadorPredictivo {
	transition: 0.5s width ease-in-out;
}

label[for="buscadorNavegadorPredictivo"]>button {
	pointer-events: none;
}

.predictivo {
	position: absolute;
	background: var(--white);
	border-radius: 6px;
	width: 236px;
	left: 0;
	bottom: 100px;
	text-align: left;
	z-index: 9;
	height: auto;
}

#top-menu .predictivo {
	top: 48px;
	bottom: auto;
}

.predictivo .prediccion-correcta {
	padding: 12px 20px;
	border-bottom: 1px dashed var(--neutral-300);
}

.predictivo .prediccion-correcta-fin {
	border-bottom: none;
}

.predictivo .prediccion-correcta:hover {
	background-color: var(--neutral-50);
	color: var(--secondary-hover)
}


/*-------------------FIN BUSCADOR PREDICTIVO---------------------*/


/*-------------------BUSCADOR HOME---------------------*/

.contenedor_filtros_visitas {
	background-color: white;
	border-radius: 4px;
	text-align: center;
	padding: 12px;
	flex-wrap: wrap;
	margin-bottom: 18vh;
	display: flex;
	border: 0.5px solid var(--neutral-100);
}

.contenedor_filtros_visitas .separador {
	margin: 0 0 0 0;
	width: calc(100% / 4 - 16px);
	border-right: 0.5px solid var(--neutral-100);
	z-index: 999999;
}

.contenedor_filtros_visitas .separador .contenedor-calendario:focus {
	border: 1px solid var(--secondary);
}

.separador label{
	cursor: pointer;
}

.contenedor_filtros_visitas .separador:hover {
	background-color: var(--neutral-50);
	border-radius: 0px;
	transition: var(--transition);
}


.contenedor_filtros_visitas .buscador.separador {
	margin: 0 0 0 0;
	width: calc(100% / 4 - 16px);
	border-right: 0px solid var(--neutral-300);
	padding: 0px;
	height: 100%;
}

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

	.calendario {
		bottom: 174px !important;
	}
	.home #buscadorTipos {
		bottom: 180px !important;
	  }
	.predictivo {
		bottom: 180px;
	}
}

@media only screen and (max-width: 980px) {
	.et_pb_image_0 .et_pb_image_wrap img {
		object-fit: cover;
		margin: 0 auto;
		display: block;
		width: 100% !important;
	}
	.ficha-espacio {
		display: flex;
		flex-direction: column-reverse;
	}
	#ocultarMapa {
		display: none;
	}
	.date-picker-wrapper .month-wrapper {
		min-width: auto !important;
	}
	.contenedor_filtros_visitas .buscador.separador {
		width: 100%;
		height: auto;
	}
	.contenedor_filtros_visitas .buscador.separador {
		width: 100%;
		height: auto;
	}
	.contenedor_filtros_visitas .separador {
		z-index: 1;
		width: 100%;
		border-bottom: 1px solid var(--neutral-100);
		border-right: 0px solid var(--neutral-100);
	}
	#buscadorTipos .tipo-espacio {
		width: calc(100%/2) !important;
	}
	#buscadorTipos {
		margin-left: 0 !important;
		width: 100% !important;
		position: initial !important;
	}
	.contenedor-buscadorTipos {
		z-index: 9999 !important;
	}
	.contenedor-calendario {
		z-index: 999 !important;
	}
	.calendario {
		top: 289px;
		position: initial !important;
	}
	#map {
		width: 100% !important;
	}
	.contenedor-ocupacion {
		width: 100% !important;
	}
	.contenedor-mapa-espacios {
		flex-direction: column-reverse;
		max-height: 1000px !important;
	}
	.predictivo {
		bottom: auto !important;
		width: 100% !important;
		z-index: 999999 !important;
		top: 94px;
	}
}

.contenedor_filtros_visitas .form-row {
	display: flex !important;
	flex-wrap: wrap !important;
	width: 100%;
	gap: 16px;
	justify-content: space-between;
	align-items: end;
}

#BtnFiltrarVisitas {
	text-align: center;
	font-size: 14px;
	letter-spacing: 0.3px;
	height: auto;
	text-transform: uppercase;
	background-color: var(--secondary);
	color: var(--white) !important;
	padding: 20px 15px !important;
	transition: var(--transition);
	cursor: pointer;
	border: 0px;
	border-radius: 4px;
	height: 100%;
}

#BtnFiltrarVisitas .fa {
	margin-right: 10px;
	border-right: 0.5px solid white;
	padding-right: 10px;
}

#BtnFiltrarVisitas:hover {
	background-color: var(--secondary-hover) !important;
	transition: var(--transition);
}

.btn-block {
	display: block;
	width: 100%;
}

.contenedor_filtros_visitas label {
	margin: 0px !important;
	text-align: left;
	font-weight: 500 !important;
	font-size: 20px;
	font-family: var(--typo-primary);
	width: 100%;
	display: block;
	color: var(--main);
	padding: 14px 0px 0px 14px;
}

.contenedor_filtros_visitas input::-webkit-input-placeholder {
	/*---------- Google Chrome y Safari ----------*/
	color: var(--neutral-500) !important;
	font-size: 16px;
	font-weight: normal;
}

.contenedor_filtros_visitas input:-moz-placeholder {
	/*---------- Firefox anterior a 19 ----------*/
	color: var(--neutral-500) !important;
	font-size: 14px;
	font-weight: normal;
}

.contenedor_filtros_visitas input::-moz-placeholder {
	/*---------- Firefox 19 y superior ----------*/
	color: var(--neutral-500) !important;
	font-size: 14px;
	font-weight: normal;
}

.contenedor_filtros_visitas input:-ms-input-placeholder {
	/*---------- Internet Explorer 10 y superior ----------*/
	color: var(--neutral-500) !important;
	font-size: 14px;
	font-weight: normal;
}

.contenedor_filtros_visitas input {
	text-align: left;
	font-size: 14px;
	letter-spacing: 0.3px;
	height: auto;
	background-color: transparent;
	color: var(--main);
	transition: var(--transition);
	cursor: pointer;
	border: 0px;
	display: block;
	padding: 4px 0px 14px 14px;
	width: 100%;
	font-weight: bold;
}

.contenedor_filtros_visitas input:focus {
	color: var(--main)
}

@media only screen and (max-width: 767px) {
	.contenedor_filtros_visitas input {
		text-align: left;
		width: 100%;
		max-width: 100%;
	}
}

.home #buscadorTipos {
	bottom: 100px;
}

#buscadorTipos {
	display: flex;
	position: absolute;
	z-index: 999 !important;
	background: var(--white);
	border-radius: 4px;
	flex-wrap: wrap;
	width: 340px;
	justify-content: space-between;
	border: 0.5px solid var(--neutral-100);
	margin-left: -35px;
}

#buscadorTipos .tipo-espacio {
	position: relative;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	align-items: center;
	width: calc(100%/2);
	padding: 16px 0px;
	border-right: 1px solid var(--neutral-100);
	border-bottom: 1px solid var(--neutral-100);
	border-radius: 0px;
}

#buscadorTipos .tipo-espacio[selected=true] {
	color: var(--main) !important;
	border-bottom: 1px solid var(--secondary-hover) !important;
	border-radius: 0 !important;
}

#buscadorTipos .tipo-espacio[selected=true]:hover {
	color: var(--main) !important;
	border-bottom: 1px solid var(--secondary-hover) !important;
	border-radius: 0 !important;
}

#buscadorTipos .tipo-espacio[selected=true] img {
	filter: brightness(0) saturate(100%) invert(33%) sepia(31%) saturate(3744%) hue-rotate(328deg) brightness(87%) contrast(99%);
}

#buscadorTipos .tipo-espacio:hover {
	color: var(--main);
	transition: var(--transition);
	border-radius: 0px;
	background-color: var(--neutral-50);
	border-bottom: 1px solid var(--neutral-200);
}

#buscadorTipos .tipo-espacio:focus {
	color: var(--main);
	transition: var(--transition);
	border-bottom: 1px solid var(--secondary-hover);
	border-radius: 0px;
}

#buscadorTipos .tipo-espacio:hover img {
	color: var(--secondary-hover);
	filter: brightness(0) saturate(100%) invert(27%) sepia(77%) saturate(2143%) hue-rotate(334deg) brightness(77%) contrast(95%);
	transition: var(--transition);
}

#buscadorTipos .tipo-espacio:active {
	color: var(--secondary-hover);
}

#buscadorTipos .tipo-espacio img {
	height: 18px;
	filter: brightness(0) saturate(100%) invert(29%) sepia(3%) saturate(8%) hue-rotate(45deg) brightness(93%) contrast(90%);
	pointer-events: none;
}


/*-------------------FIN BUSCADOR HOME---------------------*/


/*-------------------FILTROS PREDICTIVO---------------------*/

.prediccion {
	display: none;
}

.prediccion.prediccion-correcta {
	display: block;
}

.prediccion.prediccion-correcta>img {
	pointer-events: none;
}


/*-------------------FIN FILTROS PREDICTIVO---------------------*/


/*-------------------CALENDARIO---------------------*/

.calendario {
	display: flex;
	position: absolute;
	z-index: 999 !important;
	border-radius: 4px;
	padding: 0;
	bottom: 94px;
	flex-wrap: wrap;
	right: 0;
}

.calendario .date-picker-wrapper {
	border: 0.5px solid var(--neutral-100);
}

.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
	vertical-align: middle;
	text-align: center;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}

.date-picker-wrapper .month-wrapper table .day {
	padding: 10px;
	line-height: 1;
	font-size: 14px;
	margin-bottom: 1px;
	color: #ccc;
	cursor: default;
}

.date-picker-wrapper {
	width: auto !important;
	background-color: white !important;
	border-radius: 6px;
}

.entry-content table:not(.variations) {
	border: 0px;
	margin: 0px;
	text-align: left;
	width: 100%;
}

.entry-content tr td {
	border-top: 0px solid #eee;
	padding: 6px 24px;
}


/*-------------------FIN CALENDARIO---------------------*/


/*-------------------FILTROS HOME---------------------*/

.et_pb_portfolio_filters {
	/*background-color: white;*/
	border-radius: 4px;
	/*border: 1px solid var(--neutral-100);*/
}

.et_pb_portfolio_filters ul {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	text-align: center;
}

.et_pb_portfolio_filters ul li {
	/* border-right: 1px solid var(--neutral-100); */
	outline: 1px solid var(--neutral-100);
	/*flex-basis: 8rem;*/
	flex-grow: 1;
	width: calc(100%/9);

}
@media (max-width: 1280px) {
	.et_pb_portfolio_filters ul li {
		flex-grow: unset;
		width: calc(100%/4); 
		flex-basis: unset;
	}
}

.et_pb_portfolio_filters ul li:last-child {
	border-right: 0px solid var(--neutral-100);
}

.et_pb_portfolio_filters ul li a {
	border: 0 !important;
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: currentcolor;
	display: flex !important;
	margin: 0 !important;
	align-items: center !important;
	padding: 12px 0px !important;
	flex-direction: column;
	height: 100% !important;
}

.et_pb_portfolio_filters ul li a:hover {
	color: var(--main) !important;
	/* border-bottom: 1px solid var(--neutral-100) !important; */
	background-color: var(--neutral-50) !important;
}

.et_pb_portfolio_filters ul li a:hover img {
	filter: brightness(0) saturate(100%) invert(27%) sepia(77%) saturate(2143%) hue-rotate(334deg) brightness(77%) contrast(95%);
	transition: var(--transition);
}

.et_pb_portfolio_filters ul li a img {
	padding: 0px 0px 0px 0px;
	height: 20px;
	margin-bottom: 6px;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
	background-color: #fff;
	color: var(--main) !important;
	border-bottom: 1px solid var(--secondary-hover) !important;
	border-radius: 0 !important;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li:has(a.active){
	z-index: 1;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active img {
	filter: brightness(0) saturate(100%) invert(21%) sepia(31%) saturate(5338%) hue-rotate(336deg) brightness(99%) contrast(91%);
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active img {
	color: var(--background) !important;
	/*filter: brightness(0) invert(1);*/
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a{
	color:#595959 !important;
}


/*-------------------FIN FILTROS HOME---------------------*/


/*-------------------ESPCIOS FILTROS HOME---------------------*/


/* 3 Column Portfolio */

@media (min-width: 981px) {
	.three-column-portfolio .et_pb_grid_item {
		width: 31.66% !important;
		margin-right: 2.5% !important;
	}
	.three-column-portfolio .et_pb_grid_item:nth-child(3n) {
		margin-right: 0!important;
	}
	.three-column-portfolio.et_pb_grid_item:nth-child(4n) {
		margin-right: 5.5%!important;
	}
	.three-column-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
		clear: none!important;
	}
	.three-column-portfolio .et_pb_grid_item.first_in_row {
		clear: unset;
	}
}

.espacios-home H2 {
	font-size: 22px !important;
	padding: 0px 0px 10px 0px !important;
	margin-top: 0px !important;
}

.espacios-home .post-meta {
	color: var(--secondary-hover) !important;
}

.espacios-home .et_pb_portfolio_item {
	border: 0.5px solid var(--background);
}

.espacios-home .et_pb_portfolio_item:hover {
	background-color: white;
	border: 0.5px solid var(--neutral-100);
	border-radius: 14px;
	transition: var(--transition);
}

.espacios-home .et_pb_portfolio_item .box_content {
	padding: 20px;
	min-height: 200px;
}

@media only screen and (max-width: 480px) {
	.espacios-home .et_pb_portfolio_item .box_content {
		padding: 20px;
		min-height: auto;
	}

}

.espacios-home .et_pb_portfolio_item:hover h2 {
	color: var(--secondary-hover);
	transition: var(--transition);
}

.espacios-home .et_pb_portfolio_item:hover .et_portfolio_image {
	border-radius: 14px 14px 0px 0px !important;
	transition: var(--transition);

}



.espacios-home .breve_descripcion {
	line-height: 140%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: 0.2px;
}


/*------------------- FIN ESPACIOS FILTROS HOME---------------------*/


/*------------------- MAPA ---------------------*/

.ocupacion {
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
	background-color: var(--background);
	border-bottom: 0.5px solid var(--neutral-100);
	border-radius: 10px 0px 0px 0px;
}
.porcentajes-ocupacion{display:flex}

.ocupacion h3 {
	font-size: 18px !important;
	margin: 0;
	padding: 6px ;
	width: 100%;
}

.ocupacion p {
	margin: 0;
	padding: 6px !important;
	color: var(--main);
	font-size: 12px;
	display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.ocupacion p img {
	margin-right: 6px;
} 
.leyenda{
	display: flex;
	flex-wrap: wrap;
	padding: 14px 0px 14px 0px;
	border-bottom: 0.5px solid var(--neutral-100);
	box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.leyenda .tipo-mapa{
	width: calc(100%/2 - 0px);
	border-right: 1px solid var(--neutral-100);
	padding: 6px 0px 6px 20px;
	align-items: center !important;
	display: flex;
	color: var(--neutral-600);
}

.leyenda .tipo-mapa:hover{
	color: var(--main);
	cursor: pointer;
}
.leyenda .tipo-mapa:hover img{
	filter: brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(0%) hue-rotate(250deg) brightness(95%) contrast(82%);
	cursor: pointer;
}

.leyenda .tipo-mapa img{
	filter: brightness(0) saturate(100%) invert(89%) sepia(5%) saturate(40%) hue-rotate(251deg) brightness(84%) contrast(87%);
}

.leyenda .tipo-mapa.active{

	color: var(--main);
}

.leyenda .tipo-mapa.dissabled{
color:var(--neutral-300);
opacity: 1 !important;
}
.leyenda .tipo-mapa.dissabled:hover{
	cursor: not-allowed;
	}

.leyenda .tipo-mapa.dissabled img{
	filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(602%) hue-rotate(14deg) brightness(78%) contrast(84%);
	opacity: 1 !important;
	}
.rojo_Fondo_mapa {
	background-color: var(--map_hover_rojo);
	border-radius: 50%;
	padding: 4px !important;
	outline: 1px solid white;
}

.naranja_Fondo_mapa {
	background-color: var(--map_hover_naranja);
	border-radius: 50%;
	padding: 4px !important;
	outline: 1px solid white;
}

.gris_Fondo_mapa {
	background-color: var(--map_hover_gris);
	border-radius: 50%;
	padding: 4px !important;
	outline: 1px solid white;
}

.verde_Fondo_mapa {
	background-color: var(--map_hover_verde);
	border-radius: 50%;
	padding: 4px !important;
	outline: 1px solid white;
}

.leyenda>.tipo-mapa {
	cursor: pointer;
}

.leyenda>.tipo-mapa>* {
	pointer-events: none;
}
.leyenda>.tipo-mapa.dissabled{
	cursor: default;
}
.leyenda>.tipo-mapa.dissabled>*{
	/* opacity: 0.3; */
}
.leyenda>.tipo-mapa.active>img {
	filter: brightness(0) saturate(100%) invert(27%) sepia(77%) saturate(2143%) hue-rotate(334deg) brightness(77%) contrast(95%);
}
.leaflet-control-layers.leaflet-control{
	display: none !important;
}


@media only screen and (max-width: 1150px) {
	.leyenda .tipo-mapa{
		width: calc(100%);}
}

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

	.leyenda .tipo-mapa{
		width: calc(100%/3);}

}

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

	.leyenda .tipo-mapa{
		width: calc(100%/2);}

}

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

	.leyenda .tipo-mapa{
		width: calc(100%);}

}

.leyenda .tipo-mapa span{
font-size:12px
	}

.leyenda img{
	max-height: 20px;
	margin-right: 8px;
}


.calendario-leyenda{
display: flex;
flex-wrap: wrap;
gap:6px;
align-items: center;
}

.calendario-leyenda .disponible{
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background:var(--calendario-verde);
}

.calendario-leyenda .ultimas-plazas{
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background:var(--map_hover_naranja);
}

.calendario-leyenda .completo{
	width: 10px;
	height: 10px;
	border-radius: 20px !important;
	background:var(--calendario-rojo);
}

.calendario-leyenda .estado{
font-size: 12px;
}

.card-visita.leyenda{
	display: flex;
	flex-wrap: wrap;
	gap:20px;
	align-items: center;
	border:0px;
}


/*.ocupacion {
	display: flex;
	flex-direction: column;
	padding: 20px;
	background-color: var(--background);
	border-bottom: 0.5px solid var(--neutral-100);
	gap: 5px;
}
.ocupacion .cocupacion h3{
	font-size: 18px !important;
	margin: 0;
	padding: 6px 0px;
}
.ocupacion .cocupacion div{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.ocupacion .cocupacion p{
	margin: 0;
	padding: 0;
	color: var(--main);
	font-size: 12px;
	display: flex;
	align-items: center;
  	flex-wrap: wrap;
}
.ocupacion .leyenda{
	display: grid;
	grid-template-columns: auto auto;
}
.ocupacion .leyenda img{
	max-width: 25px;
	max-height: 25px;
}
.ocupacion .leyenda div{
	color: var(--main);
	font-size: 12px;
	display: flex;
  	align-items: center;
  	flex-wrap: wrap;
}*/

.date-range-length-tip{
	margin-top: 64px !important;
	margin-left: -4px !important;
}

#map {
	height: 550px;
	width: 65%;
	border-radius: 0px 10px 10px 0px;
	max-height: 640px;
}

@media only screen and (max-width: 980px) {
	#map {
		height: 300px;
		max-height: 300px;
		border-radius: 10px;
		margin-bottom: 20px;
	  }
}

.contenedor-mapa-espacios {
	/* transition: var(--transition); */
	transition: all 0.5s ease-in-out;
	overflow-y: hidden;
	max-height: 550px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contenedor-ocupacion {
	background-color: var(--white);
	border-radius: 10px 0px 0px 10px;
	width: 35%;
	border: 0.5px solid var(--neutral-100);
}

#contenedorEspacios {
	max-height: 297px;
	/* overflow-y: scroll; */
}

#contenedorEspacios .espacio-mapa {
	display: flex;
	gap: 16px;
	align-items: center;
	border-bottom: 1px dashed var(--neutral-100);
	padding: 20px;
	transition: var(--transition);
	cursor: pointer;
}

#contenedorEspacios .espacio-mapa.selected {
	background-color: var(--neutral-50);
}

#contenedorEspacios .espacio-mapa.selected h3 {
	color: var(--secondary-hover);
}

#contenedorEspacios .espacio-mapa:hover h3 {
	/*  color:var(--secondary-hover);*/
	transition: var(--transition);
}

#contenedorEspacios .imagen-espacio-mapa img {
	height: 60px;
	border-radius: 4px;
	width: 80px;
	min-width: 80px;
	object-fit: cover;
}

#contenedorEspacios .contenido-espacio-mapa p {
	margin: 0px !important
}

#contenedorEspacios .ocupacion-nd {
	color: var(--map_hover_gris)
}

.contenido-espacio-mapa h3 {
	font-size: 18px !important;
	margin: 0;
	padding: 10px 0px;
	width: 100%;
}

.ocupacion-baja {
	color: var(--map_hover_verde)
}

.ocupacion-media {
	color: var(--map_hover_naranja);
}

.ocupacion-alta {
	color: var(--map_hover_rojo);
}


/*------------------- FIN MAPA ---------------------*/


/*------------------- sercicios MAPA ---------------------*/

.servicios-busqueda {
	text-align: center;
	margin: 0;
	padding: 80px 0px 10px 0px;
}

.servicios-busqueda h3 {
	font-size: 34px;
	margin: 0;
	line-height: 140%;
	padding: 0;
}

@media only screen and (max-width: 480px) {
	.servicios-busqueda h3 {
		font-size: 28px;
		margin: 0;
		line-height: 140%;
		padding: 0;
	}

}

.servicios-busqueda h4 {
	font-size: 16px;
	text-transform: uppercase;
	color: var(--secondary);
	margin: 0;
	padding: 0;
	font-family: var(--typo-secondary) !important;
	line-height: 140%;
}

.servicios-busqueda p {
	margin: 0;
	padding: 0;
}

#contenedorLabels {
	flex-wrap: wrap;
	gap: 0px;
	flex-direction: column;
	position: absolute;
	margin-top: 50px;
	z-index: 9;
	font-size: 12px;
	box-shadow: var(--box-shadow);
	right: 0;
	margin-top: 8px;
}

#contenedorLabels label {
	color: var(--neutral-500);
	padding: 10px 24px !important;
	border-right: 1px solid var(--neutral-100);
	display: block;
	height: auto;
	overflow: hidden;
	margin: 0 !important;
	text-align: center;
	transition: var(--transition);
	background: white;
	border: 0.5px solid var(--neutral-100);
	font-size:14px !important;
  }

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

	.cabecera-servicios h3 {
		font-size:20px !important;
		}
	.ficha-espacio .et_pb_column{
		margin-top:10px !important;
	  }

	  .ficha-espacio .et_pb_with_border{
		padding: 30px !important;
	  }

	  .ficha-espacio{
		width: 90% !important;
	  }
	  .ficha-espacio h2 {
		font-family: var(--typo-primary);
		font-size: 24px !important;
	}

	#contenedorLabels label {
		width: 100% !important;
	}
	
}

@media only screen and (max-width: 680px) {
	#contenedorLabels label {

	}
}

span[data-name="ES_U_Sugerencia"]{
	width: 100%;
}

#contenedorLabels label:hover {
	background: var(--neutral-50);
	border-bottom: 1px solid var(--neutral-100);
}

#contenedorLabels label.selected {
	border-bottom: 1px solid var(--secondary);
	color: var(--main);
}

#contenedorLabels label.selected:hover {
	border-bottom: 1px solid var(--secondary);
	color: var(--main);
  }

#ocultarMapa {
	position: absolute;
	right: 0;
	z-index: 999;
	cursor: pointer;
	background-color: #00000069;
	padding: 6px 12px;
	border-radius: 6px;
	color: var(--background);
	margin: 8px;
}


/*------------------- fin sercicios MAPA ---------------------*/


/*------------------- ficha espacio ---------------------*/

.ficha-espacio h2 {
	font-family: var(--typo-primary);
	font-size: 32px;
}

.ficha-espacio h3 {
	color: var(--secondary);
	font-family: var(--typo-secondary) !important;
	font-size: 14px !important;
	margin: 0px !important;
	padding: 0 !important;
}

.ficha-espacio h4 {
	font-size: 16px;
	margin: 0px !important;
	padding: 0 !important;
}

.como-llegar {
	float: right;
	margin-top: -37px
}

.como-llegar a {
	color: var(--main);
	display: flex;
	justify-content: center;
}

@media only screen and (max-width: 480px) {
	.como-llegar {
		float: none;
		margin-top: 0px
	}
}


/*------------------- fin ficha espacio ---------------------*/

.pagination .active a {
	background-color: var(--main) !important;
	border-color: var(--main) !important;
	color: var(--white) !important;
}

.pagination {
	display: flex !important;
	justify-content: center !important;
	gap: 0 !important;
}

.pagination li a {
	color: var(--main) !important;
}

.ficha-espacio .et_pb_image .et_pb_image_wrap {
	height: 100%;
	display: block
}

.ficha-espacio .et_pb_image img {
	object-fit: cover;
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 100%;
}

.ficha-espacio .et_pb_image {
	height: 100%
}


/* ERROR FORM */

#daterange.bad-form::placeholder {
	color: var(--error) !important;
}


/* ERROR FORM */

.plazas {
	font-weight: bold;
}

.box_image:hover img {
	transform: scale(1.02);
	filter: brightness(0.9);
	transition: var(--transition);
}

.box_image img {
	transition: var(--transition);
	object-fit: cover;
	height: 280px;
}

.cabecera-servicios h3 {
margin: 0;
padding: 0;
}

.cabecera-servicios {
	border-top: 1px dashed var(--neutral-200);
	border-bottom: 1px dashed var(--neutral-200);
	margin-bottom: 20px;
	padding: 20px 0px;
	font-size: 22px;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul {
	text-align: center !important;
}


/*------------------- ENCUESTA SATISFACCION ---------------------*/
.titulo-encuesta-satisfaccion{
	padding-bottom: 20px;
}

.stars{
	padding: 6px;
}

.stars img{
	width: 20px;
}

.row-encuesta-satisfaccion p {
	gap: 20px;
	display: flex;
	flex-wrap: wrap;
}

.row-encuesta-satisfaccion {
	padding: 40px;
	background-color: var(--white);
	border-radius: 6px;
	border: 1px solid var(--neutral-100);
	margin-bottom: 20px;
	/* display: flex;
	flex-wrap: wrap; */
	display: grid;
	grid-template-columns: 1fr 1fr;
}

@media only screen and (max-width: 980px) {
	.linea_datos {
		grid-column: 1 / 3;
	}
}
@media only screen and (max-width: 1200px) {

	.box_image img {
		height: 200px;
	}
}
@media only screen and (max-width: 480px) {

	.box_image img {
		height: 240px;
	}
}


.row-encuesta-satisfaccion .titulo-encuesta {
	width:100%;
	border-bottom: 1px solid var(--neutral-100);
	grid-column: 1 / 3;
}

.row-encuesta-satisfaccion .titulo-encuesta h4{
	font-family: var(--typo-secondary);
	color:var(--secondary);
	text-transform: none;
	font-size: 16px;
	padding: 0px 0px 20px 0px;
}

form .row-encuesta-satisfaccion>.linea_datos>p .input_datopersonal{
    display: flex;
    flex-wrap: nowrap;
}

.row-encuesta-satisfaccion .linea_datos {
	flex-basis: 26rem;
	/* flex-grow: 1; */
	border-bottom: 1px dashed var(--neutral-100);
	padding: 10px 0px;
	display: flex;
	justify-content: space-between;
	margin-right: 70px;
}

.row-encuesta-satisfaccion textarea {
	width:100%
}


.row-encuesta-satisfaccion select {
	padding: 6px;
	letter-spacing: 0.3px;
	color: var(--main);
	appearance: none;
	-webkit-appearance: none;
	width: 36px;
	font-size: 16px;
	transition: var(--transition);
	border-radius: 4px;
	border: 1px solid var(--neutral-100);
	height: 36px;
	margin-left: 6px;
	font-size: 14px;
	float: right;
	background-color: var(--white);
	text-align: center;
}

.sugerencias {
	width: 100%;
	display: flex;
	flex-direction: column;
	grid-column: 1 / 3;
}

.enviar-encuesta {
	padding: 10px 24px;
	color: var(--white);
	transition: var(--transition);
	font-size: 14px;
	letter-spacing: 0.3px;
	border-radius: 4px;
	font-family: var(--typo-secondary);
	text-transform: uppercase;
	text-align: center;
	border: 0.5px solid var(--secondary);
	background: var(--secondary);
	float: right;
	margin-top: 20px;
}

.enviar-encuesta:hover {
	color: var(--white);
	background: var(--secondary-hover);
	border: 0.5px solid var(--secondary-hover);
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--success);
	background: var(--success);
	color: var(--white);
	border-radius: 4px;
	text-align: center;
	margin: 30px 0px;
}

@media only screen and (max-width: 680px) {
	.row-encuesta-satisfaccion .linea_datos{
		flex-wrap: wrap;
	}
	.linea_datos_titulo {
		width: 100%;
	}
	.row-encuesta-satisfaccion .wpcf7-form-control-wrap {
		margin-left: -20px;
	  }



}


/*------------------- FIN ENCUESTA SATISFACCION ---------------------*/

@media only screen and (max-width: 980px) {
	.et_pb_portfolio_filters ul li {
		width: calc(100%/3) !important;
		/*border-bottom: 1px solid var(--neutral-100);*/
		flex-grow: unset;
	}
}

@media only screen and (max-width: 480px) {
	.et_pb_portfolio_filters ul li {
		width: calc(100%/2) !important;
	}
}


/* ============================================ open: FORMULARIO DE CONTACTO ============================================ */

.aviso-obligatorio {
	display: flex;
	justify-content: flex-end;
	padding: 8px;
}

.aviso-obligatorio p {
	font-size: 12px;
	letter-spacing: 0;
	font-style: italic;
	color: var(--secondary);
	font-family: var(--typo-secondary);
	font-weight: bold;
}

#departamento {
	width: 100%;
	background-color: transparent;
	border: 0;
	text-transform: uppercase;
	font-size: 24px;
	padding-top: 15px;
	font-family: var(--typo-secondary);
	color: var(--main);
}

#departamento option {
	width: 100%;
	background-color: transparent;
	border: 0;
	text-transform: uppercase;
	font-size: 16px;
	padding-top: 15px;
	font-family: var(--typo-secondary);
}

.formulario-contacto form .contacto-input-wrapper,
.formulario-contacto form .block-options-check {
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--neutral-100);
}

.formulario-contacto form .contacto-capa-acceptance-submit {
	width: 100%;
	margin-bottom: 40px;
	border-bottom: 0px solid var(--neutral-200);
}

.formulario-contacto form .departamento {
	width: 100%;
	padding-bottom: 28px;
	border: 1px solid var(--neutral-100);
	background-color: white !important;
	color: white !important;
	border-radius: 8px;
	margin-bottom: 10px;
}

.formulario-contacto form .contacto-input-wrapper p,
.formulario-contacto form .contacto-capa-acceptance-submit p {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	padding-top: 14px;
}

.formulario-contacto form .contacto-input-wrapper .wpcf7-form-control-wrap {
	display: inline-block;
	width: calc(100% - 280px);
	height: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.formulario-contacto form .contacto-input-wrapper p label {
	font-size: 20px;
	
	color: var(--main);
	line-height: 120%;
	letter-spacing: 0.3px;
	width: 240px;
	font-family: var(--typo-primary);
	padding: 18px 0px;
}

.formulario-contacto form .departamento p label {
	color: var(--main)
}

.contenedor-formulario {
	display: flex;
	flex-wrap: wrap;
}

.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control {
	width: 100%;
	padding: 18px 0;
	border-radius: 6px;
	background: none;
	border: none;
	font-size: 16px;
	font-family: var(--typo-secondary);
	color: var(--main);
	transition: var(--transition);
	text-transform: uppercase;
	font-weight: 300;
}

.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control {
	height: 160px;
}

.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control:hover,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control:hover {
	color: var(--main);
}

.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control:focus,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control:focus {
	color: var(--secondary-400);
}

.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control::placeholder,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control::placeholder,
.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control::-webkit-input-placeholder,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control::-webkit-input-placeholder {
	color: var(--neutral-300);
	opacity: 1;
	font-size: 16px;
	font-family: var(--typo-secondary);
	transition: var(--transition);
}

.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control:hover::placeholder,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control:hover::placeholder,
.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control:hover::-webkit-input-placeholder,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control:hover::-webkit-input-placeholder {
	color: var(--neutral-300);
}

.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control:focus::placeholder,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control:focus::placeholder,
.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control:focus::-webkit-input-placeholder,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control:focus::-webkit-input-placeholder {
	color: var(--secondary-400);
}

.wpcf7-not-valid-tip {
	font-size: 12px;
	color: var(--error);
	font-weight: bold;
	letter-spacing: 0.03em;
	display: block;
}

.formulario-contacto form .contacto-input-wrapper span.wpcf7-not-valid-tip {
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top: 4px;
	font-family: var(--typo-secondary);
	color: var(--secondary);
	font-size: 12px;
	letter-spacing: 0;
}

.wpcf7 form .wpcf7-response-output {
	margin: 40px 0 0;
	padding: 8px 24px;
	border: 1px solid var(--neutral-500);
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	color: var(--neutral-100) !important;
	display: inline-block;
	background-color: var(--success);
}

.wpcf7 form.invalid .wpcf7-response-output {
	border-color: var(--error);
	color: var(--error);
	background-color: var(--secondary);
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--success);
	color: var(--white) !important;
}


/* aceptar políticas */

.formulario-contacto form .contacto-capa-acceptance-submit p {
	flex-wrap: wrap;
	padding-top: 32px;
}

.formulario-contacto form .contacto-capa-acceptance-submit p span {
	width: 100%;
	margin: 0;
	display: flex;
	align-items: flex-start;
}


/* "tunear" checkbox */

.formulario-contacto form .contacto-capa-acceptance-submit p span label input[type="checkbox"],
.options-check-right .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.formulario-contacto form .contacto-capa-acceptance-submit p span.our-checkbox {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	border: 2px solid var(--neutral-400);
	margin-right: 12px;
	border-radius: 8px;
	overflow: hidden;
	transition: var(--transition);
	cursor: pointer;
}

.formulario-contacto form .contacto-capa-acceptance-submit p span.our-checkbox:hover {
	border: 2px solid var(--main);
}

.formulario-contacto form .contacto-capa-acceptance-submit p input:checked+span>span.our-checkbox {
	animation: bounce 250ms;
	border-color: var(--neutral-500);
}

.formulario-contacto form .contacto-capa-acceptance-submit p input:checked+span>span.our-checkbox::before {
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	transform: rotate(45deg);
	transform-origin: 0% 100%;
	animation: checked-box 125ms 250ms forwards;
	border-radius: 1px;
}

@keyframes checked-box {
	0% {
		width: 0;
		height: 0;
		border-color: var(--neutral-500);
		transform: translate(0, 12px) rotate(45deg);
	}
	33% {
		width: 5px;
		height: 0;
		border-color: var(--neutral-500);
		transform: translate(0, 4px) rotate(45deg);
	}
	100% {
		width: 5px;
		height: 10px;
		border-color: var(--neutral-500);
		transform: translate(0, -8px) rotate(45deg);
	}
}

@keyframes bounce {
	0% {
		transform: scale(1);
	}
	33% {
		transform: scale(0.7);
	}
	100% {
		transform: scale(1);
	}
}


/* fin "tunear" checkbox formulario */

.formulario-contacto form .contacto-capa-acceptance-submit p span.text-check {
	width: calc(100% - 36px);
	line-height: 130%;
	padding-top: 2px;
	display: initial;
}

.formulario-contacto .contacto-capa-acceptance-submit span.wpcf7-list-item-label a {
	text-decoration: underline;
	color: var(--main);
}

.formulario-contacto .contacto-capa-acceptance-submit span.wpcf7-list-item-label a:hover {
	color: var(--main-500);
}


/* fin aceptar políticas */

.formulario-contacto .contact-enviar-form .btn-contacto-enviar {
	margin-top: 24px;
	background: none;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	cursor: pointer;
	border-width: 1px !important;
	border-color: #353535;
	border-radius: 6px;
	letter-spacing: 1px;
	font-size: 14px;
	font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
	padding: 16px 40px;
	transition: var(--transition);
	text-transform: uppercase;
	color: #353535 !important;
}

.formulario-contacto .contact-enviar-form .btn-contacto-enviar:hover {
	color: #FAF9F9 !important;
	background-image: initial;
	background-color: #473D37;
}

.formulario-contacto .contact-enviar-form .btn-contacto-envia::after {
	content: "" !important;
	display: flex !important;
	width: 40px;
	height: 19px;
	position: absolute;
	top: 50%;
	right: 32px;
	opacity: 1;
	margin-top: -9px;
	overflow: hidden;
	background-image: url('/wp-content/uploads/2024/03/arrow-right-btn.svg') !important;
	background-position: 40px center;
	margin-left: 0 !important;
	transition: var(--transition);
}


/* opciones newsletter */

.formulario-contacto form .block-options-check {
	padding-top: 32px;
	display: flex;
	gap: 40px;
	align-items: flex-start;
}

.formulario-contacto form .block-options-check .options-check-left {
	width: 240px;
}

.formulario-contacto form .block-options-check .options-check-left p {
	font-size: 16px;
	
	color: var(--neutral-500);
	line-height: 120%;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.formulario-contacto form .block-options-check .options-check-right {
	display: inline-block;
	width: calc(100% - 280px);
	height: auto;
}

.options-check-right .list-options-check {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	padding: 0;
}

.options-check-right .list-options-check .contacto-capa-acceptance-submit {
	border: none;
	margin-bottom: 0;
}

.options-check-right .list-options-check .contacto-capa-acceptance-submit p {
	padding-top: 0;
}

.formulario-contacto form .block-options-check .text-options p {
	margin-bottom: 16px;
	max-width: 640px;
	letter-spacing: 0.03em;
	margin-top: -3px;
	color: var(--neutral-500);
}


/* "tunear" checkbox opciones comunicaciones */

.formulario-contacto .options-check-right .list-options-check .our-checkbox {
	border-color: var(--neutral-500);
}

.formulario-contacto .options-check-right .list-options-check .our-checkbox:hover {
	border: 2px solid var(--main);
}

.formulario-contacto .options-check-right .list-options-check p input:checked+span>span.our-checkbox {
	border-color: var(--neutral-500);
	background-color: var(--neutral-500);
}

.formulario-contacto .options-check-right .list-options-check p input:checked+span>span.our-checkbox::before {
	animation: checked-box-white 125ms 250ms forwards;
}

@keyframes checked-box-white {
	0% {
		width: 0;
		height: 0;
		border-color: var(--neutral-50);
		transform: translate(0, 12px) rotate(45deg);
	}
	33% {
		width: 5px;
		height: 0;
		border-color: var(--neutral-50);
		transform: translate(0, 4px) rotate(45deg);
	}
	100% {
		width: 5px;
		height: 10px;
		border-color: var(--neutral-50);
		transform: translate(0, -8px) rotate(45deg);
	}
}


/* fin "tunear" checkbox opciones comunicaciones */

.options-check-right .wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
}

.options-check-right .wpcf7-checkbox .wpcf7-list-item {
	width: 100%;
	display: flex;
	margin: 0 0 8px;
}


/* fin opciones newsletter */


/* ············································································responsive 767px ······································ */

@media (max-width: 767px) {
	.formulario-contacto form .contacto-input-wrapper p label {
		padding-top: 8px;
	}
	.formulario-contacto form .contacto-input-wrapper p,
	.formulario-contacto form .contacto-capa-acceptance-submit p {
		flex-wrap: wrap;
		gap: 0;
	}
	.formulario-contacto form .contacto-input-wrapper p label,
	.formulario-contacto form .contacto-input-wrapper .wpcf7-form-control-wrap,
	.formulario-contacto form .block-options-check .options-check-left,
	.formulario-contacto form .block-options-check .options-check-right {
		width: 100%;
	}
	.formulario-contacto form .block-options-check {
		padding-top: 16px;
		gap: 16px;
		flex-wrap: wrap;
	}
	.formulario-contacto form .block-options-check .text-options p {
		line-height: 120%;
		margin-bottom: 32px;
	}
}


/* ============================================ close: FORMULARIO DE CONTACTO ============================================ */

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active {
	color: #82c0c7;
	background: var(--main);
	padding: 6px 14px;
	color: var(--white) !important;
	border-radius: 4px;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li.next,
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li.prev {
	display: none !important;
}

.input-icono {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.input-icono i {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7338%) hue-rotate(309deg) brightness(100%) contrast(64%);
	font-size: 16px;
	padding-right: 10px;
}

.input-icono i:hover {
	filter: brightness(0) saturate(100%) invert(4%) sepia(3%) saturate(4195%) hue-rotate(240deg) brightness(99%) contrast(88%);
}

/* ============================================ open:MEDIA ============================================ */

@media (min-width: 980px) {

	.home .contenedor_filtros_visitas .separador {
		width: auto;
		flex-basis: 14rem;
		flex-grow: 1;
	}
	.contenedor_filtros_visitas .separador {
		width: auto;
		flex-basis: 23rem;
		flex-grow: 1;
	}
}

@media only screen and (max-width: 1242px) {
	#BtnFiltrarVisitas {
		height: auto !important;
	}
	.contenedor_filtros_visitas .separador:nth-child(3n) {
		border-right: 0px;
	}
}

.fondo_mapa{
	filter: blur(2px);
}

/* #buscadorTipos>div *{
	pointer-events: none !important;
} */

.tipo-espacio div {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.servicios-disponibles h3{
	font-size: 22px;
}

@media (max-width: 980px) {
	.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_fixed_nav.et_show_nav #page-container {

	}
  }



  /*MAPA*/
  #ocultarMapaMovil{
	display: none;
	}

	#ocultarMapa{
		display: flex;
		align-items: center;
	}

	#ocultarMapa svg{
		transition: all 0.4s ease-in-out;
		transform: rotateZ(-180deg);
		margin-left: 4px;
	}

	#ocultarMapa.rotate svg{
		transform: rotateZ(0deg);
	}

	#servicios .disponibles .tipo-disponibles label{
		align-items: center;
	}
	@media screen and (max-width: 980px) {
		#ocultarMapa {
			display: none !important;
		}
		
		#ocultarMapaMovil{
			display: flex;
			align-items: center;
		}
		
		#ocultarMapaMovil svg{
			transition: all 0.4s ease-in-out;
			transform: rotateZ(-180deg);
		}
		
		#ocultarMapaMovil.rotate svg{
			transform: rotateZ(0deg);
		}
		
		#ocultarMapaMovil{
			width: 140px;
			right: 0;
			z-index: 999;
			cursor: pointer;
			background-color: #00000069;
			padding: 6px 12px;
			border-radius: 6px;
			color: var(--background);
			margin: 10px 0px;
		}
		
		.contenedor-mapa-espacios{
			transition: none;
		}
		.contenedor-ocupacion{
			display: grid;
			grid-template-rows: auto auto auto;
		}
		.contenedor-ocupacion .leyenda{
			grid-row: 1;
		}
	}

	#breadcrumb{
		color:var(--neutral-300);
		font-style: italic !important;
	}

	#breadcrumb a{
		color:var(--neutral-300);
	}

	#breadcrumb a:hover{
		color:var(--secondary);
	}
	.migas .et_pb_text_inner a:hover {

		color:var(--secondary) !important;}
	
	.et_pb_slide_description p{
	color:var(--background)
}

#aviso_ocupacion{
	color:var(--error)
}


/* HOTFIX */
/* Para WebKit (Chrome, Safari, Edge basado en Chromium) */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

/* Para Firefox */
input[type="number"] {
	appearance: textfield !important;
    -moz-appearance: textfield !important;
}

.et_pb_filterable_portfolio .et_pb_portfolio_items{
	display: flex;
	flex-wrap: wrap;
}
/* .et_pb_filterable_portfolio .et_pb_portfolio_filters li{
	flex: 1 1 calc(100% / var(--items-per-row));
    max-width: calc(100% / var(--items-per-row));
}
ul:has(li:nth-child(6)) {
    --items-per-row: 6;
}

ul:has(li:nth-child(7)) {
    --items-per-row: 4;
} */
/* HOTFIX */

.textos-legales h3{
	font-family: var(--typo-secondary);
	font-size: 26px;
	font-weight: 700;
}

.textos-legales p{
	font-family: var(--typo-secondary);
	font-size: 18px;
}

.textos-legales{
	font-family: var(--typo-secondary);
	font-size: 18px;
}

.textos-legales a{
color:var(--main)
}

#DivCeldaFecha>div:has(#fecha_compra){
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 5px;
}

#DivCeldaFecha>div:has(#fecha_compra)>i{
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7338%) hue-rotate(309deg) brightness(100%) contrast(64%);
	cursor: pointer;
}

#DivCeldaFecha>div:has(#fecha_compra)>i:hover{
	filter: brightness(0) saturate(100%) invert(4%) sepia(3%) saturate(4195%) hue-rotate(240deg) brightness(99%) contrast(88%);
}