/* #Fonts

================================================== */

.slider-x-3.related--projects .background-image-slider {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;  

}



.desk-h3{

    font-family: 'Sora';

    font-style: normal;

    font-weight: 700;

    font-size: 32px;

    line-height: 40px;

    display: flex;

    align-items: center;

    text-transform: uppercase;

}

.desk-body-3{

    font-family: 'Sora';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 20px;

    display: flex;

    align-items: center;

    margin-top: 12px;

}

.subtitle-2{

    font-family: 'Sora';

    font-style: normal;

    font-weight: 600;

    font-size: 20px;

    line-height: 25px;

    text-transform: uppercase;

    color: #FFFFFF;

}

@media (max-width: 767px) {

    .desk-h3{

        font-size: 18px;

        line-height: 23px;

        display: flex;

        align-items: center;

    }

    .desk-body-3{

        font-size: 10px;

        line-height: 13px;

        display: flex;

        align-items: center;

    }

    .subtitle-2{

        font-size: 12px;

        line-height: 15px;

    }

}

:root{

    --primary-color: #0E151D;

    --primary-hover: #3C17FF;

}





/* #Nosotros

================================================== */

.banner--header.banner--project.imagen-background {

    filter: grayscale(0) !important;

}



.banner--header{

    position: relative;

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.banner--header.us h1{

    font-family: 'Sora';

    font-size: 40px;

    font-weight: 700;

    line-height: 50px;

    letter-spacing: 0em;

    text-align: left;

    color: #FFFFFF;

    text-transform: uppercase;

}

.banner--header p{

    font-family: 'Sora';

    font-size: 20px;

    font-weight: 400;

    line-height: 25px;

    letter-spacing: 0em;

    text-align: left;

    color: #FFFFFF;

    padding-top: 28px;

    padding-bottom: 80px;

}

.banner--header .text--banners{

    width: 70%;

    z-index: 2;

}

.banner--header.us p{

    width: 79%;

}

.banner--header.us{

    height: 536px;

}

.secction--column.socios{

    min-height: 400px;

}

.estrategias .socios{

    background-image: url('../img/nosotros/gonzalo.png');

}

.estrategias{

    padding-top: 80px;

}

.estrategias p{

    font-family: 'Sora';

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    letter-spacing: 0em;

    text-align: left;

    color: #FFFFFF;

}

.estrategias p span{

    font-weight: 600;

}

.estrategias small{

    font-family: 'Sora';

    font-size: 16px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0em;

    text-align: left;

    color: #FFFFFF;

    margin-top: 24px;

    display: block;

}

.estrategias small span{

    font-weight: 400;

    font-size: 16px;

}

.texts--gral{

    z-index: 2;

}

.estrategias .texts--gral{

    padding-left: 97px;

}

.estrategias .texts--gral p{

    width: 100%;

}

.overlay.estrategias::after{

    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 25.98%, rgba(0, 0, 0, 0) 71.09%);

}

.pilares{padding-top: 40px;}

.pilares .texts--list{

    padding-left: 24px;

    margin: 0;

}

.pilares .texts--list li{

    font-family: 'Sora';

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    letter-spacing: 0em;

    text-align: left;

    margin: 0;

}

.pilares p{

    font-family: 'Sora';

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    letter-spacing: 0em;

    text-align: left;

    margin-top: 16px;

}

.slider-x-3.nosotros{

    padding-top: 68px;

    padding-bottom: 48px;

}

.estrategias.two{

    padding-top: 0;

}

.estrategias .socios.dos{

    background-image: url('../img/nosotros/bernardo.png');

}

.somos{

    padding-top: 46px;

    padding-bottom: 44px;

}

.somos h3{

    padding-bottom: 34px;

}

.video--grow{

    position: relative;

    display: grid;

    place-items: center;

    height: 500px;

    width: 100%;

    margin: 0 auto;

}

