:root{
    --morado: #144a6b;
    --rojo: #c7212f;
    --naranja: #dea739;
    --azul1: #1c97d4;
    --verde: #5aba47;
    --gris1: #878787;
    --gris2: #b2b2b2;
    --blanco: #fff;
    --negro: #000;
    --konnectR: 'KonnectRegular';
    --konnectB: 'KonnectBold';
    --redHatR: 'RedHatDisplay-Regular';
    --redHatM: 'RedHatDisplay-Medium';
    --redHatEB: 'RedHatDisplay-ExtraBold';
    --redHatEBI: 'RedHatDisplay-ExtraBoldItalic';
    --redHatB: 'RedHatDisplay-Bold';
    --redHatBI: 'RedHatDisplay-BoldItalic';
    --redHatBlc: 'RedHatDisplay-Black';
    --helvet: 'HelveticaNeueLTStd-Blk';
    --openSansSB: 'OpenSans-SemiBold';
    --openSansSBI: 'OpenSans-SemiBoldItalic';
    --openSansR: 'OpenSans-Regular';
    --openSansEB: 'OpenSans-ExtraBold';
    --openSansB: 'OpenSans-Bold';
    --openSansBI: 'OpenSans-BoldItalic';
}

@font-face{
	font-family: 'KonnectRegular';
	src: url(../fonts/KonnectRegular.otf);
}
@font-face{
	font-family: 'KonnectBold';
	src: url(../fonts/KonnectBold.otf);
}
@font-face{
	font-family: 'RedHatDisplay-Regular';
	src: url(../fonts/RedHatDisplay-Regular.ttf) format("truetype");
}
@font-face{
	font-family: 'RedHatDisplay-Medium';
	src: url(../fonts/RedHatDisplay-Medium.ttf) format("truetype");
}
@font-face{
	font-family: 'RedHatDisplay-ExtraBold';
	src: url(../fonts/RedHatDisplay-ExtraBold.ttf) format("truetype");
}
@font-face{
	font-family: 'RedHatDisplay-ExtraBoldItalic';
	src: url(../fonts/RedHatDisplay-ExtraBoldItalic.ttf) format("truetype");
}
@font-face{
	font-family: 'RedHatDisplay-Bold';
	src: url(../fonts/RedHatDisplay-Bold.ttf) format("truetype");
}
@font-face{
	font-family: 'RedHatDisplay-BoldItalic';
	src: url(../fonts/RedHatDisplay-BoldItalic.ttf) format("truetype");
}
@font-face{
	font-family: 'RedHatDisplay-Black';
	src: url(../fonts/RedHatDisplay-Black.ttf) format("truetype");
}
@font-face{
	font-family: 'HelveticaNeueLTStd-Blk';
	src: url(../fonts/HelveticaNeueLTStd-Blk.otf);
}
@font-face{
	font-family: 'OpenSans-SemiBold';
	src: url(../fonts/OpenSans-SemiBold.ttf) format("truetype");
}
@font-face{
	font-family: 'OpenSans-SemiBoldItalic';
	src: url(../fonts/OpenSans-SemiBoldItalic.ttf) format("truetype");
}
@font-face{
	font-family: 'OpenSans-Regular';
	src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
}
@font-face{
	font-family: 'OpenSans-ExtraBold';
	src: url(../fonts/OpenSans-ExtraBold.ttf) format("truetype");
}
@font-face{
	font-family: 'OpenSans-Bold';
	src: url(../fonts/OpenSans-Bold.ttf) format("truetype");
}
@font-face{
	font-family: 'OpenSans-BoldItalic';
	src: url(../fonts/OpenSans-BoldItalic.ttf) format("truetype");
}

#header .header-btn-collapse-nav{
    background: var(--morado);
}
body{
    font-size: 16px;
    font-family: var(--openSansSB);
}

.negro{
    color: var(--negro);
}
.gris2{
    color: var(--gris2);
}
.rojo{
    color: var(--rojo);
}
.naranja{
    color: var(--naranja);
}
.morado{
    color: var(--morado);
}
.pt-60{
    padding-top: 60px;
}
.arrow1{
    background: transparent url(../archivos/icons/arrows-ebca88.png) no-repeat 0 0;
    width: 47px;
    height: 120px;
    display: inline-block;
    position: relative;
}
.arrow2{
    background: transparent url(../archivos/icons/arrows-7292a6.png) no-repeat 0 0;
    width: 47px;
    height: 120px;
    display: inline-block;
    position: relative;
}

