/* Google Fonts */

.figtree-<uniquifier> {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



body {
	background-color:#FFFFFF;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	font-style: normal;
	margin:0;
	padding:0;
	color:#5F5F5F;
}

/* header */
header {
	background-color:#606060;
	color:#FFFFFF;
}

@media (max-width: 640px) {
	header {
		margin-bottom:0px;
	}
	
	.navbar {
		padding-top:0px;
		padding-bottom:0px;
		
	}
	
}

.bg-santamarina {
	background-color:#606060;
	color:#FFFFFF;
}

.navbar-brand img {
	max-height:60px;
}

@media (max-width: 640px) {
	.navbar-brand img {
	max-height:45px;
}
}

@media (min-width: 640px) {

  .navbar-nav .nav-item {
	border-left:1px solid #FFF;
	padding:0 10px 0 10px;
  }

}

.navbar-nav .nav-item:first-child {
	border-left:none;
}

#navbarSupportedContent {
	font-size:1.0em;
}

a.nav-link.
a.nav-link:hover  {
	color:#FFFFFF;
}


.search-container {
  position: relative;
  padding:5px;
  border:1px solid #FFFFFF;
}

.search-icon {
  position: absolute;
  left: 10px; /* Adjust as needed for positioning */
  top: 50%;
  transform: translateY(-50%);
  color: gray;
  pointer-events: none; /* Allows clicks to pass through the icon to the input */
}

.search-input {
  padding-left: 30px; /* Adjust padding to prevent text overlap */
  background-color:#606060;
  color:#FFFFFF;
  border:none;
}


.ui-autocomplete {
    font-family: "Montserrat", sans-serif;
	font-weight: 300;
	font-style: normal;
    color: #5F5F5F;
}

	
.container-fluid {
	padding:15px;
}

@media (min-width: 640px) {
.slogan_home {
	width:60%
}
}

@media (max-width: 640px) {
	.slogan_home {
	width:100%
}
}

/* Slide */


@media (min-width: 640px) {
	

	.carousel-item {
		max-height:500px;
		min-height:500px;
	}
	
	.slide_home img {
		margin-top:-400px;
		position:relative;
		z-index:1;
	}
	
	.descripcion_slide {
		height:400px;
		position:relative;
		color:#FFFFFF;
		z-index:2000;
	}
	
	.frase {
		padding-top:70px;
		font-size:3em;
		height:200px;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	.destino {
		margin-top:100px;
		font-size:1em;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

}

.carousel-item img {
  height: 500px; /* Set a fixed height */
  object-fit: cover; /* This will crop the image to fit the container */
  object-position: center; /* Centers the image within the container */
}

/* Optional: adjust height for different screen sizes using media queries */
@media (max-width: 640px) {
	
	
	.slide_home img {
			margin-top:-300px;
			position:relative;
			z-index:1000;
		}
	
	  .carousel-item img {
		height: 300px;
	  }
}


@media (max-width: 640px) {

	.descripcion_slide {
		margin-top:40px;
		padding:40px;
		height:250px;
		position:relative;
		color:#FFFFFF;
		font-size:1em;	
		z-index:2000;
	}
	
	.descripcion_slide img {
		height:auto;
		margin-top:-400px;
		z-index:1;
	}
	
	.frase {
		font-size:1.6em;
		height:150px;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	.destino {
		display:none;
	}
	
}

}


/* Destacada & ficha */

.propiedad_destacada {
	background-color:#F7F7F7;
	padding-bottom:25px;
}

.contenedor_foto img {
	height:500px;
}

img.ico_recorrido_virtual {
	height:20px;
}

@media (max-width: 640px) {
.contenedor_foto img {
	max-height:300px;
	object-fit: cover; 
	object-position: center; 
	
}
}



.opciones_casa {
	background-color:#606060;
	padding:20px 15px 20px 15px;
	font-size:1em;
	color:#FFFFFF;
	display: inline-block;
	width: auto;
	height:60px;
	z-index:1000;
	margin-top:-22px;
	position: relative;
}

.precio_casa {	
	padding:20px 15px 20px 15px;
	font-size:1em;
	border:1px solid #5F5F5F;
	background-color:#FFFFFF;
	height:60px;
	z-index:1000;
	margin-top:-22px;
	display: inline-block;
	position: relative;
	float:right;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.precio_casa2 {	
	padding:20px 15px 20px 15px;
	font-size:1em;
	border:1px solid #5F5F5F;
	background-color:#FFFFFF;
	height:60px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-style: normal;
}



.row_iconos img {
	height:50px;
	margin:0 5px 0 5px;
}

.opciones_casa span {
	padding-left:10px;
}

@media (max-width: 640px) {
	
	.opciones_casa {
	padding:10px;
	height:auto;
	font-size:0.8em;
}

	

	.row_iconos {
		font-size:0.75em;
		margin:0 auto;
	}
	
	.row_iconos img {
		height:35px;

	}


}




.contenedor_foto {
	margin-top:-35px;
}

.divisor_container_top {
	border-top:7px solid #E3E3E3;
}

.divisor_container_bottom {
	border-bottom:7px solid #E3E3E3;
}

.back_slide {
	background-color:#888
}
/* Generales */

.btn-santamarina1 {
	margin:15px 0 15px 0;
	border:1px solid #5F5F5F;
	background-color:#FFFFFF;
	padding:8px 8px 8px 8px;
	color:#5F5F5F;	
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	box-sizing: border-box;
}

.btn-santamarina1:hover {
	background-color:#5F5F5F;
	color:#FFFFFF;	
}

.btn-santamarina2 {
	margin:15px 0 15px 0;
	border:1px solid #5F5F5F;
	background-color:#5F5F5F;
	padding:8px 12px 8px 12px;
	color:#FFFFFF;	
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	font-style: normal;
	text-decoration:none;
	font-size:1.5em;
	text-transform: uppercase;
	box-sizing: border-box;
}

.btn-santamarina2:hover {
	background-color:#FFFFFF;
	color:#5F5F5F;	
}

@media (max-width: 640px) {
	.btn-santamarina2 {
	font-size:1.1em;
}
}

img.agente_contactenos {
	width:100px;	
}

img.agente_staff {
	max-width:70%;	
	margin:10px 10px 20px 10px;
}


/* Footer */

footer {
	background-color:#606060;
	color:#FFFFFF;
	padding:15px;
	}
	
footer img {
	height:60px;
	}
	
#itemModal {
	Z-index:999999;
}

.ui-autocomplete {
    z-index: 10000 !important; /* Use a value higher than the surrounding elements */
}


/* ZOOM FOTOS */ 


/* Allow the image to overflow the carousel container when zooming */
.carousel-inner.allow-overflow {
    overflow: visible !important;
}

/* Define the zoom effect */
.carousel-item img {
    transition: transform 0.3s ease;
    cursor: zoom-in;
}

.carousel-item img.is-zoomed {
    transform: scale(2.5);
    cursor: zoom-out;
    z-index: 10000;
    position: relative;	
	cursor: move;
    touch-action: none; /* Bloquea el scroll del navegador sobre la imagen */
    user-select: none;
    transition: none !important; /* Quita transiciones para que el movimiento sea instantáneo */
}

.carousel-item {
	overflow: visible;
}