@charset "UTF-8";
*  {margin: 0; padding: 0; box-sizing: border-box;letter-spacing: -.5px}
* :focus {
    outline:none
}
@font-face {
    font-family: 'Quesha';
    src: url('../fonts/Quesha.ttf') format('truetype');
  }

.navbar {
    --bs-navbar-padding-y: 1.5rem;
    background-color: #fff !important;
    border-bottom: 0.5px solid #ebebeb;
}
.navbar {
    --bs-navbar-padding-y: 2rem;
    transition: 0.3s ease;
  }

  .navbar-scrolled {
    --bs-navbar-padding-y: 0.5rem;
  }

.navbar-expand-lg .navbar-nav .nav-link {padding-left: 1rem; padding-right: 1rem; color: #9D8B74;}
.navbar-expand-lg .navbar-nav .nav-link:hover {padding-left: 1rem; padding-right: 1rem; color: #c5c0ba;} 


body{
    background: #fff;
    background-repeat: repeat;
    letter-spacing: 0.01rem;    
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    min-height: 100vh;
    min-width: 100%;
    color: #292E33;
    overflow-x: hidden !important;
}
p {
    font-size: 1.1rem;
}
h1 {
    font-family: 'Quesha', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 4.2rem;
    line-height: 85%;
}
h2 {
    font-family: 'Quesha', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 3.5rem;
    line-height: 85%;
    padding-bottom: 3rem;
    color: #6E6350;
}
.light-golden {
    color: #a9926c;
}
.light-green {
    color: #648487;
}
h3 {
    font-family: 'Quesha', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 2.2rem;
    line-height: 85%;
    padding-bottom: 2rem;
    color: #648487;    
}
h3 span, h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    width: 100%;
    letter-spacing: 0.15rem;
    display: block;
    color: #658BAB;
}
.success {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    width: 100%;
    letter-spacing: 0.05rem;
    display: block;
    color: #658BAB;
}
h5 {
    font-size: 0.75rem;
    color: rgba(0,0,0,0.4);
    padding-top: 1rem;
}
.align-self-center p {font-size: 1.1rem; line-height: 170%;}
.bigger-p{ color: rgba(255, 255, 255, 0.9); font-size: 1.5rem; padding-top: 2rem;}
.bg-body-tertiary {
    background-color: #fff;
}

.h-30 {
    height: auto;
    min-height: 30rem;
}

.p-5 { padding: 5rem !important;}

.py-50 {
    padding-top: 10%;
}
.py-5b {
    padding-top: 10vh;
}

.full-w {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    background-image: url(../images/banner_inicial.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*background: linear-gradient(-45deg, #658BAB, #648487, #3C5063, #292E33);
	background-size: 300% 300%;
	animation: gradient 5s ease infinite;*/
    height: 42rem;
    margin-top: 105px;
}

@keyframes gradient {
	0% {
		background-position: 0% 100%;
	}
	50% {
		background-position: 50% 100%;
	}
	100% {
		background-position: 0% 100%;
    }
}
.box-one{ background-color: #fafafa; margin-right: 1%; float: left;}
.box-two{ background-color: #fafafa;margin-left: 1%;  float: left;}

.linea-negocio-01 { background-color: #B09777 !important; background-image: url(../images/negocio-01.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
.linea-negocio-02 { background-color: #B09777 !important; background-image: url(../images/negocio-02.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0% 50%;}
.linea-negocio-03 { background-color: #B09777 !important; background-image: url(../images/negocio-03.jpg); background-repeat: no-repeat; background-size: cover;}
.linea-negocio-04 { background-color: #B09777 !important; background-image: url(../images/negocio-04.jpg); background-repeat: no-repeat; background-size: cover;}

.col-lg-6 {width: 49%; min-height: 500px; border-radius: 0.5rem;}
.py-5 {padding-top: 5rem!important; padding-bottom: 1rem!important;}

#what {
    max-width: 40rem;
}
#what p {
    font-size: 1.3rem;
    line-height: 170%;
}

.bg-man {
    background-image: url(../images/bg-man.png);    
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    float: right;
    margin: 0;
    height: auto;
    min-height: 35rem;
}

#us {
    background-image: url(../images/empresario.jpg);    
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    display: block;
    float: right;
    margin: 0;
    height: auto;
    min-height: 30rem;

    padding-top: 5rem;
}
#us h2 {max-width: 40rem; margin: 3rem auto 0rem auto;}
#us p {max-width: 40rem; margin: 0 auto; font-size: 1.2rem;}
.white { color: #fff !important;}

#trayectoria-bg{
    height: 450px !important;
}

.socio {
    align-items:flex-end !important;
}

.socio img {
    width: 140px;
    border-radius: 125px;
    margin-bottom: 2rem;
}
.socio h3 {
    padding-bottom: 1rem !important;
}
.socio p {
    display: block;
    height: 13rem;
}
.btn-primary {
    background-color: #6E6350 !important;
    border: none;
    padding: 0.7rem 1rem;
    margin-top: 1rem;
}
.call-form {
    padding: 1rem 3rem;
}
.btn:hover {
    background-color: #92856e !important;
}

.imagen-formulario {
    background: url('../images/experiencia.jpg') center/cover no-repeat;
    height: auto;
}
.formulario-contact {
    width: 100%;
}
.form-control {
    padding: 0.7rem 1rem;
    margin-bottom: 1rem;
}
input::placeholder,
textarea::placeholder {
    color: #bbb !important;
    font-weight: 300;
}
.text-body-secondary {
    color: #9D8B74 !important;
}
.smaller {
    font-size: 75%;
}
.smaller a:link, .smaller a:hover, .smaller a:active {
    color: #9D8B74 !important;
}
.row {
    width: 100%;
}
@media (max-width: 980px) {
    .col-lg-6 {
        width: 100%;
        min-height: auto;
    }
    .p-5{ padding: 3rem;}
    .linea-negocio-01, .linea-negocio-03 { height: 300px; border-radius: 0.5rem 0.5rem 0rem 0rem; background-position: 50% 30%;}
    .linea-negocio-02, .linea-negocio-04 { height: 300px; border-radius: 0rem 0rem 0.5rem 0.5rem; background-position: 50% 30%;}
    .socio {
        align-items:flex-end !important;
        margin-bottom: 7rem;
    }
    .socio p {
        height: auto;
    }
}