html .bg-color-dark, html .bg-dark{
    background: #fff!important;
}
.header-logo img{
    width: 270px;
    height: auto;
}
.headerWhite #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a{
    color: #fff;
}
html.sticky-header-active .headerWhite #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a{
    color: var(--gris1);
}
#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a{
    color: var(--gris1);
}
#header .header-nav.header-nav-links nav > ul li:hover > a{
    color: var(--naranja);
}
#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active{
    color: var(--naranja);
}
.headerWhite #header .header-nav.header-nav-links nav > ul li:hover > a{
    color: var(--naranja);
}
.headerWhite #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active{
    color: var(--naranja);
}
#header .header-nav-main nav > ul > li > a{
    font-size: 15px;
    font-family: var(--redHatB);
    letter-spacing: 0.5px;
    font-weight: normal;
}
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li > a{
    color: var(--gris1);
    font-family: var(--openSansR);
}
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:active > a{
    color: var(--azul1);
    font-family: var(--openSansB);
}
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:hover > a{
    color: var(--azul1);
    font-family: var(--openSansB);
}
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:hover > a,
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:active > a{
    background: #fff;
}
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown li a{
    background: #fff;
}
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu{
    background: #fff;
}
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown li a{
    border-bottom-color: var(--gris2);
}
html.sticky-header-active #header.header-effect-shrink .header-body{
    box-shadow: -1px 0px 15px 0px #000;
}

#visionarioEquipo .overflowVerde1:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--verde);
    mix-blend-mode: multiply;
}
#visionarioEquipo .overflowMorado1:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--morado);
    mix-blend-mode: multiply;
}
#slideHome{
    position: relative;
}
#slideHome .overlaySlide:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.5);
    width: 100%;
    height: 100%;
}
.smallTitleSlide{
    /* white-space: pre-line; */
    text-align: center;
    font-size: 20px!important;
    font-family: var(--openSansSB);
    line-height: normal!important;
    letter-spacing: 0px!important;
    color: var(--morado);
}
.smallTitleSlide span{
    font-family: var(--openSansR);
}
.titleSlide{
    font-size: 70px!important;
    color: var(--rojo);
    font-family: var(--redHatEB);
    line-height: 75px;
}

@media screen and (max-width: 640px){
    .titleSlide{
        font-size: 40px!important;
        line-height: 45px;
    }
}
.titleSlide.naranja{
    color: var(--naranja);
}
.titleSlide.azul{
    color: var(--azul1);
}
.titleSlide.morado{
    color: var(--morado);
}
.titleSlide span{
    color: var(--morado);
}
.titleSlide span.morado{
    color: var(--morado);
}
.titleSlide span.naranja{
    color: var(--naranja);
}
.titleSlide span.rojo{
    color: var(--rojo);
}
.titleSlide span.blanco{
    color: #fff;
}
#slideHome .btn{
    display: table;
    margin: 20px auto 0;
    background-color: var(--verde);
    font-family: var(--openSansSB);
    border: 1px solid var(--verde);
}

#videoHome .content{
    padding-left: 40px;
}
@media screen and (max-width: 640px) {
    #videoHome .content{
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}
#videoHome .title{
    white-space: pre-line;
    color: var(--morado);
    font-family: var(--redHatBlc);
    line-height: normal;
    font-size: 30px;
    letter-spacing: normal;
}
@media screen and (max-width: 640px) {
    #videoHome .title{
        white-space: normal;
    }
}
#videoHome .title span{
    color: var(--rojo);
}
#videoHome .description{
    color: var(--gris1);
    font-family: var(--openSansSB);
}
#videoHome .btn{
    display: table;
    margin: 0 0 0 auto;
    background-color: var(--verde);
    font-family: var(--openSansSB);
    border: 1px solid var(--verde);
}


#objetivosHome{
    /* background: #f6f6f6; */
    background: var(--morado);
    margin-top: -50px;
    padding-top: 70px;
    padding-bottom: 0px;
}
#objetivosHome .title{
    white-space: pre-line;
    color: #fff;
    font-family: var(--redHatBlc);
    line-height: normal;
    font-size: 30px;
    letter-spacing: normal;
}
#objetivosHome .title span{
    color: var(--naranja);
}
#objetivosHome .description{
    color: var(--gris2);
    font-family: var(--openSansSBI);
    font-size: 20px;
}
#objetivosHome .author{
    font-family: var(--openSansEB);
    color: var(--naranja);
    margin-bottom: 0px;
    font-size: 18px;
}
#objetivosHome .company{
    font-family: var(--openSansSB);
    color: var(--azul1);
    font-size: 17px;
}
#objetivosHome .btn{
    display: table;
    margin: 0 0 0 auto;
    background-color: var(--verde);
    font-family: var(--openSansSB);
    border: 1px solid var(--verde);
}
#objetivosHome #boxOdsHome{
    background: #fff;
    padding: 30px 0 70px;
}
#objetivosHome .iconsContent{
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
#objetivosHome .iconsContent a{
    flex: 0 0 20%;
    width: 20%;
    height: auto;
    padding: 10px;
    max-width: 20%;
}
@media screen and (max-width: 640px) {
    #objetivosHome .iconsContent a{
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
}

