@font-face {
    font-family: 'Lato';
    src: url('../../fonts/Lato.eot');
    src: url('../../fonts/Lato.eot?#iefix') format('embedded-opentype'), url('../../fonts/Lato.woff') format('woff'), url('../../fonts/Lato.ttf') format('truetype'), url('../../fonts/Lato.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../../fonts/Helvetica.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica-Bold';
    src: url('../../fonts/Helvetica-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bancoppel-icons';
    src:  url('../fonts/bancoppel-icons.eot?47prxm');
    src:  url('../fonts/bancoppel-icons.eot?47prxm#iefix') format('embedded-opentype'),
      url('../fonts/bancoppel-icons.ttf?47prxm') format('truetype'),
      url('../fonts/bancoppel-icons.woff?47prxm') format('woff'),
      url('../fonts/bancoppel-icons.svg?47prxm#bancoppel-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Iconos y logos */
.logo-bancoppel {
    padding: 26px 0;
}
.logo-app-bancoppel {
    width: 252px;
    height: 252px;
    margin-right: 52px;
}

.qr-playstore,
.qr-appStore {
    width: 147px;
    height: 147px;
}
.logo-play-store,
.logo-app-store {
    width: 147px;
}

/* Textos */
.subtitulo {
    color: #3565ac;
    font-family: 'Helvetica-Bold', Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 12px;
}

.descripcion {
    color: #3565ac;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px;
}

.texto-seo  {
    color: #3565ac;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px;
}
.texto-regular {
    color: #3565ac;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
}
.texto-bold {
    font-family: 'Helvetica-Bold', Arial, sans-serif;
    font-weight: 700;
}
.txt-blue {
    color: #225aa8;
}
.liga-comisiones {
    color: #3a99e5;
    text-decoration: underline;
}
.azul {
    color: #225aa8;
}
/* Elementos */
.btn-primary {
/*430x95*/
    width: 180px;
    height: 40px;
    background-color: #1d307a;
    border: 0;
    border-radius: 3px;
    font-weight: 700;
    font-size: 13px;
}

.card-info {
    border: 0;
    height: 100%;
}

.card-header {
    padding: 0rem 0rem;
} 

.card-info .card-header {
    background: transparent;
    border: 0;
}
.card-info .card-body {
    background-color: #f2f5f8;
    padding: 24px 32px;
}

/* Listas */
.lista-informacion {
    list-style: none;
    padding: 0 0 0 16px;
} 
.lista-informacion li {
    color: #000000;
    display: flex;
    align-items: center;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 6px 0;
}
.lista-informacion li .img-lista {
    width: 40px;
    margin-right: 24px;
}

.lista-disc {
    list-style-type: none;
    list-style-position: outside;
    margin-top: 15px;
    padding-left: 26px;
}
.lista-disc li {
    color: #3565ac;
    display: table;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
}
.lista-disc li::before {
    content: "\2022";
    color: #3565ac;
    display: table-cell;
    font-size: 12px;
    width: 10px;
}

/* Estructura */

.datos-banner {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    top: 10px;
    position: absolute;
    width: 52%;
    height: 100%;
    padding: 0 0 0 42px;
}
.datos-banner h1 {
    font-family: 'Helvetica-Bold', Arial, sans-serif;
    font-weight: 700;
    font-size: 28px;
}
.datos-banner h1 span {
    color: #fd3;
}
.datos-banner h2 {
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 24px;
}
.datos-banner .texto-descripcion {
    font-size: 14px;
}
.datos-banner .lista-disc {
    padding: 0;
}
.datos-banner .lista-disc li {
    color: #FFFFFF;
    font-size: 14px;
    padding-bottom: 10px;
}
.lista-disc li::before {
    content: "\2022";
    color: #fd3;
    display: table-cell;
    font-size: 14px;
    width: 10px;
}

.codigos-descarga {
    background-color: #f2f5f8;
    /*width: 443px;*/
    width: 100%;
    height: 100%;
}

.img-google-play {
    margin: 5px;
    width: 121px;
    height: 36px;
}

.img-app-store {
    margin: 5px;
    width: 110px;
    height: 36px;
}

.img-codi-qr {
    margin: 5px 0 0 10px;
}
.seccion-faqs {
    background-color: #f2f5f8;
}
.texto-pregunta {
    color: #3565ac;
    font-family: 'Helvetica-Bold', Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
}
.texto-respuesta  {
    color: #3565ac;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-top: 15px;
}
.seccion-cat .container p {
    color: #3565ac;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
}

.footer-logos {
    width: 100%;
    float: left;
    padding: 15px 0 30px;
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 3px solid #F1F1F1;
    border-bottom: 3px solid #F1F1F1;
    position: relative;
    min-height: 33px;
}
.footer-logos a {
    background-image: url(../../images/botones/sprite_logos.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin: 5px auto;
}

.footer-logos > a:nth-of-type(1) {
    order: 1;
    margin: 5px auto 5px 0;
}

.footer-logos > a:nth-of-type(2) {
    order: 2;
}

.footer-logos > a:nth-of-type(3) {
    order: 3;
}

.footer-logos > a:nth-of-type(4) {
    order: 6;
    margin: 5px 0 5px auto;
}

.footer-logos > a:nth-of-type(5) {
    order: 4;
}

.footer-logos > a:nth-of-type(6) {
    order: 5;
}

.logo-afore {width: 235px; height: 47px; background-position: 23.8095% 2.39234%; background-size: 108.936%; }
.logo-buro {width: 59px; height: 47px; background-position: 2.53807% 27.2727%; background-size: 433.898%; }
.logo-coppel {width: 171px; height: 47px; background-position: 81.1765% 27.2727%; background-size: 149.708%; }
.logo-fintech {width: 56px; height: 46px; background-position: 2.50000% 76.6667%; background-size: 457.143%; }
.logo-ipab {width: 94px; height: 47px; background-position: 3.08642% 52.1531%; background-size: 272.340%; }
.logo-ampici {width: 115px; height: 47px; background-position: 73.7589% 52.1531%; background-size: 222.609%; }
.logo-fundacion-coppel {
    width: 152px;
    height: 47px;
    background-position: 65.1765% 80.2727%;
}

.copyright {
    width: 100%;
    float: left;
    margin: 20px 0;
    color: #636464;
    font-size: 12px;
    text-align: center;
}
.terminos a {
    color: #636464;
    text-decoration: underline;
}

.col-google-store, .col-apple-store   {
    width: 48%;
}
@media (min-width: 1024px) {
    .container {
      /*width: 1024px;*/
      max-width: 1024px;
      padding: 0;
    }
    .tienda-descarga {
        display: none;
      }
}



@media (max-width: 991px) {

    .datos-banner h2 {
        margin-bottom: 12px
    }
    .datos-banner .texto-descripcion {
        margin-bottom: 8px;
    }
    .descripcion {
        text-align: center;
    }


}

@media (max-width: 768px) {
    .logo-app-bancoppel {
        width: 100%;
        height: auto;
        margin-right: 10%;
    }
    .datos-banner {
        position: relative;
        background: #122DB2;
        width: 100%;
        padding: 16px 24px 0 24px;
    }

    .subtitulo {
        margin-top: 20px;
        text-align: center;
    }

    .descripcion {
        text-align: center;
    }

    .texto-disponible {
        display: none;
    }
    
}