/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
  color:#ffffff!important;
}
.carousel h1
{
	font-family:"FreightDisplay", Times New Roman, serif;
    font-weight: 500;	
}
.carousel h2
{
	font-family:"FreightDisplay", Times New Roman, serif;
    font-weight: 500;	
}
.carousel h3
{
	font-family:"FreightDisplay", Times New Roman, serif;
    font-weight: 500;	
}
.carousel h4
{
	font-family:"FreightDisplay", Times New Roman, serif;
    font-weight: 500;	
}
.carousel h5
{
	font-family:"FreightDisplay", Times New Roman, serif;
    font-weight: 500;	
}
.carousel h6
{
	font-family:"FreightDisplay", Times New Roman, serif;
    font-weight: 500;	
}
.carousel h7
{
	font-family:"FreightDisplay", Times New Roman, serif;
    font-weight: 500;	
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption
{
  z-index: 10; /* para que esté por encima del gradiente */
}
/* Declare heights because of positioning of img element */
.carousel-item
{
  /*height: 32rem;*/
  position: relative;
}
.carousel-indicators .active
{
    opacity: 1;
	background-color: #eaccb1 !important;
}
@media only screen and (min-width: 768px)
{
	.carousel-indicators [data-bs-target]
	{
		width: 40px;
		height: 5px;
		margin-right: 5px;
		margin-left: 5px;
	}	
}
.carousel-indicators
 {
    z-index: 12;
}
@media only screen and (min-width: 992px)
{
	.carousel-indicators
	{
		/*padding-bottom:30vh!important;*/
	}	
}
.overlay-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* para que no bloquee clicks */
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .75), transparent 50%, rgba(0, 0, 0, 0) 84%, rgba(0, 0, 0, .55));
  z-index: 1;
  opacity: 0;
  transition: opacity 2s ease-in-out;
}
.carousel-item.active .overlay-gradient {
  opacity: 1;
}
.carousel-caption h4,
.carousel-caption h7 {
  opacity: 0;
  transform: translateY(1.5rem);
  transition: all 0.6s ease-out;
}
.carousel-item.active .carousel-caption h4 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}
.carousel-item.active .carousel-caption h7 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.6s;
}
.carousel .links
{
	font-family: "BentonSans", arial, sans-serif;
    font-weight: 700;
	font-size:50%!important;
	display:flex;
	align-items:center;
	vertical-align:middle;
	text-decoration:none;
	outline:none;
	line-height:1!important;
	color:#ffffff;
	transition: all 0.5s ease-out;
}
.carousel .links .linkarrowspan
{
	font-family:"ArrowLinks";
	font-weight:normal;
	font-size:200%!important;
}
.links:hover,.links:focus
{
	color:#EACCB1!important;
}
/* RESPONSIVE CARROUSEL CSS
-------------------------------------------------- */
@media (max-width: 767.98px)
{
	.carousel-caption
	{
	  top: 2rem;	   
	  left: 3rem;	  
	  right: 22%;
	  padding-top: 1.25rem;
	  padding-bottom: 1.25rem; 
	  bottom: 1.25rem;	  
	}
	.overlay-gradient
	{
	  background-image: linear-gradient(180deg, rgba(0, 0, 0, .85), transparent 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .55));
	}
	.carousel .links
	{
		font-size:72%!important;
	}
}
@media (min-width: 768px) and (max-width: 1199.98px)
{
	.carousel-caption
	{
	  top: 3rem;
	}
}
@media (min-width: 1200px)
{
	.carousel-caption
	{
  		top: 4rem;
		right: 40%;
	}
}
/* PARA HACER STICKY O NO EL CARROUSEL INDICATOR
-------------------------------------------------- */
/* Estados del indicador */
#carrouselInicio .carousel-indicators.sticky-indicators
{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5rem;  /*ES PADDING BOTTOM 3*/
  z-index: 1055; /* por encima de overlays */
  margin: 0 !important; /* evitar jumps por las clases mb/pb */
  padding: 0 !important;
}
#carrouselInicio .carousel-indicators.anchored-indicators
{
  position: absolute;
}
/* Asegura que el contenedor del carrusel pueda posicionar absoluto dentro */
#carrouselInicio
{
  position: relative;
}
/* Opcional: en mobile dejar comportamiento normal de Bootstrap */
@media (max-width: 991.98px)
{
  #carrouselInicio .carousel-indicators
  {
    position: absolute;
  }
}
/* MAPS
-------------------------------------------------- */
.labelPaises
{
	font-family: "BentonSans", arial, sans-serif !important;
    font-weight: 400;
	letter-spacing: 1.4px !important;
	color:#999999 !important;
	text-transform:uppercase;
	font-size:12px!important;
}
#queNecesitoParaVenderLabel
{
	font-family: "BentonSans", arial, sans-serif !important;
    font-weight: 500;
	letter-spacing: 1.4px !important;
	font-size:15px!important;
	color:#fffffff;
}
.mapasnecesitovender
{
	max-width:150px;
	height:auto;
}
#queNecesitoParaVender ul
{
	font-family: "BentonSans", arial, sans-serif !important;;
    font-weight: 400;
	color:#ffffff !important;
	text-align:left;
	font-size:13px!important;
	line-height:22px;
}
#vendertupropiedad .feature-icon-small
{
    width: 3rem;
	height: 3rem;
    display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#1D1D1B!important;
}
#vendertupropiedad h2
{
	font-family:"FreightDisplay",Times New Roman, serif;
	font-size:40px;
	font-weight:500;
	line-height:auto;
	color:#001731;
	letter-spacing: 1px;
}
#vendertupropiedad .text-body-secondary
{
    color: #001731 !important;
	font-family: "BentonSans", arial, sans-serif;
    font-weight: 400;
    line-height: 30px;
	font-size:16px;
}
#vendertupropiedad h4
{
	font-family:"FreightDisplay",Times New Roman, serif;
	font-size:31px;
	font-weight:500;
	line-height:auto;
	color:#001731;
	letter-spacing: 1px;
}
#vendertupropiedad .links
{
	color: #001731 !important;
	text-decoration:none;	
    font-family: "BentonSans", arial, sans-serif!important;
    font-size: 13px;
    font-weight: 700!important;
    letter-spacing: 1.4px;
	text-transform:uppercase;
	line-height:1;
	transition: all 0.5s ease-out;
}
#vendertupropiedad .links:hover
{
	color: #eaccb1 !important;
	text-decoration:none;
}
#vendertupropiedad .linkarrowspan
{
	font-family:"ArrowLinks";
	font-weight:normal;
	font-size:36px!important;
	text-decoration:none;
	vertical-align: middle; /* Alinea verticalmente con el texto */
    line-height: 1; /* Evita que el alto extra desplace el texto */
	margin-top:-1px!important;
}
@media (min-width: 1200px)
{
	#vendertupropiedad .links
	{
		margin-top:-18px!important;
	}
}
/* VER MAS ITEMS
-------------------------------------------------- */
#vendertupropiedad .features-wrap { position: relative; }
/* Overlay degradé (altura se ajusta por JS) */
#vendertupropiedad .fade-cover {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 60%);
  padding-bottom: 54px; /* espacio para el botn */
}
/* En mobile/tablet el overlay no se usa */
@media (max-width: 991.98px)
{
  #vendertupropiedad .fade-cover { display: none !important; }
}
/* Ocultar 5 y 8 en desktop hasta expandir */
@media (min-width: 992px)
{
  #vendertupropiedad .features-wrap:not(.expanded) [data-feature="5"],
  #vendertupropiedad .features-wrap:not(.expanded) [data-feature="8"],#vendertupropiedad .features-wrap:not(.expanded) [data-feature="6"],#vendertupropiedad .features-wrap:not(.expanded) [data-feature="7"]{
    display: none !important;
  }
  .espaciadoDelMinimizado
  {
	  padding-top:40px!important;
  }
}
/* Al expandir, ocultamos overlay */
#vendertupropiedad .features-wrap.expanded .fade-cover
{
  display: none !important;
}
/* QUIERO VENDER
-------------------------------------------------- */
.steps-head .subtitle
{
  letter-spacing: 2px!important;
  text-transform: uppercase;
  font-weight: 700;
  color: #999999 !important;
  font-family: "BentonSans", arial, sans-serif;
  line-height: 22px;
  font-size:14px;
}
.steps-head h2
{
	font-family:"FreightDisplay",Times New Roman, serif;
	font-size:40px;
	font-weight:500;
	line-height:auto;
	color:#ffffff;
	letter-spacing: 1px;
}
.steps-head .text-body-secondary
{
	color: #999999 !important;
	font-family: "BentonSans", arial, sans-serif;
    font-weight: 400;
    line-height: 30px;
	font-size:16px;
	width:70%;
	margin-bottom: 1rem !important;
	margin:0 auto;
}
@media (max-width: 991.98px)
{
	.steps-head .text-body-secondary
	{
		width:100%;
	}
}
.step-card
{
  position: relative;
  border: 1px solid rgba(234,204,177,.06);
  border-radius:0px;
  padding: 1.25rem 1.25rem 1.5rem;
  background: #fff;
  height: 100%;
  transition: transform .2s ease, box-shadow .2s ease;
}
.step-card:hover
{
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}
.step-num
{
  font-family: "MercuryDisplay", arial, sans-serif;
  position: absolute;
  top: -16px; left: -12px;
  width: 42px; height: 42px;
  display:flex; align-items:center; justify-content:center;
  border-radius: 50%;
  background: rgba(234,204,177, .88);
  color: #1D1D1B!important;
  font-weight: 400;
  border: 2px solid rgba(234,204,177, .70);
  box-shadow: 0 2px 6px rgba(0,0,0,.05);
  font-size:25px;
}
.step-ico
{
	width: 3rem;
	height: 3rem;
	display:flex; 
	align-items:center; 
	justify-content:center;
	color: #1D1D1B!important;
	font-size: 1.5rem;
	margin-bottom: 1rem;
	margin-top:2px;	
}
.steps-section h4
{
    font-family: "FreightDisplay", Times New Roman, serif;
    font-size: 31px;
    font-weight: 500;
    line-height: auto;
    color: #001731;
    letter-spacing: 1px;
}
.steps-section .text-body-secondary2
{
	color: #001731 !important;
	font-family: "BentonSans", arial, sans-serif;
    font-weight: 400!important;
    line-height: 30px;
	font-size:16px;
	margin-bottom: 1rem !important;
}
.step-list
{
   margin: 0; 
   padding-left: 0; 
   list-style: none;
}
.step-list li
{ 
	display:flex;
	gap:.5rem; 
	align-items:flex-start;
}
.step-list i
{ 
	color: var(--bs-success); 
	margin-top:.2rem;
}
/* Conectores en mobile (vertical) */
@media (max-width: 991.98px)
{
  .step-col{position: relative;}
  .step-col:not(:last-child)::after
  {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2px; height: 24px;
	background-color:#ffffff;
  }
}
/* Conectores entre tarjetas en desktop (alineados al gutter real) */
@media (min-width: 992px){
  .step-col{ position: relative; }
  .step-col .step-card{ position: relative; }
  .step-col .step-card::after
  {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(var(--bs-gutter-x) / -0.95); /* mitad del gutter horizontal */
    transform: translateY(-50%);
    width: var(--bs-gutter-x); /* largo = gutter */
    height: 2px;
	background-color:#ffffff;
    pointer-events: none;
  }
  /* ocultar conector del último paso */
  .step-col:last-child .step-card::after{ display: none; }
}
.cta-wrap .text-body-secondary3
{
	color: #999999 !important;
	font-family: "BentonSans", arial, sans-serif;
    font-weight: 400;
    line-height: 30px;
	font-size:16px;
}
/* VENDER */
#vender .imagen
{
	position:relative;
	margin-top:-148px;
}
@media (max-width: 991.8px)
{
	#vender .imagen
	{
		margin-top:-106px;
	}
}
@media (max-width: 767.8px)
{
	#vender .ajusteDesplazamientoX
	{
		margin-left:-2px;
	}
}
#vender .subtitle
{
  letter-spacing: 2px!important;
  text-transform: uppercase;
  font-weight: 700;
  color: #001731 !important;
  font-family: "BentonSans", arial, sans-serif;
  line-height: 22px;
  font-size:14px;
}
#vender h2
{
	font-family:"FreightDisplay",Times New Roman, serif;
	font-size:40px;
	font-weight:500;
	line-height:auto;
	color:#001731;
	letter-spacing: 1px;
}
.step
{
  display: none;
}
.step.active
{
  display: block;
}
#vender p.gracias
{
    font-family: "BentonSans", arial, sans-serif;
    font-weight: 400 !important;
    line-height: 30px !important;
    font-size: 16px !important;
    color: #666666 !important;
}
/* UNITE
-------------------------------------------------- */
#unite
{
}
#unite .subtitle
{
  letter-spacing: 2px!important;
  text-transform: uppercase;
  font-weight: 700;
  color: #001731 !important;
  font-family: "BentonSans", arial, sans-serif;
  line-height: 22px;
  font-size:14px;
}
#unite h2
{
	font-family:"FreightDisplay",Times New Roman, serif;
	font-size:40px;
	font-weight:500;
	line-height:auto;
	color:#001731;
	letter-spacing: 1px;
}
#unite .text-body-secondary
{
    color: #001731 !important;
	font-family: "BentonSans", arial, sans-serif;
    font-weight: 400;
    line-height: 30px;
	font-size:16px;
	width:70%;
	text-align:center;
}
@media (max-width: 991.98px)
{
	#unite .text-body-secondary
	{
		width:100%;
	}
}
#sumate
{
	position: relative;
}
#sumate::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* se ajusta al alto de la sección (el mismo de la img) */
  background: linear-gradient(to bottom, #ffffff 50%, #002349 50%);
  z-index: -1; /* siempre queda detrás de la imagen */
}
#empleos
{
	color:#999999!important;
}
#empleos .separadores
{
	border-color:#eaccb1!important;
	border-width:1px!important;
	border-top:none;
	border-bottom:none;
	border-left:solid;
	border-right:solid;
}
#empleos h6
{
	font-family: 'MercuryDisplay',Times New Roman, serif;
	font-size:20px;
	font-weight:400;
	line-height:1;
	text-align:center;
	letter-spacing:0px;
	font-style: normal;
    font-stretch: normal;
}
#empleos p
{
	font-family: "BentonSans", arial, sans-serif;
    font-weight: 400;
    line-height: 28px;
	font-size:14px;
	text-align:center;
	margin-bottom:0px;
}
#empleos h2
{
	font-family:"FreightDisplay",Times New Roman, serif;
	font-size:40px;
	font-weight:500;
	line-height:auto;
	color:#ffffff!important;
	letter-spacing: 1px;
}
#empleos .text-body-secondary
{
    color: #ffffff !important;
	font-family: "BentonSans", arial, sans-serif;
    font-weight: 400;
    line-height: 30px;
	font-size:16px;
}
@media (max-width: 991.8px)
{
	#empleos .separadores
	{
		border-color:#eaccb1!important;
		border-width:1px!important;
		border-top:solid;
		border-bottom:solid;
		border-left:none;
		border-right:none;
	}
}


@media (max-width: 575.8px)
{
}
@media (min-width: 576px) and (max-width: 767.8px)
{
}
@media (min-width: 768px) and (max-width: 991.8px)
{
}
@media (min-width: 992px) and (max-width: 1199.8px)
{
}
@media (min-width: 1200px) and (max-width: 1399.8px)
{
}
@media (min-width: 1400px)
{
}


/* ALQUILERES */
#alquileres .imagen
{
	position:relative;
	margin-top:-148px;
}
@media (max-width: 991.8px)
{
	#alquileres .imagen
	{
		margin-top:-106px;
	}
}
@media (max-width: 767.8px)
{
	#alquileres .ajusteDesplazamientoX
	{
		margin-left:-2px;
	}
}
#alquileres .subtitle
{
  letter-spacing: 2px!important;
  text-transform: uppercase;
  font-weight: 700;
  color: #001731 !important;
  font-family: "BentonSans", arial, sans-serif;
  line-height: 22px;
  font-size:14px;
}
#alquileres h2
{
	font-family:"FreightDisplay",Times New Roman, serif;
	font-size:40px;
	font-weight:500;
	line-height:auto;
	color:#001731;
	letter-spacing: 1px;
}