#leader{
    background: #f6f6f6;
    position: relative;
}
#leader .flexRow{
    display: flex;
    align-items: center;
}
#leader .contImg{
    position: relative;
    height: 600px;
}
@media screen and (max-width: 640px) {
    #leader .contImg{
        height: 400px;
    }
}
#leader .contImg img{
    border: 10px solid #fff;
    filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.5));
}
#leader .contImg .img1{
    max-width: 100%;
    width: 100%;
    width: 300px;
    height: auto;
    position: absolute;
    top: 20%;
    left: 0;
}
#leader .contImg .img2{
    max-width: 100%;
    width: 100%;
    width: 300px;
    height: auto;
    top: 0;
    position: absolute;
    left: 40%;
}
@media screen and (max-width: 640px) {
    #leader .contImg img{
        width: 200px!important;
    }
}
#leader .title{
    white-space: pre-line;
    color: var(--morado);
    font-family: var(--redHatBlc);
    line-height: normal;
    font-size: 30px;
    letter-spacing: normal;
}
#leader .title span{
    color: var(--rojo);
}
#leader .description{
    color: var(--gris1);
    font-size: 25px;
    font-family: var(--konnectR);
}
#leader .textB{
    font-family: var(--konnectR);
    font-size: 20px;
    color: var(--gris1);
}

#typesLeader{
    position: relative;
    background: #fff;
}
@media screen and (max-width: 640px) {
    #typesLeader{
        padding: 0px 0px 40px;
    }
}
#typesLeader .floatImgLeft{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 640px) {
    #typesLeader .floatImgLeft{
        position: relative;
        width: 100%;
        margin-bottom: 25px;
    }
}
#typesLeader .contInfo{
    padding-left: 30px;
}
#typesLeader .title{
    white-space: pre-line;
    color: var(--morado);
    font-family: var(--redHatBlc);
    line-height: normal;
    font-size: 30px;
    letter-spacing: normal;
}
#typesLeader .title span{
    color: var(--rojo);
}
#typesLeader .listLeader{
    margin-bottom: 0;
    padding-left: 15px;
}
#typesLeader .listDescription{
    color: var(--gris1);
    font-family: var(--konnectR);
    font-size: 17px;
}
#typesLeader .listDescription a{
    color: var(--gris1);
    position: relative;
    transition: .5s ease-in-out;
}
#typesLeader .listDescription a:before{
    content: "";
    left: 0;
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    background: var(--verde);
    transition: .5s ease-in-out;
}
#typesLeader .listDescription a:hover:before{
    width: 100%;
    animation: lineFull;
    transition: .5s ease-in-out;
}
@keyframes lineFull{
    0%{width: 0%;}
    100%{width: 100%;}
}
#typesLeader .listDescription a:hover{
    text-decoration: none;
}
#typesLeader .listDescription span{
    color: var(--azul1);
    font-family: var(--konnectB);
}
#typesLeader .listDescription::marker{
    color: var(--verde);
}

#guias{
    position: relative;
    background: #fff;
}
@media screen and (max-width: 640px) {
    #guias{
        padding: 0px 0px 40px;
    }
}
#guias .floatImgRight{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 640px) {
    #guias .floatImgRight{
        position: relative;
        width: 100%;
        margin-bottom: 25px;
    }
}
#guias .contInfo{
    padding-right: 30px;
}
#guias .title{
    white-space: pre-line;
    color: var(--morado);
    font-family: var(--redHatBlc);
    line-height: normal;
    font-size: 30px;
    letter-spacing: normal;
}
#guias .title span{
    color: var(--rojo);
}
#guias .listLeader{
    margin-bottom: 0;
    padding-left: 15px;
}
#guias .listDescription{
    color: var(--gris1);
    font-family: var(--konnectR);
    font-size: 17px;
}
#guias .listDescription span{
    color: var(--azul1);
    font-family: var(--konnectB);
}
#guias .listDescription::marker{
    color: var(--verde);
}
#guias .btn{
    display: table;
    margin: 20px 0 0 0;
    background-color: var(--verde);
    font-family: var(--openSansSB);
    border: 1px solid var(--verde);
}

