#share-social{
    position: relative;
    z-index: 1;
}
main h1{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.88px;
    color: #000000;
}
main h1 span{
    color: #009345;
}
main h2{
    font-size: 28px;
    font-weight: 600;
    line-height: 1.27;
    letter-spacing: 0.55px;
}
main h3{
    font-size: 22px;
}
main h4{
    font-size: 33px;
}
main p{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.44;
}
main img{
    max-width: 100%;
    height: auto;
}
main strong{
    font-weight: bold;
}
main aside{
    padding-left: 15px;
}
.flex{
    display: flex;
}
.page-center{
    max-width: 1088px;
    margin: auto;
    padding: 0 0;
}
.bg-gris{
    background-color: #f2f2f2;
}
.bg-claro{
    background-color: #f7f7f7;
}
.bg-oscuro{
    background-color: #333333;
}
.col-4{
    width: 33.33%;
}
.col-6{
    width: 50%;
}
.col-8{
    width: 66.66%;
}
.verde{
    background-color: #006b45;
    color:#fff ;
}
.bg-claro h2,
.verde h2,
.verde p{
    color: #fff ;
}
.nosotros h1{
    max-width: 320px;
}
.encabezado{
    padding: 91px 75px 77px;
    max-width: 1336px;
    margin: 0 auto;
    align-items: center;
}
.encabezado .titulo{
    padding-left: 70px;
}
.encabezado h3{
    font-weight: normal;
}
.encabezado p{
    max-width: 468px;
}


