@charset "UTF-8";
/* CSS Document */

.oswald-bold {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

a {
    color: #d98d21;
}
.nav-link{
	color: white !important;
}
.nav-link:focus, .nav-link:hover {
  color: #d98d21 !important;
}
.kilo {
    background-image: url('assets/images/kilo.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10%;
}

.carousel-caption {
  position: absolute;
  right: 5%;
  top: .25rem;
  left: 5%;
  color: #fff;
  text-align: center;
}

.formulario-contacto{
	position: absolute; float: right; right: 6.5%; width: 35%; margin-top: 10%;
	z-index: 101;
}

.tit-principal{
    font-weight: 300; font-size: 1.5em; color: #fff; background-color: rgba(201,144,48,0.80); padding: 10px;
}
.tit-01 {
    font-size: 4em;
    font-family: 'Oswald', sans-serif;
    line-height: 60px;
}
.tit-01a {
    font-size: .5em;
    font-weight: 300;
    text-shadow: #606060 1px 0 10px;
}
.tit-02 {
    font-family: 'Bebas Neue', sans-serif;
}
.tit-modelo {
    font-family: 'Bebas Neue', sans-serif;
}
.plantas {
    max-width: 200px;
}
.aqua {
    color: #d98d21;
}
.aqua2 {
    color: #d98d21;
}
    
/*#amenidades img {
    width: 60px;
    height: auto;
}*/
.ico-amenidades img {
    display: inline;
    max-width: 80px;
}
.ico-contacto {
    display: inline;
    max-width: 50px;
}
.galeria-cafe {
    background-image: url("../images/back-cafe.jpg");
    background-repeat: no-repeat;
    background-size: cover;/* max-height: 350px;*/
}
.bg-beige {
    background-color: #f8f5ee;
}
.bg-aqua {
    background-color: #000;
}
.btn-grey {
--bs-btn-color: #000;
--bs-btn-bg: #e3dedc;
--bs-btn-border-color: #e3dedc;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #d3d4d5;
--bs-btn-hover-border-color: #c6c7c8;
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #c6c7c8;
--bs-btn-active-border-color: #babbbc;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f8f9fa;
--bs-btn-disabled-border-color: #f8f9fa
}
.btn-azul {
--bs-btn-color: #fff;
--bs-btn-bg: #0c3090;
--bs-btn-border-color: #0c3090;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #000;
--bs-btn-hover-border-color: #000;
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #000;
--bs-btn-active-border-color: #babbbc;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #a6f3f7;
--bs-btn-disabled-border-color: #a6f3f7;
	
}
#ahorro strong {
    color: #d98d21;
}
.display {
    display: block;
	margin-bottom: 10px
}
.txt-modelo {
    text-align: left;
}
    .glass {
  background-color: rgba(0, 0, 0, .0);
  backdrop-filter: blur(10px);
  border-radius: 11px 11px 11px 11px;
}

.movilSlide{
    padding-top: 0px;
}
  .back{
            width: 100%;
        }

#carouselExampleCaptions3 .carousel-control-prev, #carouselExampleCaptions3 .carousel-control-next {
  width: 6vh;
  height: 6vh;
  background-color: #d98d21;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.3;
}


#modelos .carousel-control-prev, #modelos .carousel-control-next {
  width: 6vh;
  height: 6vh;
  background-color: #000;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.3;
}

.bg-icon-w {
	background-color: white;
}

/*estilos carousel modelos*/
  .carousel-multi {
      overflow: hidden;
    }

    .carousel-track {
      display: flex;
      transition: transform 0.5s ease;
      will-change: transform;
    }

    .carousel-item-custom {
      flex: 0 0 100%;
      max-width: 100%;
    }

    @media (min-width: 600px) and (max-width: 990px) {
      .carousel-item-custom {
        flex: 0 0 50%;
        max-width: 50%;
      }
    }

    @media (min-width: 991px) {
      .carousel-item-custom {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
      }
    }
/*fin estilos carousel modelos*/

@media (max-width: 767px) {
.tit-01 {
    font-size: 3em;
    font-family: 'Oswald', sans-serif;
    line-height: 30px;
}
.display {
    display: grid;
}
.txt-modelo {
    text-align: center;
}
.section-heading {
    margin-bottom: 30px;
}
    .movilSlide{
    padding-top: 220px;
       
}
    .carousel-caption{position:absolute;right:0%;top:0rem;left:0%;padding-bottom:.25rem;color:#fff;text-align:center;
    }
    
  /*  .back{
        width: auto;
    }*/
    .tit-01 {
    line-height: 40px;
}
	.tit-principal {
  font-weight: 300;
  font-size: 1em;
  color: #fff;
  background-color: rgba(1,189,207,0.80);
  padding: 10px;
}
	.formulario-contacto{
	position: absolute; float: right; right: 2%; width: 95%; margin-top: 25%;
}
}

@media (max-width: 628px) {
	.formulario-contacto{
		position: absolute; float: right; right: 2%; width: 95%; margin-top: 35%;}
	.bg-icon-w {
	background-color: transparent;
}
	.ico-amenidades img {
    display: inline;
    max-width: 60px;
}
	
}

@media (max-width: 400px) {
	.formulario-contacto{
		position: absolute; float: right; right: 2%; width: 95%; margin-top: 65%;}
	
	
	
}


@media (max-width: 290px) {
	.formulario-contacto{
		position: absolute; float: right; right: 2%; width: 95%; margin-top: 80%;}
	
}