/* -----  _general.scss     -----*/
p{
	font-size: 1.3rem
}
.subtitulo {
    font-size: 3.2rem
}
.subtitulo.separado {
    letter-spacing: .35em
}
.texto {
    font-size: 1.11rem
}
.btn-cta {
    font-weight: 700;
    border: none;
    background: #ffffffad !important;
    padding: 0.75rem 1.5rem;
    border-radius: 5rem;
    color: #1a2b3a !important;
    font-size: 0.7em;
    transition: all 0.2s ease
}
.btn-cta:hover {
    background: #ffffff !important;
    text-decoration: none
}
/* -----  _menu.scss     -----*/
.menu{
	position: fixed; top: 0; left: 0; width: 100%; transition: all .3s;z-index: 999
}

/* -----  _portada.scss     -----*/
.portada {
    position: relative;
    background-size: cover;
    margin-top: 60px
}
@media(min-width: 992px) {
    .portada {
	    margin-top: 80px
	}
}
.portada .swiper-slide {
    height: 0;
    padding-bottom: 45%!important;
}

@media(min-width: 768px) {
    .portada .swiper-slide {
        padding-bottom:60%
    }
}

@media(min-width: 992px) {
    .portada .swiper-slide {
        padding-bottom:56.25%
    }
}
.swiper-pagination-bullet {
	background: #fb5a49
}
.portada .imagen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover
}
.portada h2{
	font-size: 2em;
	letter-spacing: 0.15em;
	color: #1a2b3a
}
.portada .contenido {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    display: flex;
    align-items: left
}
.portada .titulo {
    line-height: 1;
    border-bottom: none;
    padding: 0;
    margin-bottom: 0;
    font-size: 28px !important
}
.portada .titulo span{
    display: block;
    font-weight: bold
}
@media(min-width: 768px) {
    .portada .titulo {
        font-size:32px !important
    }
}

@media(min-width: 992px) {
    .portada .titulo {
        font-size:45px !important
    }
}

@media(min-width: 1200px) {
    .portada .titulo {
        font-size:55px !important
    }
}

@media(min-width: 1400px) {
    .portada .titulo {
        font-size:62px !important
    }
}
@media only screen and (max-width: 767px) {
	.portada .row {
	    aspect-ratio: 2 / 2 !important;
	}
	.portada {
	    aspect-ratio: 2 / 2.15 !important;
		background-position-x: center
	}
	.portada .imagen {
	    height: 240%
	}
}

.swiper .arrow {
    color: #fff;
    background-color: rgba(0,0,0,.3);
    width: 1.2em !important;
    height: 1.2em !important;
    font-size: 2.7em !important;
    transition: background-color .5s;
    border-radius: 50%;
    border: none
}
.swiper-button-prev{
	background: url(../images/arrow-left.svg) no-repeat center center;
	background-size: 25px
}
.swiper-button-next{
	background: url(../images/arrow-right.svg) no-repeat center center;
	background-size: 25px
}


/* -----  _whatsapp.scss     -----*/

.fijados .whatsapp {
    position: fixed;
    z-index: 9;
    bottom: 6em;
    right: 1em
}

@media(min-width: 768px) {
    .fijados .whatsapp {
        right:1.5em
    }
}

.fijados .static-wsp {
    display: block;
    line-height: 1;
    padding: 1em;
    background-color: #25D366;
    border-radius: 50%;
    color: #fff;
    animation: wsp 1.5s ease infinite
}

.fijados .static-wsp .icon {
    width: 1.5em;
    height: 1.5em
}

@media(min-width: 992px) {
    .fijados .static-wsp .icon {
        width:2em;
        height: 2em
    }
}

@keyframes wsp {
    0% {
        box-shadow: 0 0 0 0 rgb(37 211 102 / 50%)
    }

    100% {
        box-shadow: 0 0 0 1em rgba(0,0,0,0)
    }
}
/* -----  _proyectos-en-venta.scss     -----*/
.adorno {
	z-index: -1;
	width: 100%;
	height: 267px;
	opacity: 1;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border: 1px solid rgba(251,90,73,1);
	overflow: hidden;
}
.w-85{
	width: 85% !important
}
.nombre{
	font-size: 1.5em
}
.ciudad{
	font-size: 1em;
    letter-spacing: 0.25em
}
.descripcion{
	font-size: 1.2em
}
.estado{
	width: 50%;
	padding: 0.5em 1em;
    background: rgba(251, 90, 73, 1);
    opacity: 1;
    position: absolute;
    top: -18px;
    left: 25%;
    overflow: hidden;
    font-size: 1em;
	letter-spacing: 0.05em;
    color: #fff
}
figure{
	display: block;
	overflow:hidden;
	transition: all 0.5 ease 
}
figure img{
	transition: all 0.5s ease
}
figure img:hover{
	transform: scale(1.12);
	transition: all 0.5s ease;
	filter: brightness(-3)
}
@media(min-width: 992px) {
	.descripcion{
		font-size: 0.9em
	}
	.ciudad{
		font-size: 0.8em
	}
	.estado{
		font-size: 0.8em
	}
}
/* -----  _acerca-de-labok.scss     -----*/
.acerca-de-labok .logo-proyecto{
	height: 3.2em
}
.acerca-de-labok h1{
	font-size: 14px;
	letter-spacing: 0.05em
}
.acerca-de-labok p.lema{
	font-size: 1.4em;
	text-align: justify
}
.acerca-de-labok .numero {
    line-height: .8
}
.acerca-de-labok .numero span {
    font-size: .7em
}
.acerca-de-labok .item-1 .numero {
    font-size: 4.8em
}
.acerca-de-labok .item-2 .numero,.acerca-de-labok .item-3 .numero {
    font-size: 2.4em
}
.acerca-de-labok .kpi{
	font-size: .9em
}
.mision-vision h3.titulo{
	font-size:1.45em
}
.mision-vision p {
	font-size:1em;
	text-align: justify
}
@media only screen and (max-width: 767px) {
	.mision-vision .imagen {
	    position: relative;
	    width: fit-content;
	    height: fit-content;
	    overflow: hidden;
	}
}