#micro_influencers{
    position: relative;
    background: #fff;
}
@media screen and (max-width: 640px) {
    #micro_influencers{
        padding: 0px 0px 40px;
    }
}
#micro_influencers .floatImgLeft{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 640px) {
    #micro_influencers .floatImgLeft{
        position: relative;
        width: 100%;
        margin-bottom: 25px;
    }
}
#micro_influencers .contInfo{
    padding-left: 30px;
}
#micro_influencers .title{
    white-space: pre-line;
    color: var(--morado);
    font-family: var(--redHatBlc);
    line-height: normal;
    font-size: 30px;
    letter-spacing: normal;
}
#micro_influencers .title span{
    color: var(--rojo);
}
#micro_influencers .listLeader{
    margin-bottom: 0;
    padding-left: 15px;
}
#micro_influencers .listDescription{
    color: var(--gris1);
    font-family: var(--konnectR);
    font-size: 17px;
}
#micro_influencers .listDescription span{
    color: var(--azul1);
    font-family: var(--konnectB);
}
#micro_influencers .listDescription::marker{
    color: var(--verde);
}
#micro_influencers .btn{
    display: table;
    margin: 20px 0 0 0;
    background-color: var(--verde);
    font-family: var(--openSansSB);
    border: 1px solid var(--verde);
}

#exploradores{
    position: relative;
    background: var(--morado);
}
#exploradores .title{
    white-space: pre-line;
    color: #fff;
    font-family: var(--redHatBlc);
    line-height: normal;
    font-size: 30px;
    letter-spacing: normal;
}
#exploradores .title span{
    color: var(--verde);
}
#exploradores .description{
    color: var(--gris2);
    font-family: var(--konnectR);
    font-size: 17px;
}
#exploradores .listLeader{
    margin-bottom: 0;
    padding-left: 15px;
}
#exploradores .listDescription{
    color: var(--gris1);
    font-family: var(--konnectR);
    font-size: 17px;
}
#exploradores .listDescription span{
    color: var(--azul1);
    font-family: var(--konnectB);
}
#exploradores .listDescription::marker{
    color: var(--verde);
}
#exploradores .btn{
    display: table;
    margin: 20px 0 0 0;
    background-color: var(--verde);
    font-family: var(--openSansSB);
    border: 1px solid var(--verde);
}
#exploradores .contInfo img{
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 30px;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5));
    border-radius: 15px;
}
#exploradores .contInfo .titleBox{
    font-family: var(--openSansEB);
    color: var(--naranja);
    font-size: 21px;
    line-height: normal;
    white-space: pre-line;
    /* min-height: 70px; */
}
#exploradores .contInfo .titleBox span{
    font-family: var(--openSansSB);
    color: #fff;
}
#exploradores .contInfo .descriptionBox{
    font-family: var(--konnectR);
    color: var(--gris2);
    font-size: 17px;
}
#exploradores .btn{
    display: table;
    margin: 20px auto 0;
    background-color: var(--verde);
    font-family: var(--openSansSB);
    border: 1px solid var(--verde);
}

#que-hacemos-home{
    background: #fff;
    padding: 50px 0;
}
#que-hacemos-home .hands{
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width:640px) {
    #que-hacemos-home .hands{
        opacity: .2;
    }

}
#que-hacemos-home .title{
    white-space: pre-line;
    color: var(--morado);
    font-family: var(--redHatBlc);
    line-height: normal;
    font-size: 30px;
    letter-spacing: normal;
}
#que-hacemos-home .title span{
    color: var(--rojo);
}
#que-hacemos-home .description{
    color: var(--gris1);
    font-size: 17px;
    font-family: var(--konnectR);
}
#que-hacemos-home .list p{
    font-family: var(--openSansSBI);
    color: var(--verde);
    margin-bottom: 20px;
    font-size: 20px;
}
#que-hacemos-home .list ul li::marker{
    color: var(--verde);
}
#que-hacemos-home .list ul{
    padding-left: 15px;
}
#que-hacemos-home .list ul li{
    color: var(--gris1);
    font-family: var(--konnectR);
    margin-bottom: 0;
    font-size: 17px;
}
#que-hacemos-home .list ul li span{
    color: var(--azul1);
    font-family: var(--konnectB);
}
#que-hacemos-home .titleBoxColors p{
    font-family: var(--openSansSBI);
    color: var(--verde);
    margin-bottom: 0px;
    line-height: normal;
    font-size: 35px;
    transform: translateY(30px);
}

#boxColors .featured-box-full{
    color: #fff;
    padding: 35px 25px;
}
#boxColors .box1{
    background: var(--rojo);
}
#boxColors .box2{
    background: var(--verde);
}
#boxColors .box3{
    background: var(--azul1);
}
#boxColors .featured-box-full h4{
    font-size: 27px;
    font-family: var(--redHatB);
    letter-spacing: normal;
    margin-top: 25px;
}
#boxColors .featured-box-full img{
    width: 120px;
    height: auto;
}