.video--grow video{

    position: absolute;

    z-index: 0;

    object-fit: cover;

    width:100%;

    height:100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.colaboradores{

    padding-bottom: 60px;

}

.colaboradores p{

    font-family: 'Sora';

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    letter-spacing: 0em;

    text-align: left;

    padding-bottom: 12px;

}

.colaboradores .names p:last-child{

    padding-bottom: 0;

}

.estrategias .socios.tres{

    background-image: url('../img/nosotros/gerardo.png');

}

.estrategias.third{

    padding-top: 0;

    padding-bottom: 36px;

}



@media (min-width: 1450px) {

    .estrategias p {

        font-size: 1.16vw;

        line-height: 1.42vw;

    }

    .estrategias small {

        font-size: 20px;

        line-height: 1.42vw;

    }

    .secction--column.socios {

        min-height: 500px;

    }

}

@media (min-width: 1850px) {

    .secction--column.socios {

        min-height: 600px;

    }

    .video--grow {

        height: 600px;

    }

}

@media (min-width: 2200px) {

    .secction--column.socios {

        min-height: 700px;

    }

}

@media (max-width: 767px) { 

    .banner--header.us{

        height: 398px;

        background-image: var(--banner-image-movil) !important;

    }

    .banner--header.us h1{

        font-family: Sora;

        font-size: 18px;

        font-weight: 700;

        line-height: 23px;

        letter-spacing: 0em;

        text-align: left;

    }

    .banner--header.us p{

        font-size: 12px;

        line-height: 15px;

        padding-top: 8px;

        padding-bottom: 20px;

        margin: 0;

        width: 100%;

    }

    .video--grow{

        position: inherit;

        display: inherit;

        place-items: inherit;

        height: 100%;

        width: 100%;

    }

    .video--grow video{

        position: initial;

        z-index: 0;

        object-fit: revert;

        width: 100%;

        height: 100%;

        top: 50%;

        left: 50%;

        transform: inherit;

    }

    .estrategias .socios{

        background-image: url('../img/nosotros/gonzalo.jpg');

    }

    .estrategias .texts--gral{

        padding-left: 12px;

        padding-right: 12px;

        margin-bottom: 20px !important;

    }

    .estrategias .texts--gral p{

        width: 100%;

        font-size: 12px;

        font-weight: 400;

        line-height: 15px;

        letter-spacing: 0.03em;

        text-align: left;

    }

    .secction--column.socios {

        min-height: 400px;

        height: 400px;

        background-position: top;

    }

    .estrategias {

        padding-top: 24px;

    }

    .estrategias p span{

        font-weight: 400;

    }

    .slider-x-3.nosotros {

        padding-top: 36px;

        padding-bottom: 52px;

    }

    .estrategias small{

        margin-top: 8px;

        font-weight: 600;

        font-size: 13px;

        line-height: 13px;

        letter-spacing: 0.03em;

        text-align: left;

    }

    .estrategias small span{

        margin-top: 8px;

        font-weight: 400;

        font-size: 10px;

    }

    .pilares{padding-top: 36px;}

    .pilares .texts--list{

        padding-left: 18px;

        margin-top: 8px;

        font-size: 15px;

        line-height: 18px;

        font-size: 15px;

        line-height: 18px;

    }

    .pilares .texts--list li{

        font-family: 'Sora';

        font-weight: 400;

        letter-spacing: 0em;

        text-align: left;

        margin: 0;

        font-size: 15px;

        line-height: 18px;

    }

    .pilares p{

        font-family: 'Sora';

        font-weight: 400;

        letter-spacing: 0em;

        text-align: left;

        margin-top: 16px;

        font-size: 15px;

        line-height: 18px;

    }

    .estrategias .socios.dos{

        background-image: url('../img/nosotros/bernardo.jpg');

    }

    .somos h3{

        padding-bottom: 8px;

    }

    .somos {

        padding-top: 44px;

        padding-bottom: 24px;

    }

    .estrategias .socios.tres{

        background-image: url('../img/nosotros/gerardo.jpg');

    }

    .colaboradores{

        padding-top: 0;

        padding-bottom: 36px;

    }

    .colaboradores p{

        font-family: 'Sora';

        font-size: 12px;

        font-weight: 400;

        line-height: 15px;

        letter-spacing: 0.03em;

        text-align: left;

    }

    .estrategias.third{

        padding-bottom: 44px;

    }

}

/* #Aviso Privacidad

================================================== */

.header--privacidad{

    padding-top: 34px;

}

.header--privacidad h2{

    font-family: Sora;

    font-size: 40px;

    font-weight: 700;

    line-height: 50px;

    letter-spacing: 0em;

    text-align: left;

    text-transform: uppercase;

}

.header--privacidad span{

    font-family: Sora;

    font-size: 20px;

    font-weight: 400;

    line-height: 25px;

    letter-spacing: 0em;

    text-align: left;

    padding-top: 4px;

}

.content--privacidad{

    padding-top: 120px;

    padding-bottom: 44px;

}

.content--privacidad h3{

    font-family: Sora;

    font-size: 20px;

    font-weight: 600;

    line-height: 25px;

    letter-spacing: 0em;

    text-align: left;

    text-transform: uppercase;

}

.content--privacidad p{

    font-family: Sora;

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    letter-spacing: 0em;

    text-align: left;

    padding-bottom: 24px;

}

@media (max-width: 767px) {

    .header--privacidad{

        padding-top: 14px;

    }

    .header--privacidad h2{

        font-family: Sora;

        font-size: 22px;

        font-weight: 700;

        line-height: 28px;

        letter-spacing: 0em;

        text-align: left;

    }

    .header--privacidad span{

        font-family: Sora;

        font-size: 12px;

        font-weight: 400;

        line-height: 15px;

        letter-spacing: 0em;

        text-align: left;

    }

    .content--privacidad{

        padding-top: 64px;

    }

    .content--privacidad h3{

        font-family: Sora;

        font-size: 18px;

        font-weight: 600;

        line-height: 23px;

        letter-spacing: 0em;

        text-align: left;

        padding-bottom: 12px;

    }

    .content--privacidad p{

        font-family: Sora;

        font-size: 12px;

        font-weight: 400;

        line-height: 15px;

        letter-spacing: 0.03em;

        text-align: left;

        padding-bottom: 24px;

    }

}

/* #Detalle proyecto

================================================== */

.banner--header.banner--project.imagen-background {

    background-image: var(--background-desktop);

}

.banner--header.banner--project{

    height: 336px;

}

.banner--header.banner--project .text--banners {

    width: 54%;

}

.banner--header.banner--project h1{

    font-family: Sora;

    font-size: 32px;

    font-weight: 700;

    line-height: 40px;

    letter-spacing: 0em;

    text-align: left;

    color: #FFFFFF;

    text-transform: uppercase;

}

.banner--header.banner--project p{

    padding-top: 12px;

    padding-bottom: 80px;

}

.info--project{

    padding-top: 80px;

    padding-bottom: 44px;

}

.info--project h3{

    font-family: Sora;

    font-size: 25px;

    font-weight: 600;

    line-height: 32px;

    letter-spacing: 0em;

    text-align: left;

    text-transform: uppercase;

    color: var(--primary-color);

}

.info--project span.link{

    padding-top: 48px;

    display: block;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

    position: relative;

}

.info--project span.link::before{

    content: url(../img/general/icon-arrow-back.svg);

    display: inline-block;

    width: 15px;

    height: auto;

    position: absolute;

    left: 0;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

}

.info--project span.link:hover::before{

    content: url(../img/general/icon-arrow-back-h.svg);

    position: absolute;

    left: -10px;

}



.link--cta .cta{

    padding-top: 48px;

    display: block;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

    position: relative;

}

.link--cta .cta::before{

    content: url(../img/general/icon-arrow-back.svg);

    display: inline-block;

    width: 15px;

    height: auto;

    position: absolute;

    left: 0;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

}

.link--cta .cta.link:hover::before{

    content: url(../img/general/icon-arrow-back-h.svg);

    position: absolute;

    left: -10px;

}







.info--project span>a{

    font-family: Sora;

    font-size: 12px;

    font-weight: 400;

    line-height: 15px;

    letter-spacing: 0em;

    text-align: left;

    text-transform: uppercase;

    color: var(--primary-color);

    margin-left: 21px;

}

.info--project span.link:hover>a{

    color: var(--primary-hover);

}

.info--project p{

    font-family: Sora;

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    letter-spacing: 0em;

    text-align: left;

    color: var(--primary-color);

    padding-bottom: 18px;

}

.info--project p:last-child{

    padding-bottom: 0;

}

.info--project p>span{

    font-weight: 600;

}

.features--project{

    padding-top: 120px;

    padding-bottom: 120px;

}

.features--project h3{

    font-family: Sora;

   font-size: 32px !important;

    font-weight: 600;

    line-height: 32px;

    letter-spacing: 0em;

    text-align: left;

    color: var(--primary-color);

    text-transform: uppercase;

    padding-bottom:8px;



}



.list--none{

    margin: 0;

    list-style: none;

    margin-left:-2rem;

    padding-left:2rem;

    padding-right:2rem;



}

.list--none li{

    font-family: Sora;

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    letter-spacing: 0em;

    text-align: left;

    /*margin-bottom: 12px;*/

  

}



.list--none li span {

    text-transform: uppercase;

}



.list--none li {

    text-transform: math-auto;

}



/*h3 {*/

/*    padding-bottom: 24px;*/

/*}*/

.list--none li:last-child{

    margin-bottom: 0;

}

/*.list--none li span{*/

/*    font-weight: 600;*/

/*    text-transform: uppercase;*/

/*}*/

.related--projects{

    padding-top: 44px;

}

.related--projects.sliders{

    padding-bottom: 80px;

    padding-top: 0;

}

.related--projects h3{

    font-family: Sora;

    font-size: 32px;

    font-weight: 700;

    line-height: 40px;

    letter-spacing: 0em;

    text-align: left;

    color: var(--primary-color);

    text-transform: uppercase;

}

.related--projects p{

    font-family: Sora;

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    letter-spacing: 0em;

    text-align: left;

    color: var(--primary-color);

    margin-bottom: 12px;

}

.slider-x-3.related--projects .background-image-slider {

    min-height: 337px;

}

.slider-x-3.related--projects .slide .titulo {

    margin: 12px 0 6px;

}

.slider-x-3.related--projects .slide small {

    display: block;

    font-family: Sora;

    font-size: 10px;

    font-weight: 400;

    line-height: 13px;

    letter-spacing: 0.03em;

    text-align: left;

    text-transform: uppercase;

    color: var(--primary-color);

    margin-bottom: 12px;

}

.slider-x-3.related--projects .slide .boton-leer-mas {

    font-family: Sora;

    font-size: 10px;

    font-weight: 400;

    line-height: 13px;

    letter-spacing: 0em;

    text-align: left;

    display: flex;

    align-items: center;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

}

.slider-x-3.related--projects .slide .boton-leer-mas img.fecha-negra {

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

}

.slider-x-3.related--projects .slide .boton-leer-mas img.flecha-morada {

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

}

.banner--header.banner--article {

    height: 336px;

}

.banner--header.banner--article.imagen-background {

    background-image: var(--background-desktop);

}

.banner--header.banner--article .text--banners {

    width: 66%;

}

.banner--article h1{

    font-family: Sora;

    font-size: 40px;

    font-weight: 700;

    line-height: 50px;

    letter-spacing: 0em;

    text-align: left; 

    color: #FFFFFF;   

    text-transform: uppercase;

    padding-bottom: 80px;

}

.banner--details--article{

    padding-top: 24px;

    padding-bottom: 64px;

}

.banner--details--article p{

    font-family: Sora;

    font-size: 12px;

    font-weight: 400;

    line-height: 15px;

    letter-spacing: 0.03em;

    text-align: left;

    padding-top: 12px;

    width: 70%;

}

.info--articles {

    padding-top: 80px;

    padding-bottom: 0;

}

.info--articles h3 {

    font-family: Sora;

    font-size: 25px;

    font-weight: 600;

    line-height: 32px;

    letter-spacing: 0em;

    text-align: left;

    text-transform: uppercase;

    color: var(--primary-color);

}

.info--articles span.link {

    padding-top: 48px;

    display: block;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

    position: relative;

}

.info--articles span.link::before {

    content: url(../img/general/icon-arrow-back.svg);

    display: inline-block;

    width: 15px;

    height: auto;

    position: absolute;

    left: 0;

}

.info--articles span.link:hover::before {

    content: url(../img/general/icon-arrow-back-h.svg);

    position: absolute;

    left: -10px;

}

.info--articles span>a {

    font-family: Sora;

    font-size: 12px;

    font-weight: 400;

    line-height: 15px;

    letter-spacing: 0em;

    text-align: left;

    text-transform: uppercase;

    color: var(--primary-color);

    margin-left: 21px;

}

.info--articles span.link:hover>a {

    color: var(--primary-hover);

}

.info--articles p {

    font-family: Sora;

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    letter-spacing: 0em;

    text-align: left;

    color: var(--primary-color);

    padding-bottom: 18px;

}

.info--articles p:last-child {

    padding-bottom: 0;

}

.info--articles.second--row {

    padding-top: 0;

    padding-bottom: 0;

}

.info--articles.second--row .img{

    padding-top: 14px;

    padding-bottom: 32px;

}

.second--row--p p:last-child{

    padding-bottom: 0 !important;

}

.related--projects.articles{

    padding-top: 80px;

}

.subtitulos{

    font-size: 16px;

    line-height: 20.16px;

    font-weight: 700;

     text-transform: uppercase;

     padding-top: 10px;

     margin-bottom:10px;

}

.s_parrafo

{

    font-size: 14px;

    line-height: 20.16px;

}

@media (max-width: 767px) {

    

.subtitulos{

    font-size: 12px;

    line-height: 17px;

    padding: 10px 0;

     margin-bottom:0px;

}

#flecha-subtitulo::after{

     content: url('../img/general/right.svg');
     position: absolute;
     right: 15px;
     

}



.s_parrafo

{

    font-size: 12px;

    line-height: 17px;

}

    .banner--header.banner--project{

        height: 398px;

    }

    .banner--header.banner--project.imagen-background {

        background-image: var(--background-movil);

    }

    .banner--header.banner--project .text--banners {

        width: 70%;

    }

    .banner--header.banner--project h1{

        font-family: Sora;

        font-size: 18px;

        font-weight: 700;

        line-height: 23px;

        letter-spacing: 0em;

        text-align: left;

        text-transform: uppercase;

    }

    .banner--header.banner--project p{

        font-size: 12px;

        line-height: 15px;

        padding-top: 8px;

        padding-bottom: 20px;

        margin: 0;

        width: 100%;

    }

    .info--project{

        padding-top: 32px;

    }

    .info--project h3 {

        font-size: 18px;

        line-height: 23px;

        letter-spacing: 0em;

    }

    .info--project span.link {

        padding-top: 16px;

        padding-bottom: 32px;

    }

    .info--project span>a {

        font-size: 8px;

        font-weight: 400;

        line-height: 10px;

        letter-spacing: 0em;

    }

    .info--project span.link::before {

        margin-top: 2px;

    }

    .info--project p {

        font-size: 12px;

        font-weight: 400;

        line-height: 15px;

        letter-spacing: 0em;

        text-align: left;

        padding-bottom: 18px;

    }

    .info--project p>span{

        font-weight: 600;

    }

    .features--project h3{

        font-size: 16px !important;

        font-weight: 600;

        line-height: 23px;

        padding-bottom: 0px;

    }

    

    .features--project{

        padding-top: 24px;

        padding-bottom: 24px;

    }

    .s_parrafo

    {

        padding-bottom: 4px;

       

    }

    #flecha-parrafo{

        display:none;

    }



    .list--none {

        margin-top: 12px;

        line-height: normal;

    }

    .list--none li{

        font-size: 12px;

        line-height: 15px;

        margin-bottom: 0px;

    }

    .related--projects h3 {

        font-size: 18px;

        font-weight: 700;

        line-height: 23px;

        letter-spacing: 0em;

    }

    .related--projects p {

        font-size: 10px;

        font-weight: 400;

        line-height: 13px;

        letter-spacing: 0em;

        margin-top: 8px;

    }

    .slider-x-3.related--projects .background-image-slider {

        min-height: 180px;

    }

    .slider-x-3.related--projects .slide small {

        font-family: Sora;

        font-size: 10px;

        font-weight: 400;

        line-height: 13px;

        letter-spacing: 0.03em;

        text-align: left;

        margin-bottom: 8px;

    }

    .slider-x-3.related--projects .slide .boton-leer-mas {

        font-family: Sora;

        font-size: 10px;

        font-weight: 400;

        line-height: 13px;

        letter-spacing: 0em;

        text-align: left;

    }

    .slider-x-3.related--projects .slide .titulo {

        margin-bottom: 0;

        font-family: Sora;

        font-size: 12px;

        font-weight: 600;

        line-height: 15px;

        letter-spacing: 0em;

        text-align: left;     

        margin:8px 0;     

    }

    .related--projects.sliders {

        padding-bottom: 44px;

    }

    .info--articles {

        padding-top: 32px;

    }

    .banner--header.banner--article.imagen-background {

        background-image: var(--background-movil);

    }

    .banner--header.banner--article {

        height: 398px;

    }

    .banner--header.banner--article .text--banners {

        width: 100%;

    }

    .banner--header.banner--article h1{

        font-family: Sora;

        font-size: 24px;

        font-weight: 700;

        line-height: 28px;

        letter-spacing: 0em;

        text-align: left;

        padding-bottom: 20px;

    }

    .banner--details--article{

        padding-top: 24px;

        padding-bottom: 40px;

    }

    .banner--details--article p{

        font-family: Sora;

        font-size: 10px;

        font-weight: 400;

        line-height: 13px;

        letter-spacing: 0.03em;

        text-align: left;

        width: 100%;

    }

    .info--articles h3 {

        font-size: 20px;

        line-height: 23px;

        letter-spacing: 0em;

        margin-top: 32px;

    }

    .info--articles span.link {

        padding-top: 16px;

        padding-bottom: 32px;

    }

    .info--articles span.link::before {

        margin-top: 2px;

    }

    .info--articles span.link:hover::before{

        content: url(../img/general/icon-arrow-back-h.svg);

        position: absolute;

        left: -10px;

    }

    .info--articles span>a {

        font-size: 8px;

        font-weight: 400;

        line-height: 10px;

        letter-spacing: 0em;

    }

    .info--articles p {

        font-size: 15px;

        font-weight: 400;

        line-height: 17px;

        letter-spacing: 0em;

        text-align: left;

        padding-bottom: 18px;

    }

    .info--articles {

        padding-top: 0;

    }

    .info--articles.second--row h3{

        padding-bottom: 12px;

    }

    .related--projects.articles{

        padding-top: 40px;

    }

}