.condensed {
  font-family: 'Roboto Condensed', sans-serif;
}

.carousel-item {
    height: 100vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-propiedades {
    height: 250px !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.vertical.carousel .carousel-indicators {
  bottom: auto;
  top: 50%;
  left: auto;
  right: -50px;
  width: 200px;
  margin: 0;
  transform: rotate(90deg);
}
.carousel-indicators [data-bs-target] {
  width: 60px !important;
  height: 4px !important;
  opacity: 1 !important;
}

.carousel-indicators .active {
    opacity: 1 !important;
    background-color: #FA6A04 !important;
}

.logo-head {
    width: 200px;
}

.buscador {
  bottom: 150px;
  position: absolute;
}

.img-head {
    height: 260px;
}

.br-10 {
  border-radius: 10px;
}

.bg-buscador {
   background-color: var(--search-background-color);
   opacity: .90;
   border-radius: 7px;
}

.bg-news {
   background-color: #f5f5f52b;
   border-radius: 7px;
}

.news::placeholder {
  color: #ffffff;
}

.br-btn-buscar {
  border-radius: 10px 10px 10px 10px;
}

.mx-btn-buscar {
  padding-left: 4rem;
  padding-right: 4rem;
}

.tarjetas {
   margin-top: -100px;
}

.destacados {
  background-image: url(themes/images/icono-logo-opacidad.html);
  background-position: right;
  background-repeat: no-repeat;
  background-position-y: top;
  margin-right: -50px;
  height: 170vh;
  position: relative;
  margin-bottom: -170vh;
}

.section {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.border-dark-bottom {
  border-bottom: 2px solid #1A1818 !important;
}

.text-menu {
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.text-slider {
    font-size: 4.5rem;
    line-height: 4.5rem;
}

.text-ultra-big {
    font-size: 3.5rem;
    line-height: 3.5rem;
}

.text-big {
    font-size: 2.2rem;
    line-height: 2.2rem;
}

.text-big-dos {
    font-size: 2rem;
    line-height: 2rem;
}

.text-normal {
    font-size: 1.2rem;
    line-height: 1.2rem;
}

.light {
  font-weight: 300;
}

.cr-container {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden;
    width: 150px;
    height: 150px;
    text-align: right;
}

.cr {
  width: 180px;
  padding: 3px;
  position: absolute;
  text-align: center;
  color: #f0f0f0;
  font-size: 1.2rem;
}

.cr-sticky {
  position: absolute;
}

.cr-top    { top: 25px; }
.cr-bottom { bottom: 25px; }
.cr-left   { left: -45px; }
.cr-right  { right: -45px; }

.cr-top.cr-left,
.cr-bottom.cr-right {
  transform: rotate(-40deg);
}

.cr-top.cr-right,
.cr-bottom.cr-left {
  transform: rotate(40deg);
}

@media (max-width: 576px) {

  .logo-head {
    width: 180px;
  }

  .img-head {
      height: 260px;
  }

  .br-10 {
    border-radius: 10px;
  }

  .tarjetas {
     margin-top: -100px;
  }

  .head {
      background-image: url('themes/images/p-rojo-mobile.html');
      background-size: contain;
      background-position-x: left;
      background-position-y: top;
      background-repeat: no-repeat;
      min-height: 100vh;
  }

  .border-dark-bottom {
    border-bottom: 2px solid #1A1818 !important;
  }


  .text-ultra-big {
      font-size: 1.8rem;
      line-height: 1.8rem;
  }

  .text-big {
      font-size: 1.5rem;
      line-height: 1.5rem;
  }

  .text-big-dos {
      font-size: 1.5rem;
      line-height: 1.5rem;
  }

  .text-normal {
      font-size: 1.2rem;
      line-height: 1.2rem;
  }

}

@media  (min-width: 577px) and (max-width: 749px){
  	.logo-head {
	    width: 200px;
	}
	.img-head {
	   	height: 100px;
	}
	.text-ultra-big {
	    font-size: 1.8rem;
	    line-height: 1.8rem;
	}
	.text-big {
	    font-size: 1.4em;
	    line-height: 1.4rem;
	}
	.text-big-dos {
	    font-size: 1.3rem;
	    line-height: 1.3rem;
	}
	.text-normal {
	    font-size: 1rem;
	    line-height: 1rem;
	}
}

@media  (min-width: 750px) and (max-width: 1000px)
{
  	.logo-head {
	    width: 200px;
	}
	.img-head {
	   	height: 160px;
	}
	.text-ultra-big {
	    font-size: 2rem;
	    line-height: 2rem;
	}
	.text-big {
	    font-size: 1.5rem;
	    line-height: 1.5rem;
	}
	.text-big-dos {
	    font-size: 1.5rem;
	    line-height: 1.4rem;
	}
	.text-normal {
	    font-size: 1.1rem;
	    line-height: 1.1rem;
	}
}

@media  (min-width: 1000px) and (max-width: 1200px)
{
	.logo-head {
	    width: 200px;
	}
	.img-head {
	   	height: 180px;
	}
	.text-ultra-big {
	    font-size: 2.2rem;
	    line-height: 2.2rem;
	}
	.text-big {
	    font-size: 1.8rem;
	    line-height: 1.8rem;
	}
	.text-big-dos {
	    font-size: 1.5rem;
	    line-height: 1.5rem;
	}
	.text-normal {
	    font-size: 1.2rem;
	    line-height: 1.2rem;
	}
}

@media  (min-width: 1200px) and (max-width: 1400px)
{
	.logo-head {
	    width: 200px;
	}
	.img-head {
	   	height: 180px;
	}
	.text-ultra-big {
	    font-size: 2.2rem;
	    line-height: 2.2rem;
	}
	.text-big {
	    font-size: 1.8rem;
	    line-height: 1.8rem;
	}
	.text-big-dos {
	    font-size: 1.5rem;
	    line-height: 1.5rem;
	}
	.text-normal {
	    font-size: 1.2rem;
	    line-height: 1.2rem;
	}
}

@media  (min-width: 1401px) and (max-width: 1600px){
	.img-head {
	    height: 220px;
	}
}

.btn-tertiary {
  color: #E50019 !important;
  padding: 0;
  line-height: 40px;
  width: 170px;
  border-radius: 10px;
  margin: auto;
  display: block;
  border: 2px solid #E50019 !important;
  &:hover, 
    &:focus {
      color: lighten(#E50019 !important, 20%);
      border-color: lighten(#E50019 !important, 20%);
    }
}

/* input file style */

.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  + .js-labelFile {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    cursor: pointer;
  }
}