@import "bootstrap/dist/css/bootstrap.min.css";
*{
    text-decoration: none !important;
    outline: 0 !important;
}
:root{
    --bs-border-radius-lg: 40px;
}
.row {
    margin: 0 !important;
    padding: 0;
}
body {
    -webkit-font-smoothing: antialiased;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;;

}
.desktop{
    display: block;
}
.responsive{
    display: none;
}
.bold {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
.light {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.medium {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.container-in {
    max-width: 1280px;
    margin: 0 auto;
}
.headerContent {
    position: relative;
    padding: 30px 0 20px;
    border-bottom: 1px solid #cacaca;
}
.headerContent .logo {
    width: 20%;
}
.headerContent .logo img{
    width: 120px;
}
.headerContent .headerBody {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.headerContent .headerBody .elements{
    width: 100%;
    position: relative;
}
.headerContent .headerBody .elements ul {
    position: relative;
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style: none;
    align-items: center;
}
.headerContent .headerBody .elements ul li.itempr{
    font-size: 14px;
}
.headerContent .headerBody .elements ul li.itempr a{
    color: #7c8a88;
    transition: all 0.3s;
    padding: 5px;
    border: 1px solid transparent;
}
.headerContent .headerBody .elements ul li.itempr a:hover{
    color: #977c6a;
    transition: all 0.3s;
    border: 1px solid #977c6a;
    padding: 5px;
}
.headerContent .headerBody .elements ul li.itemsec {
    background: #977c6a;
    font-size: 14px;
}
.headerContent .headerBody .elements ul li.itemsec a{
    color: #fff;
    transition: all 0.3s;
    display: block;
    padding: 7px 25px;
}
.footerContent {
    padding: 0 0 20px;
}
.footerTopLeft p {
    font-size: 14px;
    margin: 5px 0;
}
.footerTopLeft p a {
    color: #7c8a88;
    transition: all 0.3s;
}
.footerTopLeft p a:hover {
    color: #000;
    transition: all 0.3s;
}
.footerTopRight {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 50%;
    justify-content: end;
}
.socialIcon {
    width: 30px;
    margin: 0 0 0 5px;
    background: #717f7d;
    border-radius: 30px;
    height: 30px;
    transition: all 0.3s;
}
.socialIcon:hover{
    border-radius: 0px;
    transition: all 0.3s;
}
.socialIcon img{
    width: 100%;
}
.footerTop {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 50px;
}
.footerTopLeft {
    width: 50%;
}
.footerBottomLeft p {
    font-size: 14px;
    margin: 5px 0;
    color: #7c8a88;
}
.footerBottomLeft {
    border-top: 1px solid #9b7c6b;
    padding: 20px 0 0;
}
.footerBottomRight {
    border-top: 1px solid #9b7c6b;
    padding: 20px 0 0;
}
.footerBottomRight p {
    font-size: 14px;
    margin: 5px 0;
}
.footerBottomRight p a {
    color: #7c8a88;
    transition: all 0.3s;
}
.footerBottomRight p a:hover {
    color: #000;
    transition: all 0.3s;
}
.footerBottom {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem; 
}
.footerBottomLeft,
.footerBottomCenter,
.footerBottomRight {
    flex: 1;
    text-align: center;
}
.footerBottomLeft {
    text-align: left;
}
.footerBottomCenter {
    text-align: center;
}
.footerBottomRight {
    text-align: right;
}
.footerBottomCenter img{
    width: 85px;
}
section.coverHome {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 46.25%;
}
.coverHomeCta {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.coverHomeCta h1{
    font-size: 36px;
    color: #707f7d;
    line-height: 1;
    width: 370px;
    margin: 10px 0;
}
.coverHomeCta p{
    font-size: 16px;
    color: #717f7d;
    width: 360px;
}
.coverHomeCta a{
    background: #977c6a;
    padding: 15px 25px;
    font-size: 16px;
    width: 150px;
    text-align: center;
    color: #fff;
    transition: all 0.3s;
    border-radius: 10px;
}
.coverHomeCta a:hover{
    transition: all 0.3s;
    border-radius: 0px;
}
.colorsBar{
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
}
.colorsBar .color:nth-child(1) {
    background: #707f7d;
    width: 100%;
    height: auto;
}
.colorsBar .color:nth-child(2) {
    background: #869291;
    width: 100%;
    height: auto;
}
.colorsBar .color:nth-child(3) {
    background: #b0b6b6;
    width: 100%;
    height: auto;
}
.colorsBar .color:nth-child(4) {
    background: #dadfdd;
    width: 100%;
    height: auto;
}
section.servicesHome {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: auto;
}
.alignVertical{
    align-items: center;
}
.coverServicesHome {
    width: 100%;
}
.coverServicesHome img{
    width: 100%;
}
.servicesHome .col-md-4{
    padding: 0 !important;
}
.servicesHomeInfo {
    width: 100%;
    padding: 0 70px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.servicesHomeInfo h1{
    font-size: 36px;
    color: #707f7d;
    line-height: 1;
    width: 390px;
    margin: 20px 0px;
}
.servicesHomeInfo p {
    font-size: 16px;
    color: #717f7d;
    width: 640px;
    text-align: justify;
}
.servicesHomeInfo a{
    background: #977c6a;
    padding: 15px 25px;
    font-size: 16px;
    width: 150px;
    text-align: center;
    color: #fff;
    transition: all 0.3s;
    border-radius: 10px;
}
.servicesHomeInfo a:hover{
    transition: all 0.3s;
    border-radius: 0px;
}
section.expertiseBanner {
    background: #9b7c6b;
    position: relative;
    padding: 50px 0;
}
.expertiseBannerContent {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: center;
    position: relative;
}
.expertiseLogo {
    width: 220px;
    padding: 0px 30px;
    border-right: 1px solid #fff;
    margin: 30px 30px;
}
.expertiseLogo img{
    width: 100%;
}
.expertiseCta h1 {
    font-size: 36px;
    color: #fff;
    margin: 0;
}
section.processBanner {
    position: relative;
    width: 100%;
}
.processBannerImg {
    width: 100%;
    position: relative;
}
.processBannerImg img{
    width: 100%;
}
.processCta {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.processCta h1 {
    color: #fff;
    font-size: 36px;
}
.processCta a {
    background: #fff;
    padding: 15px 25px;
    font-size: 16px;
    width: 190px;
    text-align: center;
    color: #977c6a;
    transition: all 0.3s;
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.processCta a:hover{
    transition: all 0.3s;
    border-radius: 0px;
}
section.solucionesHome {
    padding: 100px 0;
    background: #dadfdd;
}
.solucionesHome h1 {
    font-size: 36px;
    color: #707f7d;
    line-height: 1;
    width: 60%;
    margin: 20px auto 50px;
    text-align: center;
}
.horizontalAlign {
    justify-content: center;
}
.solucionesHome .solucionItem{
    background: #fff;
    border-radius: 10px;
    height: auto;
    padding: 15px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.solucionesHome .solucionItem p {
    font-size: 16px;
    color: #717f7d;
    transition: all 0.3s;
    line-height: 15px;
}
.solucionesHome .btn-ver-mas {
    border: 1px solid #717f7d;
    font-size: 14px;
    color: #717f7d;
}
.solucionesHome .solucionItem:hover{
    background: #717f7d;
    transition: all 0.3s;
}
.solucionesHome .solucionItem:hover p{
    color: #fff;
    transition: all 0.3s;
}
.solucionesHome .solucionItem:hover a{
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
}
.solucionesHome .solucionItem svg path{
    fill: #717f7d !important;
    transition: all 0.3s;
}
.solucionesHome .solucionItem:hover svg path{
    fill: #fff !important;
    transition: all 0.3s;
}
.solucionesHome .solucionItem svg {
    width: 60px;
    margin: 0;
}
.solucionesHome .solucionItem img {
    width: 60px;
    margin: 0;
}
.headerContent .headerBody .elements ul li.itempr.active a {
    color: #977c6a;
    transition: all 0.3s;
    border: 1px solid #977c6a;
    padding: 5px;
}
section.individualPrimerSeccion {
    background: #707f7d;
}
.individualPrimerSeccionInfo {
    width: 100%;
    padding: 0 70px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.individualPrimerSeccion .col-md-4{
    padding: 0!important;
}
.individualPrimerSeccion .col-md-8{
    padding: 0!important;
}
.individualPrimerSeccionInfo h1 {
    font-size: 36px;
    color: #fff;
    line-height: 1;
    width: 390px;
    margin: 20px 0px;
}
.individualPrimerSeccionInfo p {
    font-size: 16px;
    color: #fff;
    width: 730px;
    text-align: justify;
}
.individualPrimerSeccionInfo a {
    background: #fff;
    padding: 15px 25px;
    font-size: 16px;
    width: 150px;
    text-align: center;
    color: #707f7d;
    transition: all 0.3s;
    border-radius: 10px;
}
.individualPrimerSeccionInfo a:hover {
    transition: all 0.3s;
    border-radius: 0px;
}


.individualSegundaSeccionInfo {
    width: 100%;
    padding: 0 70px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.individualSegundaSeccion .col-md-4{
    padding: 0!important;
}
.individualSegundaSeccion .col-md-8{
    padding: 0!important;
}
.individualSegundaSeccionInfo h1 {
    font-size: 36px;
    color: #707f7d;
    line-height: 1;
    width: 100%;
    margin: 0;
}
.individualSegundaSeccionInfo p {
    font-size: 16px;
    color: #707f7d;
    width: 80%;
    text-align: justify;
    margin-left: 50px;
}
.individualSegundaSeccionInfo .btnsContent .termsheet a {
    background: #977c6a;
    padding: 15px 25px;
    font-size: 16px;
    width: 150px;
    text-align: center;
    color: #fff;
    transition: all 0.3s;
    border-radius: 10px;
    display: block;
    margin-right:20px
}
.individualSegundaSeccionInfo .btnsContent .solicitaAqui a {
    background: #707f7d;
    padding: 15px 25px;
    font-size: 16px;
    width: 150px;
    text-align: center;
    color: #fff;
    transition: all 0.3s;
    border-radius: 10px;
    display: block;
    margin-right:20px
}
.individualSegundaSeccionInfo .btnsContent a:hover {
    transition: all 0.3s;
    border-radius: 0px;
}
.titleSection {
    position: relative;
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
}
.titleSection .itemTitleSection span{
    width: 15px;
    position: relative;
    display: block;
    margin: 0 30px 0 0;
}
.titleSection .itemTitleSection span img{
    width: 100%;
}
.btnsContent {
    position: relative;
    display: flex;
    padding: 10px 50px;
}
.individualTerceraSeccion {
    background: #707f7d;
    padding: 50px;
}
.itemsTerceraSeccionContent {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.itemTerceraSeccion {
    flex: 1;
    min-width: 0;
    position: relative;
    height: 110px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.itemTerceraSeccion .text-center {
    padding: 0px 15px;
}
.itemTerceraSeccion .text-center p{
    font-size: 16px;
    color: #fff;
}
.itemTerceraSeccion:nth-child(1) .text-center p {
    margin: 0 0px 5px 0;
    padding: 0 50px;
    line-height: 15px;
}
.itemTerceraSeccion:nth-child(2) .text-center p {
    margin: 0 0px 5px 0;
    padding: 0 60px;
    line-height: 15px;
}
.itemTerceraSeccion:nth-child(3) .text-center p {
    margin: 0 0px 5px 0;
    padding: 0 30px;
    line-height: 15px;
}
.itemTerceraSeccion:nth-child(4) .text-center p {
    margin: 0 0 5px 0;
    padding: 0 70px;
    line-height: 15px;
}
.itemTerceraSeccion .text-center h2 {
    font-size: 22px;
    color: #fff;
    margin: 0;
}

/* Bordes laterales - solo para elementos que no sean el primero */
.itemTerceraSeccion:not(:first-child) {
    border-left: 1px solid #ccc;
}

.fondoLiquidoProductoEmpresarialItems .itemTerceraSeccion:not(:first-child) {
    border-left: 1px solid #ffffff;
}

.individualCuartaSeccion .individualSegundaSeccionInfo p {
    font-size: 16px;
    color: #707f7d;
    width: 95%;
    text-align: justify;
    margin-left: 50px;
}
.individualCuartaSeccion .individualSegundaSeccionInfo h1 {
    font-size: 36px;
    color: #977c6b;
    line-height: 1;
    width: 100%;
    margin: 0;
}
.individualQuintaSeccion {
    background: #977c6b;
    padding: 50px;
}
section.perfilEmpresarial {
    position: relative;
    width: 100%;
    height: auto;
}
.pLeft {
    position: absolute;
    width: 50%;
    height: 100%;
    background: #707f7d;
    float: left;
}
.pRight {
    position: absolute;
    width: 50%;
    height: 100%;
    background: #977c6a;
    float: left;
    right: 0;
}
.pEmpresarialRow {
    position: relative;
}
.pEmpresarialImg {
    width: 55px;
    margin: 10px 0;
}
.pEmpresarialImg img {
    width: 100%;
}
.pEmpresarialImg svg {
    width: 100%;
}
.pEmpresarialLeft.pEmpresarialContent {
    padding: 50px 50px 50px 0;
    height: 100%;
}
.pEmpresarialLeft{
    background: #707f7d;
}
.pEmpresarialRight{
    background: #977c6a;
}
.pEmpresarialRight.pEmpresarialContent {
    padding: 50px 0 50px 50px;
    height: 100%;
}
.pEmpresarialContent {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pEmpresarialContent svg path{
    fill: #fff !important;
}
.pEmpresarialContent h1{
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px;
}
.pEmpresarialContent p{
    font-size: 16px;
    color: #fff;
    line-height: 20px;
}
.pEmpresarialRow .col-md-6{
    padding: 0 !important;
}
.pEmpresarialContent a{
    background: #fff;
    padding: 15px 25px;
    font-size: 16px;
    width: 150px;
    text-align: center;
    color: #707f7d;
    transition: all 0.3s;
    border-radius: 10px;
    display: block;
}
.pEmpresarialContent a:hover{
    transition: all 0.3s;
    border-radius: 0px;
}
.fondoLiquidoProductoEmpresarial {
    background: #dadfdd;
    border: 1px solid #fff;
}
.fondoLiquidoProductoEmpresarial .individualSegundaSeccionInfo h1 {
    font-size: 36px;
    color: #717f7d;
    line-height: 1;
    width: 70%;
    margin: 0;
}
.fondoLiquidoProductoEmpresarialItems{
    background: #dadfdd;
    padding: 50px;
}
.fondoLiquidoProductoEmpresarialItems .itemTerceraSeccion .text-center h2 {
    font-size: 22px;
    color: #717f7d;
    margin: 0;
}
.fondoLiquidoProductoEmpresarialItems .itemTerceraSeccion .text-center p {
    font-size: 16px;
    color: #717f7d;
}
.fondoLiquidoDolaresEmpresarial {
    background: #977c6b;
    border: 1px solid #fff;
}
.fondoLiquidoDolaresEmpresarial .individualSegundaSeccionInfo h1 {
    font-size: 36px;
    color: #fff;
    line-height: 1;
    width: 70%;
    margin: 0;
}
.fondoLiquidoDolaresEmpresarial .individualSegundaSeccionInfo p {
    font-size: 16px;
    color: #fff;
    width: 95%;
    text-align: justify;
    margin-left: 50px;
}
.fondoLiquidoDolaresEmpresarial .btnsContent .solicitaAqui a {
    background: #ffffff;
    padding: 15px 25px;
    font-size: 16px;
    width: 150px;
    text-align: center;
    color: #977c6b;
    transition: all 0.3s;
    border-radius: 10px;
    display: block;
    margin-right: 20px;
}
.fondoLiquidoDolaresEmpresarial .btnsContent .solicitaAqui a:hover{
    transition: all 0.3s;
    border-radius: 0px;
}
.fondoLiquidoDolaresEmpresarial .btnsContent .termsheet a {
    background: #ffffff;
    padding: 15px 25px;
    font-size: 16px;
    width: 150px;
    text-align: center;
    color: #977c6b;
    transition: all 0.3s;
    border-radius: 10px;
    display: block;
    margin-right: 20px;
}
.fondoLiquidoDolaresEmpresarial .btnsContent .termsheet a:hover{
    transition: all 0.3s;
    border-radius: 0px;
}
section.fondosDeInversion {
    background: #fff;
    padding: 100px 0;
    position: relative;
}
.fondosContentLeft h1{
    font-size: 36px;
    color: #717f7d;
    line-height: 1;
    margin: 0 0 30px;
}
.fondosContentLeft p{
    font-size: 16px;
    color: #717f7d;
    width: 70%;
}
.fondosItem {
    padding: 0 18px;
    position: relative;
    height: 100%;
}
.fondosItem .imgFondosItem {
    width: 55px;
}
.fondosItem .imgFondosItem img{
    width: 100%;
}
.fondosItem .textFondosItem h2{
    font-size: 16px;
    color: #717f7d;
    width: 60%;
}
.fondosItem .textFondosItem p{
    font-size: 16px;
    color: #717f7d;
    line-height: 17px;
}

.col-md-4:nth-child(2) .fondosItem {
    border-left: 1px solid #cfd4d3;
    border-right: 1px solid #cfd4d3;
}
.fondosDeInversionContent .col-md-6 {
    padding: 0 !important;
}
.fondosDeInversionContent .col-md-4 {
    padding: 0 !important;
}
.fondosContentRight{
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid #cfd4d3;
    padding: 0 0 0 50px;
}
.fondosContentRight p{
    font-size: 16px;
    color: #717f7d;
}
.fondosContentRight a{
    background: #707f7d;
    padding: 15px 25px;
    font-size: 16px;
    width: 150px;
    text-align: center;
    color: #fff;
    transition: all 0.3s;
    border-radius: 10px;
    display: block;
    margin-right: 20px;
}
.fondosContentRight a:hover{
    transition: all 0.3s;
    border-radius: 0px;
}
section.ServiciosUno {
    position: relative;
    width: 100%;
}
.ServiciosUno .coverServicios{
    position: relative;
    width: 100%;
}
.ServiciosUno .coverServicios img{
    width:100%;
}
.serviciosCoverContent {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    top: 0;
}
.serviciosCoverContent h1{
    font-size: 36px;
    color: #fff;
}
section.ctaCoverServicios {
    background: #dadfdd;
    padding: 20px 0;
    width: 100%;
}
.ctaCoverServiciosContent {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.ctaCoverServiciosContent p{
    font-size: 16px;
    color: #707f7d;
    margin: 0 40px;
}
.ctaCoverServiciosContent a{
    background: #707f7d;
    padding: 15px 25px;
    font-size: 16px;
    width: 150px;
    text-align: center;
    color: #fff;
    transition: all 0.3s;
    border-radius: 10px;
    display: block;
    margin-right: 20px;
}
.ctaCoverServiciosContent a:hover{
    transition: all 0.3s;
    border-radius: 0px;
}
section.EmisionesDeDeuda {
    position: relative;
    width: 100%;
    padding: 70px 100px;
}
.EmisionesDeDeuda .titleEmisionesDeDeuda h1 {
    font-size: 36px;
    color: #717f7d;
}
.EmisionesDeDeuda .textEmisionesDeDeuda p {
    font-size: 16px;
    color: #717f7d;
    text-align: justify;
}
.itemEmisionesDeDeudaImg{
    width: 50px;
}
.itemEmisionesDeDeudaImg img{
    width: 100%;
}
.itemEmisionesDeDeudaImg svg{
    width: 100%;
}
.itemEmisionesDeDeudaContent {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: auto;
    margin: 30px 0;
}
.itemEmisionesDeDeudaText p{
    margin: 0;
    font-size: 16px;
    color: #727f7d;
}
.itemEmisionesDeDeudaText {
    width: 90%;
    margin-left: 20px;
}
.contentEmisionesDeDeuda .row .col-md-6:nth-child(2){
    border-left: 1px solid #cfd4d3;
}
section.servicesEstructuracion {
    position: relative;
    width: 100%;
}
.servicesEstructuracionContent {
    padding: 50px 50px;
    background: #dadfdd;
}
.servicesEstructuracion .servicesEstructuracionContent .servicesEstructuracionContentTitle h1{
    font-size: 36px;
    color: #717f7d;
}
.servicesEstructuracion .servicesEstructuracionContent .servicesEstructuracionContentText p{
    font-size: 16px;
    color: #717f7d;
    text-align: justify;
}    
.estructuracionContentRow .itemEmisionesDeDeudaText {
    margin-top: 10px;
    margin-left: 0;
    text-align: justify;
}
section.asesoriaServices {
    padding: 70px 100px;
    position: relative;
    width: 100%;
}
.asesoriaServices .titleAsesoriaServices h1 {
    font-size: 36px;
    color: #717f7d;
}
.asesoriaServices .textAsesoriaServices p {
    font-size: 16px;
    color: #717f7d;
    text-align: justify;
}
section.bonosReportes {
    position: relative;
    width: 100%;
    padding: 0 0 50px 0;
}
.bonosReportes .bonosReportesContentRow .row .col-md-6 {
    padding: 0 !important;
}
.bonosContent {
    background: #b0b6b6;
    padding: 60px;
    height: 100%;
}
.reportesContent {
    background: #707f7d;
    padding: 60px;
}
.bonosContent p{
    font-size: 16px;
    margin: 0 !important;
    color: #fff;
    text-align: justify;
}
.bonosContent h1{
    font-size: 36px;
    color: #fff;
}
.reportesContent p{
    font-size: 16px;
    margin: 0 !important;
    color: #fff;
    text-align: justify;
}
.reportesContent h1{
    font-size: 36px;
    color: #fff;
}
.listBono ul li::marker {
    color: #fff;
}
section.ctaConoceMas {
    background: #dadfdd;
    padding: 20px 0;
    width: 100%;
}
.ctaConoceMasContent {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.ctaConoceMasContent p {
    font-size: 16px;
    color: #707f7d;
    margin: 0 40px;
}
.ctaConoceMasContent a {
    background: #707f7d;
    padding: 15px 25px;
    font-size: 16px;
    width: 150px;
    text-align: center;
    color: #fff;
    transition: all 0.3s;
    border-radius: 10px;
    display: block;
    margin-right: 20px;
}
.ctaConoceMasContent a:hover {
    transition: all 0.3s;
    border-radius: 0px;
}
.backToTop {
    position: fixed;
    width: 70px;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.3s;
}
.backToTop img{
    width: 100%;
}
.backToTop.show {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
    z-index: 9999;
}
section.nosotrosCover {
    position: relative;
    width: 100%;
}
.nosotrosCover .row .col-md-4, .nosotrosCover .row .col-md-8{
    padding: 0!important;
}
.nosotrosImgCover {
    width: 100%;
}
.nosotrosImgCover img{
    width: 100%;
}
.nosotrosContent {
    padding: 80px;
}
.nosotrosContent h1{
    font-size: 34px;
    color: #717f7d;
    width: 70%;
}
.nosotrosContent p.textTop {
    font-size: 18px;
    color: #977c6b;
    width: 75%;
    text-align: left;
}
.nosotrosContent p {
    color: #717f7d;
    font-size: 16px;
    text-align: justify;
}
section.consejoTeam {
    background: #dadfdd;
    padding: 100px 0;
}
.consejoTeamTitle {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}
.consejoTeamTitle img {
    width: 15px;
    position: relative;
    display: block;
    margin: 0 0 0 30px;
}
.consejoTeamTitle h1{
    font-size: 36px;
    color: #707f7d;
    line-height: 1;
    width: 100%;
    margin: 0;
}
.consejoTeamInfo {
    padding: 60px 0;
}
.consejoTeamInfo .titleConsejoName h1{
    width: 80%;
    padding: 20px;
    font-size: 36px;
    line-height: 35px;
    color: #fff;
}
.titleConsejoName {
    width: 80%;
    height: 200px;
    position: relative;
    background: #717f7d;
    display: flex;
    align-items: flex-end;
    margin: auto;
}
.consejoTeamInfo .col-md-12, .consejoTeamInfo .col-md-3, .consejoTeamInfo .col-md-9{
    padding: 0!important;
}
.consejoItemBack {
    padding: 40px 20px;
    background: transparent;
}
.consejoTeamInfo .col-md-12:nth-child(2) .consejoItemBack{
    background: #fff;
}
.consejoTeamInfo .col-md-12:nth-child(2) .titleConsejoName {
    background: #dadfdd;
}

.consejoTeamInfo .col-md-12:nth-child(2) .titleConsejoName h1{
    color: #717f7d;
}
.consejoTeamInfo .consejoItemBack p{
    font-size: 16px;
    color: #717f7d;
    margin: 0;
}
.comiteInversiones .row .col-md-4,.comiteInversiones .row .col-md-8{
    padding: 0!important;
} 
.comiteCover {
    width: 100%;
}
.comiteCover img{
    width: 100%;
}
.comiteTitle {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.comiteTitle h1 {
    font-size: 36px;
    color: #707f7d;
    line-height: 1;
    width: 100%;
    margin: 0;
}
.comiteTitle img {
    width: 15px;
    position: relative;
    display: block;
    margin: 0 0 0 30px;
}
.comitePermanenteContent {
    width: 100%;
    padding: 0 70px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.comiteContentText {
    padding: 20px 0;
}
.comiteContentText p{
    font-size: 16px;
    color: #717f7d;
    margin: 0;
}
.miembrosPermanentes p{
    font-size: 16px;
    color: #717f7d;
    margin: 0;
}
.miembrosPermanentes ul li::marker {
    color: #717f7d;
}
.miembrosPermanentes ul li p{
    font-size: 16px;
    color: #717f7d;
    margin: 0;
}
.miembrosPermanentes ul{
    padding: 10px 20px !important;
}
section.coverInformacionPublica {
    position: relative;
    width: 100%;
}
.coverInformacionPublica .coverImg {
    position: relative;
    width: 100%;
}
.coverInformacionPublica .coverImg img{
    width: 100%;
}
.coverInformacionPublica .titleCover {
    position: absolute;
    top: 0;
    z-index: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}
.coverInformacionPublica .titleCover h1{
    color: #fff;
    font-size: 36px;
}
section.informacionPublicaContent {
    padding: 80px 0;
    text-align: center;
}
.informacionPublicaBody {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.informacionPublicaBody p{
    margin: 10px;
    color: #717f7d;
    font-size: 16px;
}
.informacionPublicaBody a{
    margin: 10px;
    color: #717f7d;
    font-size: 16px;
    transition: all 0.3s;
    text-decoration: underline!important;
}
.informacionPublicaBody a:hover{
    color: #9b7c6b;
    transition: all 0.3s;
}
section.contactCover {
    padding: 60px 0 10px;
}
.contactCoverContent {
    position: relative;
    width: 100%;
    background: #717f7d;
    text-align: center;
    padding: 50px 0;
}
.contactCoverContent h1{
    margin: 0;
    font-size: 36px;
    color: #fff;
}
.contactCoverContent p {
    font-size: 16px;
    color: #fff;
    width: 50%;
    margin: auto;
    line-height: 15px;
}
.contactFormContent {
    border: 1px solid #e3e3e3;
    padding: 50px;
}
.contactFormTitle {
    margin-bottom: 0px;
}
.contactFormTitle h1{
    font-size: 26px;
    color: #717f7d;
}
.formBody label{
    width: 100%;
    font-size: 16px;
    color: #717f7d;
    margin-top: 20px;
}
.formBody input{
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
    padding: 5px 0px;
    color: #717f7d;
}
.formBody textarea{
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
    padding: 5px 20px;
    height: 35px;
    resize: none;
    color: #717f7d;
}
.contactInfoPrincipal{
    margin-bottom: 50px;
}
.interesContentOptions {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}
.optionItem {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
}
.optionItem input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.optionItem label {
    position: relative;
    padding-left: 50px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 0;
}

.optionItem label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    background-color: white;
    transition: all 0.3s;
}

.optionItem label:hover::before {
    border-color: #717f7d;
    transition: all 0.3s;
}

/* Estado checked */
.optionItem input[type="checkbox"]:checked + label::before {
    background-color: #717f7d;
    border-color: #717f7d;
}

/* Check mark */
.optionItem input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 14px;
    font-weight: bold;
}

/* Focus para accesibilidad */
.optionItem input[type="checkbox"]:focus + label::before {
    box-shadow: 0 0 0 1px #717f7d;
}
.contactFormTitlePerfil p{
    color: #717f7d;
    font-size: 16px;
}
.perfilInversion {
    padding: 20px;
    border: 1px solid #e3e3e3;
}
.perfilInversion .optionItem {
    margin-bottom: 20px;
}
.solucionInversion {
    padding: 20px;
    border: 1px solid #e3e3e3;
}
.solucionInversion .optionItem {
    width: 250px;
    margin-bottom: 20px;
}
.interesPerfilContent {
    margin-bottom: 40px;
}
.interesContent .contactFormTitle h1 {
    font-size: 26px;
    color: #717f7d;
    margin-bottom: 30px;
}
.btnSendForm {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0 20px;
}
.btnSendForm #btnEnviar {
    width: 110px;
    border-radius: 5px;
    box-shadow: none;
    border: none;
    color: #fff;
    background: #9b7c6b;
    font-size: 16px;
    transition: all 0.3s;
}
.btnSendForm #btnEnviar:hover {
    border-radius: 0px;
    transition: all 0.3s;
}
.interesPerfilContent .col-md-8{
    border-left: 1px solid #e3e3e3;
}
/* MENU RESPONSIVE */
.container {
    max-width: 1050px;
    width: 90%;
    margin: auto;
  }
  
  .navbar {
    width: 100%;
    box-shadow: 0 1px 4px rgb(146 161 176 / 15%);
    z-index: 99999999;
  }
  
  .nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 62px;
  }
  
  .navbar .menu-items {
    display: flex;
  }
  
  .navbar .nav-container li {
    list-style: none;
  }
  
  .navbar .nav-container a {
    text-decoration: none;
    font-size: 14px;
    padding: 0.7rem;
    font-size: 14px;
    color: #717f7d;
}
.menu-items li a.active{
    color: #977c6a;
}
  .nav-container {
    display: block;
    position: relative;
    height: 60px;
  }
  
  .nav-container .checkbox {
    position: absolute;
    display: block;
    height: 32px;
    width: 32px;
    top: 20px;
    left: 20px;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
  }
  
  .nav-container .hamburger-lines {
    display: block;
    height: 25px;
    width: 32px;
    position: absolute;
    top: 17px;
    left: 20px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .nav-container .hamburger-lines .line {
    display: block;
    height: 3px;
    width: 100%;
    border-radius: 0;
    background: #9b7d6a;
}
  
  .nav-container .hamburger-lines .line1 {
    transform-origin: 0% 0%;
    transition: transform 0.4s ease-in-out;
  }
  
  .nav-container .hamburger-lines .line2 {
    transition: transform 0.2s ease-in-out;
  }
  
  .nav-container .hamburger-lines .line3 {
    transform-origin: 0% 100%;
    transition: transform 0.4s ease-in-out;
  }
  
  .navbar .menu-items {
    padding-top: 120px;
    box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
    height: 100vh;
    width: 100%;
    transform: translate(-150%);
    display: flex;
    flex-direction: column;
    margin-left: -70px;
    padding-left: 50px;
    transition: transform 0.5s ease-in-out;
    text-align: center;
    background: #fff;
  }
  
  .navbar .menu-items li {
    margin-bottom: 1.2rem;
    font-size: 14px;
  }
  
  .logoResp {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 115px;
    z-index: 999;
}
.logoResp img{
    width: 100%;
}
  
  .nav-container input[type="checkbox"]:checked ~ .menu-items {
    transform: translateX(0);
  }
  
  .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
    transform: rotate(45deg);
  }
  
  .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
    transform: scaleY(0);
  }
  
  .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
    transform: rotate(-45deg);
  }
  
  .nav-container input[type="checkbox"]:checked ~ .logo{
    display: none;
  }
  .__headerResponsive.__menuResponsive{
        position: relative;
        width: 100%;
        z-index: 999999999999;
        height: 80px;
    }

    .__headerResponsive.__menuResponsive nav{
        width: 100%;
        height: 80px;
        background: #fff;
    }
    .__headerResponsive.__menuResponsive{
        display: none;
    }
/* MENU RESPONSIVE */