#callToActionNews{
    background: var(--morado);
}
#callToActionNews .text p{
    color: #fff;
    font-family: var(--redHatR);
    font-size: 23px;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    white-space: pre-line;
}
#callToActionNews .text p span{
    font-family: var(--redHatB);
}
#callToActionNews .text p span.cursive{
    font-family: var(--redHatBI);
}
#callToActionNews .btn{
    display: table;
    margin: 0 0 0 auto;
    background-color: var(--verde);
    font-family: var(--openSansSB);
    border: 1px solid var(--verde);
}

#clientsHome{
    position: relative;
}
#clientsHome .title{
    text-align: left;
    white-space: pre-line;
    color: var(--morado);
    font-family: var(--redHatR);
    line-height: normal;
    font-size: 30px;
    letter-spacing: normal;
}
#clientsHome .title span{
    font-family: var(--redHatBlc);
    color: var(--rojo);
}
@media screen and (max-width: 640px) {
    #clientsHome .owl-item img{
        max-width: 150px;
        margin: 0 auto;
    }
}


#newsletter{
    background: var(--naranja);
}
#newsletter .text p{
    color: #fff;
    font-family: var(--redHatR);
    font-size: 23px;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    white-space: pre-line;
}
#newsletter .text p span{
    font-family: var(--redHatB);
}
#newsletter .text p span.cursive{
    font-family: var(--redHatBI);
}
#newsletter .btn{
    display: table;
    margin: 0 0 0 auto;
    background-color: var(--verde);
    font-family: var(--openSansSB);
    border: 1px solid var(--verde);
}
@media screen and (max-width: 640px) {
    #newsletter .btn{
        margin-top: 0!important;
    }
}
.formNews .content{
    padding: 25px 30px;
}
.formNews .content input{
    border: none;
    border-bottom: 1px solid var(--morado);
    color: var(--gris2);
    outline: none;
    margin-bottom: 15px;
    width: 100%;
    padding: 5px 15px;
    transition: .5s ease-in-out;
}
.formNews .content input:focus{
    border-bottom: 1px solid var(--naranja);
}

.formNews .content .btn-newsletter{
    display: table;
    margin: 0 auto;
    background-color: var(--verde);
    font-family: var(--openSansSB);
    border: 1px solid var(--verde);
    color: #fff;
}

#footer .curved-change:after{
    content: '';
    background-image: url(../archivos/curved-border-purple.svg);
    background-size: 100% 100%;
    background-position: center;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100vw;
    height: 7.2vw;
    z-index: 20;
    filter: drop-shadow(0 -10px 5px rgba(0,0,0,.3));
}
.visionarioChangeFooter #footer .curved-change:after{
    content: '';
    background-image: url(../archivos/curved-border-purple.svg);
    background-size: 100% 100%;
    background-position: center;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100vw;
    height: 7.2vw;
    z-index: 20;
    filter: drop-shadow(0 -10px 5px rgba(0,0,0,.3));
}
.odsChangeFooter #footer .curved-change:after{
    content: '';
    background-image: url(../archivos/curved-border-purple.svg);
    background-size: 100% 100%;
    background-position: center;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100vw;
    height: 7.2vw;
    z-index: 20;
    filter: drop-shadow(0 -10px 5px rgba(0,0,0,.3));
}
.odsChangeFooter #newsletter{
    background: var(--morado);
}
#footer .footer-copyright{
    background: #fff;
    padding-top: 80px;
}
#footer .logoRight{
    width: 140px;
    height: auto;
}
@media screen and (max-width: 640px) {
    #footer .logoRight{
        margin-top: 25px;
    }
}
#footer .rowCopy{
    border-top: 1px solid rgba(0,0,0,.3);
    align-items: center;
    margin-top: 40px;
}
@media screen and (max-width: 640px) {
    #footer .rowCopy{
        flex-direction: column;
    }
}
#footer .title{
    color: #000;
    font-family: var(--redHatBlc);
}
#footer .rowCopy .copyText{
    color: var(--gris2);
    color: #000;
}
.linksFooter li{
    line-height: normal;
    margin-bottom: 10px;
}
.linksFooter li a{
    color: var(--gris1);
    font-family: var(--redHatB);
}
.iconsFooter li{
    margin-right: 10px;
}
.iconsFooter li a{
    background: var(--gris2)!important;
    color: #fff!important;
}
.iconsFooter li a:hover{
    background: var(--naranja)!important;
    color: #fff!important;
}
.logovisionarioFooter img{
    width: 270px;
    height: auto;
}