/*    estilos nosotros      */
.mision{
    padding-top: 56px;
    text-align: center;
    max-width: 720px;
}
.mision a{
    font-weight: 500;
    font-style: italic;
    color: #009345;

}
.mision > p{
    margin-bottom: 213px;
}
.mision > p strong{
    font-style: italic;
}
.mision .verde{
    padding: 85px 75px 24px;
    position: relative;
    margin: 0 10px;
}
.mision .verde img{
    position: absolute;
    top: -170px;
    left: 50%;
    margin-left: -117px;
}
.pilares{
    text-align: center;
    padding: 250px 10px 32px;
    margin-top: -190px;
    z-index: -1;
}
.pilares h2{
    margin-bottom: 50px;
    color: #000000;
}
.pilares .flex{
    justify-content: space-between;

}
.pilar{
    max-width: 150px;
}
.cnt-imagen{
    min-height: 94px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.numeros{
    text-align: center;
    padding-top: 57px;
}
.numeros h2{
    margin-bottom: 40px;
}
.numeros h3{
    font-size: 50px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 1.25px;
    color: #009345;
    margin-top: 0;
    margin-bottom: 10px;;
}
.numeros .flex{
    justify-content: space-between;
}
.cuadro-blanco{
    width: 210px;
    padding: 20px;
    -webkit-box-shadow: 0px -2px 13px 2px rgba(222,222,222,.5);
    -moz-box-shadow: 0px -2px 13px 2px rgba(222,222,222,.5);
    box-shadow: 0px -2px 13px 2px rgba(222,222,222,.5);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.cuadro-blanco span{
    font-weight: 600;
    color: #009345;
    display: block;
}
.solicita{
    text-align: center;
    padding: 200px 10px 50px;
    color: #fff;
    margin-top: -150px;
}
.solicita p{
    color: #fff;
}
.boton{
    display: inline-block;
    background-color: #009345;
    padding: 10px 45px;
    color: #fff;
    text-decoration: none;
}


/*    estilos sectores      */
.pagosanticiopados .page-center{
    padding: 150px 50px 70px;
}
.pagosanticiopados h2{
    text-align: center;
    padding: 0 60px;
}
.title-pagosanticiopados{
    font-size: 28px;
    font-weight: 600;
    line-height: 1.27;
    letter-spacing: 0.55px;
    text-align: center;
    padding: 0 60px;
    margin-bottom: 50px;
    color:#009345;
}
.pagosanticiopados .page-center >.flex{
    flex-wrap: wrap;
}


.facil.verde{
    padding: 23px 20px;
    text-align: center;
}
.facil.verde .title{
    font-size: 28px;
    font-weight: 600;
    line-height: 1.27;
    letter-spacing: 0.55px;
}
.facil.verde .title,
.facil.verde .subtitle{
    margin: 0;
}
.facil.verde .subtitle{
    font-weight: 300;
}
.beneficios .page-center{
    padding: 50px 150px 70px;
}
.beneficios h2{
    text-align: center;
    padding: 0 60px;
}
.title-beneficios{
    font-size: 28px;
    font-weight: 600;
    line-height: 1.27;
    letter-spacing: 0.55px;
    text-align: center;
    padding: 0 60px;
    margin-bottom: 50px;
}
.beneficios .page-center >.flex{
    flex-wrap: wrap;
}
.beneficio{
    width: 50%;
    align-items: center;
    margin-bottom: 70px;
}
.beneficio p{
    padding: 0 30px;
    margin: 0;
}
.cuadro-gde{
    max-width: 936px;
    min-height: 439px;
    border-radius: 4px;
    background-color: #fafafa;
    padding: 60px;
    padding-right: 40px;
    margin: 0 auto;
    align-items: center;
    position: relative;
    -webkit-box-shadow: 0px -2px 13px 2px rgba(222,222,222,.5);
    -moz-box-shadow: 0px -2px 13px 2px rgba(222,222,222,.5);
    box-shadow: 0px -2px 13px 2px rgba(222,222,222,.5);
}
.img-requisitos{
    position: absolute;
    right: 0;
    top: -280px;
}
.pregunta{
    max-width: 420px;
    margin-right: 74px;
}
.pregunta h2{
    text-align: left;
}
.documento{
    align-items: center;
    margin: 20px 0;
}
.documentos img{
    margin-right: 20px;
}
.caracteristicas{
    color: #fff;
    margin-top: -120px;
}
.caracteristicas .page-center{
    padding: 174px 50px 28px;
}
.caracteristicas h2, .caracteristicas .subtitleCaract{
    max-width: 540px;
    margin: auto;
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.27;
    letter-spacing: 0.55px;
}
.caracteristicas ul{
    flex-wrap: wrap;
    margin-left: 30px;
}
.caracteristicas li{
    width: 50%;
    list-style: none;
    position: relative;
    margin-bottom: 20px;
}
.caracteristicas li::before{
    content: "";
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 10px;
    background-image: url('../images/sectores/trazado-505.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 5px;
    left: -25px;
}
.formulario h2,
.formulario p{
    text-align: center;
}
.formulario .page-center{
    padding: 50px 10px;
}
main .formulario{
    max-width: 600px;
}
main .formulario p{
    margin-bottom: 40px;
}
.detalles{
    color: #fff;
    text-align: center;
    padding: 66px 10px;
}
.detalles  .subtitleDet {
    font-size: 22px;
    margin: 0 10px 40px;
    color: #fff;
    font-weight: 600;
    line-height: 1.27;
    letter-spacing: 0.55px;
}
.detalles  .subtitleDet span{
    display: block;
    font-weight: 300;
}
.gobierno .caracteristicas h2, .caracteristicas .subtitleCaract {
    max-width: 560px;
}


/*    estilos sucursales      */
.sucursales .page-center{
    max-width: 1088px;
}
.sucursales .listado h3{
    font-weight: 300;
}
.sucursales .listado{
    max-width: 375px;
    margin-right: 75px;
}
.sucursales ul{
    background-color: #fafafa;
    padding: 0;
    height: 250px;
    overflow: scroll;
    margin-top: 43px;
}
.sucursales li{
    width: 360px;
    height: 40px;
    padding: 10px 13px;
    list-style: none;
    border: solid 1px #e6e6e6;
}
.sucursales .mapa{
    position: relative;
    margin-right: 30px;
    width: 100%;
    min-height: 594px;
}
.sucursales .cnt-mapa .page-center{
    position: relative;
}
.sucursales .cnt-mapa .page-center::before{
    content: "";
    display: block;
    position: absolute;
    width: 210px;
    height: 210px;
    background-color: #006b45;
    top: -30px;
    right: 0;
    z-index: -1;
}
.sucursales .cnt-mapa{
    padding: 64px 0 48px;
}
.sucursales .bg-oscuro *{
    color:#fff;
    font-weight: 300;
}
.sucursales .bg-oscuro .page-center{
    max-width: 753px;
    padding: 43px 10px 47px;
    text-align: center;
}
.sucursales .personales p span{
     font-size: 13px;
     line-height: 1.38;
}
.sucursales .personales span a{
    font-weight: 500;
    font-style: italic;
    color: #009345;
}
.sucursales .personales .cnt-boton{
    margin: 31px 0 57px;
}
/*    estilos blog general      */
.blog-general h1{
    max-width: 430px;
}
.icon-pilares .page-center{
    padding: 28px 0 40px;
    border-bottom: solid 1px #e6e6e6;
}
.icon-pilares .flex{
    justify-content: center;
    align-items: center;
}
.icon-pilares img{
    margin-right: 10px;
}
.icon-pilares .col-6:first-child{
    border-right: solid 1px #e6e6e6;
}
.notas-populares{
    padding: 48px 20px 80px;
}
.nota-principal{
    height: 480px;
    width: 720px;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    padding: 24px;
    margin-right: 30px;
    background-size: cover;
    background-position: center;
    position: relative;
}
.nota-principal::before{
	content:'';
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-color: rgba(0,0,0, .4);
}
.nota-principal h3{
    max-width: 352px;
    color: #fff;
    line-height: 1.27;
    position: relative;
}
.notas-pop a{
    margin: 30px 0;
    display: block;
}
.notas-pop h3{
    max-width: 352px;
    margin-bottom: 0;
    text-align: right;
    font-weight: normal;
    line-height: 1.27;
    margin-top: 10px;
    color: #000000;
}
.notas-pop h3.finanzas-personales:hover{
	color: #be1e2d;
}
.notas-pop h3.estabilidad-economica:hover{
	color: #006b45;
}
.notas-pop p{
    margin-top: 0;
    text-align: right;
    color: #b3b3b3;
}
.suscribete{
    height: 100px;
    padding: 15px 70px;
    align-items: center;
    justify-content:center;
}
.suscribete img{
    margin: 0 15px;
}
.suscribete input{
    width: 351px;
    height: 36px;
    border-radius: 3px;
    border: solid 1px #be1e2d;
    background-color: #ffffff;
    margin-right: 30px;
    padding: 10px 20px;
    font-size: 14px !important;
}
.suscribete p{
    color: #fff;
    margin: 0 20px;
}
.altavoz{
    position: relative;
    bottom: 18px;
}
.notas-gastos .notas-recientes .nota:hover h3{
	color: #be1e2d;
}
notas-estabilidad .notas-recientes .nota:hover h3{
	color: #006b45;
}
.notas-pilares{
    position: relative;
}
.notas-pilares::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 360px;
    background-color: #f2f2f2;
}
.notas-pilares .page-center{
    padding: 48px 0 70px;
    min-height: 650px;
}
.notas-pilares h2{
    display: flex;
    width: 435px;
    height: 55px;
    background-color: #006b45;
    font-size: 36px;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.notas-pilares .nota{
    width: 200px;
    height: 460px;
    border-radius: 4px;
    background-color: #ffffff;
    padding: 60px 16px;
    margin: 0 10px;
    -webkit-box-shadow: 0px 1px 9px 1px rgba(202,202,202,0.5);
    -moz-box-shadow: 0px 1px 9px 1px rgba(202,202,202,0.5);
    box-shadow: 0px 1px 9px 1px rgba(202,202,202,0.5);
}
.notas-estabilidad{
    position: relative;
}
.notas-estabilidad .notas-recientes{
    justify-content: flex-end;
}
.notas-estabilidad img{
    position: absolute;
    left: 16px;
    top: 27px;
    z-index: -1;
}
.notas-recientes h3{
    font-size: 20px;
    height: 140px;
}
.notas-recientes p{
    font-size: 14px;
    color: #999999;
}
.page-nota .notas-recientes p{
    height: 70px;
}
.category-blog .notas-recientes p{
    height: 170px;
}
.notas-recientes .nota a{
    font-size: 14px;
    color: #006b45;
    font-style: italic;
    line-height: 1.64;
    text-decoration: underline;
}
.notas-estabilidad .nota:hover h3{
    color: #006b45;
}
.notas-gastos{
    position: relative;
}
.notas-gastos h2{
    background-color: #be1e2d;
    margin-left: auto;
}
.notas-gastos img{
    position: absolute;
    right: 16px;
    top: 27px;
    z-index: -1;
}



/*    estilos blog pilar      */
.bg-pilar{
    background-size: cover;
    background-position: bottom;
}
.bg-pilar .encabezado{
    height: 480px;
}
.category-estabilidad-economica .blog-general h1,
.category-finanzas-personales .blog-general h1
{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 450px;
    min-height: 59px;
    font-size: 35px;
    line-height: 1.2;
    letter-spacing: 0.88px;
    color: #ffffff;
    padding: 10px 20px;
}
.category-estabilidad-economica .blog-general h1{
    background-color: #006b45;
}
.category-finanzas-personales .blog-general h1{
    background-color: #be1e2d;
}
.icon-pilares a{
    text-decoration: none;
}
.icon-pilares h2{
    font-size: 25px;
    font-weight: normal;
    line-height: 1.28;
    color: #000000;
}
.boton-buscar{
    width: 168px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #009345;
}
.page-pilar  .icon-pilares .page-center{
    justify-content: space-around;
}
.page-pilar  .icon-pilares a:first-child{
    border-right: solid 1px #e6e6e6;
    padding: 0 75px;
}
.blog-general .nota a:first-child{
	text-decoration:none;
}
.blog-general .nota h3{
      font-size: 20px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.4;
      letter-spacing: normal;
      text-align: left;
      color: #000000;
}
.category-estabilidad-economica .notas-pop a:hover h3,
.category-estabilidad-economica .post-info:hover h3 {
    color: #009345;
}
.category-finanzas-personales .notas-pop a:hover h3,
.category-finanzas-personales .post-info:hover h3{
   color: #be1e2d;
}
.category-finanzas-personales .notas-pop a:hover h3{
    color: #be1e2d;
}
.category-estabilidad-economica .notas-pop a:hover h3 {
    color: #009345;
}
.gastos-controlados{
    color: #be1e2d;
}

.recent-post .page-center{
    padding: 50px 0;
}
.recent-post .nota-principal{
    position: relative;
}
.post-info{
    width: 260px;
    height: 360px;
    background-color: #ffffff;
    padding: 30px;
    position: absolute;
    bottom: 0;
    right: -1px;
    text-align: left;
}
.post-info h3{
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}
.post-info p{
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
    text-align: left;
    color: #999999;
    min-height: 100px;
}
.post-info a{
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.64;
    text-align: left;
    color: #006b45;
    text-decoration: underline;
}
.notas-pop .cta{
    display: block;
    width: 100%;
    height: 480px;
    background-color: #006b45;
    margin: 0 0 100px;
    background-color: transparent;
}
.category-finanzas-personales .notas-pop .cta{
    background-color: #be1e2d;
    background-color: transparent;
}
.notas-2{
    padding-top: 50px;
}
.notas-2 .col-6{
    padding-right: 15px;
}
.img-post{
    width: 100%;
    height: 235px;
    background-size: cover;
    background-position:center ;
}
.info-post{
    padding: 30px 40px;
    border: solid 1px #f2f2f2;
}
.info-post h5{
    font-size: 12px;
    font-weight: bold;
    line-height: 2.3;
    color: #006b45;
    margin: 0;
    text-transform: uppercase;
}
aside .info-post {
    padding: 25px 20px;
    max-width: 260px;
    width: 100%;
    margin-bottom: 20px;
}
.category-finanzas-personales .info-post h5{
    color: #be1e2d;
}
.info-post h4{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.44;
    text-align: left;
    color: #000000;
    margin: 0 0 10px 0;
    min-height: 70px;
}
.info-post p{
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #999999;
}
.info-post a{
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.92;
    color: #006b45;
    text-decoration: underline;
}
.category-finanzas-personales .info-post h5{
    color: #be1e2d;
}
.banner{
    width: 100%;
    height: 200px;
    border: solid 1px #006b45;
    margin-bottom: 45px;
}


/*    estilos blog nota interna      */
.encabezado-nota{
    padding: 60px 47px 0 130px;
    position: relative;
    margin-bottom: 60px;
}
.encabezado-nota::before{
    content: "";
    width: 70%;
    height: 90%;
    top:0;
    right: 0;
    z-index: -1;
    position: absolute;
    background-color: #f2f2f2;
}
.encabezado-nota > .flex{
    justify-content: center;
    border-bottom: solid 2px;
    border-bottom-color: #be1e2d;
}
.estabilidad-economica .encabezado-nota > .flex{
    border-bottom-color: #006b45;
}
.img-nota-principal{
    max-width: 720px;
    height: 480px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.titulo-nota{
    width: 444px;
    margin-right: 20px;
    padding-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.page-nota .img-post {
  width: 260px;
  height: 174px;
  max-width: 100%;
}
.page-nota .notas-recientes{
    padding: 50px 0;
}
.page-nota .notas-recientes .flex{
    justify-content: space-between;
}
.page-nota .notas-recientes .flex > div{
    max-width: 260px;
    max-width: 24%;
    width: 100%;
}
.page-nota .info-post {
    padding: 25px 20px;
}
.page-nota .titulo-nota h1,
.page-nota .titulo-nota p{
    margin: 0;
}
.page-nota .pilar-tit{
    color: #be1e2d;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
}
.page-nota .pilar-fecha{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.44;
}
.page-nota .col-8{
    padding: 0px 50px 65px 45px;
}
.page-nota .col-8 h2{
    font-size: 20px;
    line-height: 1.3;
    color: #be1e2d;
    margin-bottom: 30px;
    text-align: left;
}
.page-nota .col-8 h3{
    font-size: 15px;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    color: #009345;
    position: relative;
    display: inline-block;
    margin-left: 40px;
}
.page-nota .col-8 h3::before,
.page-nota .col-8 h3::after{
    content: "";
    width: 4px;
    height: 4px;
    top:6px;
    position: absolute;
    border: solid 2px #be1e2d;
}
.page-nota .col-8 h3::before{
    left: -20px;
}
.page-nota .col-8 h3::after{
    right: -20px;
}
.page-nota .col-8 p,
.page-nota .col-8 li{
    font-size: 15px;
    line-height: 1.6;
    color: #191C1F;
}
.page-nota blockquote{
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: center;
    color: #be1e2d;
    max-width: 485px;
    margin: 30px auto 20px 40px;
}
.page-nota ul,
.page-nota ol{
    padding-left: 70px;
}
.page-nota ol {
    counter-reset: item;
}
.page-nota ol li {
    list-style-type:none;
}
.page-nota ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    margin-left:-20px;
    font-weight:bold;
    color: #be1e2d;
    top: -3px;
    position: absolute;
}
.page-nota li{
    position: relative;
    list-style: none;
}
.page-nota ul li::before{
    content: "";
    width: 4px;
    height: 4px;
    top:6px;
    left: -20px;
    position: absolute;
    border: solid 2px #be1e2d;
}
.finanzas-personales .info-post h5{
    color: #be1e2d;
}
.finanzas-personales .estabilidad-económica .info-post h5{
   color: #006b45;
}
.page-nota .col-4 .cta{
    width: 100%;
    height: 460px;
    display: block;
    margin-top: 94px;
    margin-bottom: 100px;
    border: solid 1px #cccccc;
    display: none;
}
.page-nota .col-4 h3{
	margin-bottom: 25px;
    margin-top: 10px;
}
.cnt-banner{
	display: none;
}
.page-nota .banner{
    max-width: 720px;
    min-height: 140px;
    margin: 10px auto 80px;
    border: solid 1px #be1e2d;
}
.estabilidad-economica.page-nota .banner{
    border-color: #009345;
}
.redes{
	margin-bottom: 70px;
}
.redes .flex{
    align-items: center;
    padding-left: 45px;
}
.redes p{
    margin-right: 40px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.15;
}
.estabilidad-economica .redes p,
.estabilidad-economica .redes a{
	color: #006b45;
}
.finanzas-personales .redes p,
.finanzas-personales .redes a{
	color: #be1e2d;
}
.redes a{
    margin: 15px;
    font-size: 20px;
}
.estabilidad-economica.page-nota .col-8 h2,
.estabilidad-economica.page-nota blockquote,
.estabilidad-economica .info-post h5,
.estabilidad-economica.page-nota .pilar-tit{
    color: #009345;
}
.estabilidad-economica .finanzas-personales .info-post h5{
    color:  #be1e2d;
}
.contenido-nota a{
	word-break: break-all;
}

@media(max-width: 1088px){
    .notas-recientes .page-center{
        padding-right: 15px;
        padding-left: 15px;
    }

}
@media(max-width: 1200px){
    img.estrellas{
        display: none;
    }
}
@media(max-width: 1024px){
    .beneficios .page-center {
        padding: 50px 50px 70px;
    }
    .sucursales .listado {
        margin-right: 25px;
    }
}
@media(max-width: 840px){
	#share-social.redes{
    	display:block;
    }
}
@media(max-width: 767px){
    .flex{
        flex-direction: column;
        align-items:center;
    }
    .nosotros h1 {
    max-width: 100%;
    }
    .encabezado{
        padding: 35px;
        text-align: center;
    }
    .encabezado.flex{
        flex-direction: column-reverse;
    }
    .encabezado .col-6{
        width: 100%;
    }
    .encabezado .titulo {
        padding-left: 0px;
        margin-bottom: 30px;
        text-align: left;
    }
    .encabezado p{
        max-width: 100%;
    }
    .mision .verde {
        padding: 85px 25px 24px;
    }
    .mision .vision{
        margin-top: 200px;
    }
    .pilar,
    .cuadro-blanco{
        margin: 20px auto;
    }
    .beneficios .page-center {
        padding: 50px 10px 70px;
        text-align: center;
    }
    .beneficios .page-center {
        padding: 50px 10px 270px;
        text-align: center;
    }
    .beneficio {
        width: 100%;
    }
    .beneficios h2, .title-beneficios {
        padding: 0 10px;
    }
    .cuadro-gde {
        padding: 20px;
        padding-right: 20px;
        margin: 10px;
    }
    .pregunta {
        margin-right: 0;
    }
    .caracteristicas .page-center {
        padding: 174px 20px 28px;
    }
    .caracteristicas li {
        width: 100%;
    }.sucursales .cnt-mapa {
        padding: 34px 0 48px;
    }
    .sucursales .listado {
        margin-right: 0;
        margin: 0 40px 50px;
    }
    .sucursales .cnt-mapa .page-center::before{
        display: none;
    }
    .sucursales .mapa {
        margin-right: auto;
        width: 90%;
        margin-left: auto;
    }
    /*    estilos blog      */
    .blog-general h1 {
        max-width: 100%;
    }
    .icon-pilares .col-6{
        flex-direction: row;
    }
    .icon-pilares a{
        text-decoration: none;
    }
    .icon-pilares .col-6:first-child {
        border-right: none;
    }
    .nota-principal {
        height: 300px;
        width: 100%;
        padding: 24px;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .suscribete input{
        margin-right: 0;
    }
    .altavoz, .sobre{
        display: none;
    }
    .notas-pop h3 {
        max-width: 100%;
        text-align: left;
    }
    .notas-estabilidad img {
        max-width: 95%;
        margin: 10px auto;
    }
    .notas-pilares .nota {
        width: 90%;
        height: auto;
        padding: 20px 16px;
        margin-bottom: 20px;
    }
    .notas-pilares .page-center {
        padding: 48px 0 30px;
    }
    .notas-pilares h2 {
        max-width: 90%;
    }
    .notas-pop .cta {
        max-width: 350px;
        height: 460px;
        margin: 0 auto 100px;
    }
    .notas-recientes h3,
    .notas-recientes p  {
        height: auto;
    }
    .notas-pilares::before {
        height: 160px;
    }
    .notas-pilares h2 {
        max-width: 250px;
        height: auto;
        padding: 10px;
    }
    main aside {
        padding-left: 0;
        margin: 10px;
    }
    .estabilidad-financiera .page-center{
        padding: 10px;
    }
    .estabilidad-financiera .icon-pilares a:first-child {
        border-right: none;
        padding: 0 5px;
    }
    .icon-pilares br{
        display: none;
    }
    .boton-buscar {
        margin-top: 30px;
        width: 80%;
    }
    .col-8,
    .col-6,
    .col-4{
        width: 100%;
    }
    .contenido-nota .col-4,
    .category .col-8,
    .category .col-4{
    	padding: 20px;
    }
    .notas-2 .col-6 {
    padding-right: 0;
    }
    .post-info{
        bottom: -150px;
    }
    .nota-principal .post-info{
    	bottom: 0;
        height:auto;
    }
    .suscribete input {
        margin-right: 0;
        max-width: 85%;
        margin: auto;
        display: block;
    }
    .notas-populares {
        padding: 48px 0 10px;
    }
    .page-nota .notas-recientes .flex > div {
        max-width: 100%;
        margin: 10px 0;
    }
    .banner{
        width: 90%;
        height: 200px;
        margin: 45px auto 20px;
    }
    .encabezado-nota {
    	padding: 20px;
        margin-bottom: 20px;
	}
    .titulo-nota {
    	width: 100%;   
    	margin-left: 20px;
    }
    .page-nota .img-post {
        width: 100%;
    	height: 174px;
	}
    .page-nota .col-4 .cta {
    	max-width: 350px;
    }
    .category-finanzas-personales .notas-pop .cta{
        display:none;
	}
    .redes p {
        margin-right: auto;
        margin-left: auto;
	}    
    .redes .flex {
        padding-left: 0;
    }
    aside .info-post {
        max-width: 100%;
        width: 100%;
    }
    .suscribete p {
        margin-bottom: 10px;
    }
    .suscribete input {
        max-width: 100%;
        width: 100%;
    }
}
@media(max-width: 410px){
    .sucursales .listado {
        margin-right: 0;
        margin: 0;
    }
    .sucursales li {
        width: 100%;
    }
    .sucursales .boton{
        margin-bottom: 50px;
    }
    .page-nota ul, .page-nota ol {
        padding-left: 20px;
    }
    .page-nota .col-8 {
        padding: 0px 30px 40px 30px;
    }
    .redes p {
        width: 100%;
    }
    #share-social.redes .flex {
        padding-left: 0;
        flex-direction: inherit;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .titulo-nota {
        padding-top: 30px;
        padding-bottom: 25px;
    }
    .img-nota-principal {
        height: 280px;
    }
}
.aLeft{
    text-align: left;
}
.aRight{
    text-align: right;
}
.acenter{
    text-align: center;
}