/* Frase de Inicio */
#fraseInicio{
    padding: 40px 0;
}
#fraseInicio .text{
    margin-top: 0;
    margin-bottom: 28px;
    line-height: normal;
    font-size: 28px;
    white-space: pre-line;
    text-align: right;
}
#fraseInicio .text .morado{
    color: var(--morado);
    font-family: var(--redHatBlc);
}
#fraseInicio .text .rojo{
    color: var(--rojo);
    font-family: var(--redHatBlc);
}
#fraseInicio .text .gris1{
    color: var(--gris1);
    font-family: var(--redHatEBI);
}
#fraseInicio .text .gris2{
    color: var(--gris2);
    font-family: var(--redHatR);
}
#fraseInicio .author{
    color: var(--verde);
    text-align: right;
    font-size: 20px;
    font-family: var(--redHatM);
    margin-bottom: 0;
}

/* Buttons Visionarios */
#buttonsVisionarios .box{
    display: flex;
    justify-content: space-between;
}
#buttonsVisionarios .box a.btn{
    display: table;
    margin: 40px 0;
    font-family: var(--openSansSB);
    color: #fff;  
    transition: .5s ease-in-out;
    font-size: 18px;
}
#buttonsVisionarios .box a.button1{
    background: var(--morado);
    border: 1px solid var(--morado);
}
#buttonsVisionarios .box a.button1:hover{
    background: transparent;
    color: var(--morado);
}
#buttonsVisionarios .box a.button2{
    background: var(--verde);
    border: 1px solid var(--verde);
}
#buttonsVisionarios .box a.button2:hover{
    background: transparent;
    color: var(--verde);
}
#buttonsVisionarios .box a.button3{
    background: var(--rojo);
    border: 1px solid var(--rojo);
}
#buttonsVisionarios .box a.button3:hover{
    background: transparent;
    color: var(--rojo);
}

/* Expertos VIP */
#boxExpertosVIP{
    position: relative;
}
#boxExpertosVIP .title{
    margin: 40px 0;
    white-space: pre-line;
    color: var(--morado);
    font-family: var(--redHatBlc);
    line-height: normal;
    font-size: 30px;
    letter-spacing: normal;
}
#boxExpertosVIP .title span{
    color: var(--rojo);
}
#boxExpertosVIP .author{
    color: #fff;
    font-family: var(--redHatEB);
    font-size: 18px;
    line-height: normal;
    letter-spacing: normal;
}
#boxExpertosVIP .project{
    color: #fff;
    text-transform: none;
    font-size: 15px;
    font-family: var(--redHatEB);
}
#boxExpertosVIP .text{
    color: #fff;
    line-height: normal;
    text-align: justify;
    font-size: 14px;
    font-family: var(--openSansR);
}
#boxExpertosVIP .link{
    color: #fff;
    font-size: 15px;
    background: var(--gris1);
    padding: 5px 20px;
    border-radius: 5px;
    font-family: var(--openSansSB);
    margin-bottom: 2px;
    border-radius: 5px;
    display: inline-block;
}
#boxExpertosVIP .overflow1:before{
    content:"";
    /* background: #265774; */
    background: #306889;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    mix-blend-mode: multiply;
}
#boxExpertosVIP .overflow2:before{
    content:"";
    background: #f945a6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    mix-blend-mode: multiply;
}

/* Description ODS */
#descriptionODS{
    position: relative;
}
#descriptionODS .img_ods{
    border-radius: 15px;
}
#descriptionODS .title{
    font-family: var(--redHatBlc);
    line-height: normal;
    color: var(--morado);
    letter-spacing: normal;
    font-size: 30px;
}
#descriptionODS .title span{
    color: var(--rojo);
}
#descriptionODS .description{
    color: var(--gris1);
    font-family: var(--openSansSB);
    font-size: 18px;
}
#descriptionODS .btn{
    display: table;
    margin: 20px 0 0;
    font-size: 16px;
    background-color: var(--verde);
    border: 1px solid var(--verde);
    color: #fff;
    font-family: var(--openSansB);
}

/* Metas ODS */
.metas_ods{
    position: relative;
    background: #f6f6f6;
    padding: 50px 0;
}
.metas_ods .title{
    font-family: var(--redHatBlc);
    font-size: 55px;
    color: var(--morado);
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 40px;
}
.metas_ods .title span.color1{
    color: var(--rojo);
}
.metas_ods .title span.color2{
    color: var(--naranja);
}
.metas_ods .title span.color3{
    color: var(--azul1);
}
.metas_ods .title span.color4{
    color: var(--verde);
}
.metas_ods .title span.color5{
    color: #DF1683;
}
.metas_ods .percentNumber{
    color: var(--gris2);
    font-size: 35px;
    font-family: var(--redHatB);
}
.metas_ods .titleNumber{
    font-family: var(--redHatB);
    margin-bottom: 5px;
    line-height: normal;
    letter-spacing: normal;
    font-size: 40px;
    text-align: center;
}
.metas_ods .titleNumber.color1{
    color: var(--rojo);
}
.metas_ods .titleNumber.color2{
    color: var(--naranja);
}
.metas_ods .titleNumber.color3{
    color: var(--azul1);
}
.metas_ods .titleNumber.color4{
    color: var(--verde);
}
.metas_ods .titleNumber.color5{
    color: #DF1683;
}
.metas_ods .text{
    color: var(--gris1);
    line-height: normal;
    font-size: 18px;
    text-align: center;
    margin-bottom: 0;
    font-family: var(--openSansR);
}
.metas_ods .circular-bar{
    margin-bottom: 5px;
}
.metas_ods .circular-bar span{
    display: block;
    line-height: 30px;
    position: absolute;
    top: 35%;
    width: 80%;
    left: 10%;
    text-align: center;
}

#objetivosODS{
    /* background: #f6f6f6; */
    background: #fff;
    margin-top: -50px;
    padding-top: 70px;
    padding-bottom: 30px;
}
#objetivosODS .title{
    white-space: pre-line;
    color: var(--morado);
    font-family: var(--redHatBlc);
    line-height: normal;
    font-size: 30px;
    letter-spacing: normal;
}
#objetivosODS .title span{
    color: var(--rojo);
}
#objetivosODS .description{
    color: var(--gris1);
    font-family: var(--openSansSBI);
    font-size: 20px;
}
#objetivosODS .author{
    font-family: var(--openSansEB);
    color: var(--naranja);
    margin-bottom: 0px;
    font-size: 18px;
}
#objetivosODS .company{
    font-family: var(--openSansSB);
    color: var(--azul1);
    font-size: 17px;
}
#objetivosODS .btn{
    display: table;
    margin: 0 0 0 auto;
    background-color: var(--verde);
    font-family: var(--openSansSB);
    border: 1px solid var(--verde);
}
#objetivosODS .iconsContent{
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
#objetivosODS .iconsContent a{
    flex: 0 0 20%;
    width: 20%;
    height: auto;
    padding: 10px;
    max-width: 20%;
}
@media screen and (max-width: 640px) {
    #objetivosODS .iconsContent a{
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
}

/* Visionarios ODS */
#visionarios_ODS{
    position: relative;
    padding: 50px 10px 0;
}
#visionarios_ODS .author{
    color: #fff;
    font-family: var(--redHatEB);
    font-size: 18px;
    line-height: normal;
    letter-spacing: normal;
}
#visionarios_ODS .project{
    color: #fff;
    text-transform: none;
    font-size: 15px;
    font-family: var(--redHatEB);
}
#visionarios_ODS .text{
    color: #fff;
    line-height: normal;
    text-align: justify;
    font-size: 14px;
    font-family: var(--openSansR);
}
#visionarios_ODS .link{
    color: #fff;
    font-size: 15px;
    background: var(--gris1);
    padding: 5px 20px;
    border-radius: 5px;
    font-family: var(--openSansSB);
    margin-bottom: 2px;
    border-radius: 5px;
    display: inline-block;
}
#visionarios_ODS .title{
    font-family: var(--redHatBlc);
    font-size: 55px;
    color: var(--naranja);
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 40px;
}
#visionarios_ODS .title span.color1{
    color: var(--rojo);
}
#visionarios_ODS .title span.color2{
    color: var(--naranja);
}
#visionarios_ODS .title span.color3{
    color: var(--azul1);
}
#visionarios_ODS .title span.color4{
    color: var(--verde);
}
#visionarios_ODS .title span.color5{
    color: #DF1683;
}
#visionarios_ODS .title span.color6{
    color: var(--morado);
}

/* Frase de Inicio Dream Team*/
#fraseInicio_dreamTeam{
    padding: 40px 0;
}
#fraseInicio_dreamTeam .text{
    margin-top: 0;
    margin-bottom: 28px;
    line-height: normal;
    font-size: 16px;
    white-space: pre-line;
    text-align: justify;
    font-family: var(--openSansSB);
    color: var(--gris1);
}
#fraseInicio_dreamTeam .text .morado{
    color: var(--morado);
    font-family: var(--redHatBlc);
}
#fraseInicio_dreamTeam .text .rojo{
    color: var(--rojo);
    font-family: var(--redHatBlc);
}
#fraseInicio_dreamTeam .text .gris1{
    color: var(--gris1);
    font-family: var(--redHatEBI);
}
#fraseInicio_dreamTeam .text .gris2{
    color: var(--gris2);
    font-family: var(--redHatR);
}
#fraseInicio_dreamTeam .author{
    color: var(--verde);
    text-align: right;
    font-size: 20px;
    font-family: var(--redHatM);
    margin-bottom: 0;
}

/* Dream team Person */
#dreamTeamPerson{
    position: relative;
}
#dreamTeamPerson .rowPersons{
    border-top: 5px solid var(--gris2);
    margin: 0 -5px;
}
@media screen and (max-width: 640px) {
    #dreamTeamPerson .rowPersons{
        margin: 0 -10px;
    }
}
#dreamTeamPerson .rowPersons .colBoxPersons:nth-child(4) .contDreamPerson{
    border-right: 5px solid transparent;
}
@media screen and (max-width: 640px) {
    #dreamTeamPerson .rowPersons .colBoxPersons:nth-child(4) .contDreamPerson{
        border-right: 5px solid var(--gris2);
    }
}
#dreamTeamPerson .contDreamPerson{
    /* border: 5px solid var(--gris2); */
    border-bottom: 5px solid var(--gris2);
    border-right: 5px solid var(--gris2);
    min-height: 610px;
}
@media screen and (max-width: 640px) {
    #dreamTeamPerson .contDreamPerson{
        border-left: 5px solid var(--gris2);
        min-height: auto;
    }
}
#dreamTeamPerson .contBx{
    padding: 0 15px 15px;
}

#dreamTeamPerson .contBx .description{
    min-height: 125px;
}

#dreamTeamPerson .title{
    color: var(--morado);
    font-family: var(--redHatEB);
    font-size: 18px;
    line-height: normal;
    letter-spacing: normal;
    border-top: 2px solid var(--gris1);
    border-bottom: 2px solid var(--gris1);
    text-align: center;
    padding: 15px;
}
#dreamTeamPerson .text{
    color: var(--gris1);
    line-height: normal;
    text-align: center;
    font-size: 15px;
    font-family: var(--openSansR);
    margin-bottom: 0!important;
}
#dreamTeamPerson .text a{
    color: var(--gris1);
    font-family: var(--openSansSB);
}
#dreamTeamPerson .text a:hover{
    text-decoration: none;
}
#dreamTeamPerson .socialPersonDreamTeam{
    display: flex;
    justify-content: center;
}
#dreamTeamPerson .socialPersonDreamTeam a{
    margin: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: var(--morado);
    text-align: center;
    border: 1px solid var(--morado);
    transition: .5s ease-in-out;
}
#dreamTeamPerson .socialPersonDreamTeam a:hover{
    color: var(--morado);
    background: transparent;
}

/* Team Person */
.bannerTeam .titleSlide{
    white-space: pre-line;
}
@media screen and (max-width: 640px) {
    .bannerTeam{
        background-position-x: -52%!important;
    }
}

#teamPerson{
    position: relative;
}
#teamPerson .rowPersons{
    border-top: 5px solid var(--gris2);
    margin: 0 -5px;
}
@media screen and (max-width: 640px) {
    #teamPerson .rowPersons{
        margin: 0 -10px;
    }
}
#teamPerson .rowPersons .colBoxPersons:nth-child(4) .contTeamPerson{
    border-right: 5px solid transparent;
}
@media screen and (max-width: 640px) {
    #TeamPerson .rowPersons .colBoxPersons:nth-child(4) .contTeamPerson{
        border-right: 5px solid var(--gris2);
    }
}
#teamPerson .contTeamPerson{
    border-bottom: 5px solid var(--gris2);
    border-right: 5px solid var(--gris2);
    min-height: 610px;
}
@media screen and (max-width: 640px) {
    #teamPerson .contTeamPerson{
        border-left: 5px solid var(--gris2);
        min-height: auto;
    }
}
#teamPerson .contBx{
    padding: 0 15px 15px;
}

#teamPerson .contBx .description{
    min-height: 125px;
}

#teamPerson .title{
    color: var(--morado);
    font-family: var(--redHatEB);
    font-size: 18px;
    line-height: normal;
    letter-spacing: normal;
    border-top: 2px solid var(--gris1);
    border-bottom: 2px solid var(--gris1);
    text-align: center;
    padding: 15px;
}
#teamPerson .text{
    color: var(--gris1);
    line-height: normal;
    text-align: center;
    font-size: 15px;
    font-family: var(--openSansR);
    margin-bottom: 0!important;
}
#teamPerson .text a{
    color: var(--gris1);
    font-family: var(--openSansSB);
}
#teamPerson .text a:hover{
    text-decoration: none;
}
#teamPerson .socialPersonTeam{
    display: flex;
    justify-content: center;
}
#teamPerson .socialPersonTeam a{
    margin: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: var(--morado);
    text-align: center;
    border: 1px solid var(--morado);
    transition: .5s ease-in-out;
}
#teamPerson .socialPersonTeam a:hover{
    color: var(--morado);
    background: transparent;
}