:root {
    --bgr-max-width: 1240px;
}
b {
    font-weight: 600;
    letter-spacing: 0.0357rem;
}
sub {
    font-size: 0.7857em;
    letter-spacing: 1px;
}
sup {
    color: #004ace;
    font-size: 1.5rem;
    top: 4px;
    margin-right: 5px;
}
.heading-normal {
    text-transform: initial !important;
}
.full-container {
    width: 100%;
}
.boxed-container,
.container {
    width: 90%;
    max-width: var(--bgr-max-width);
}
.boxed-container {
    margin-right: auto;
    margin-left: auto;
}
.md-text {
    font-size: 1.2em;
}
.red-label {
    color: #004ace;
}
.title-product {
    font-size: 2.75em;
    line-height: 1;
    :is(span) {
        display: block;
        font-weight: 700;
        font-size: 1.4em;
    }
}
.hidden-by-default {
    display: none;
}
.pr-xmlg {
    padding-right: 60px !important;
}
.h-420 {
    height: 420px !important;
}
.h-480 {
    max-height: 480px !important;
}
.w-460 {
    width: 460px !important;
}
.vw-25 {
    width: 25vw !important;
    white-space: normal !important;
}
.vw-30 {
    width: 30vw !important;
    white-space: normal !important;
}
.vw-35 {
    width: 35vw !important;
    white-space: normal !important;
}
.vw-40 {
    width: 40vw !important;
    white-space: normal !important;
}
.vw-45 {
    width: 45vw !important;
    white-space: normal !important;
}
.vw-50 {
    width: 50vw !important;
    white-space: normal !important;
}
.max-height-none {
    max-height: initial !important;
}
/****************************************************************
/* Estilos del home
/***************************************************************/
.cta-quotation {
    padding: 45px 30px 0;
    min-height: 370px;
    border-radius: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.cta-quotation h3 {
    color: #004ace;
    font-family: 'Montserrat', usual, 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-size: 34px;
}
.cta-quotation h3 span {
    font-weight: 300;
    text-transform: none;
}
.quote-slogan {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #004ace;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 20px 0;
    display: block;
}
.both-border {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #e2e7eb;
    padding: 24px;
}
.title-home-quote {
    font-size: 52px;
    font-weight: 700;
    color: #004ace;
    text-transform: uppercase;
}
.title-travel-quote {
    font-size: 58px;
    color: #004ace;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;
}
.title-intake-quote {
    font-size: 29px;
    color: #004ace;
    font-weight: bold;
    text-transform: uppercase;
}
.cta-quotation p {
    margin-bottom: 12px;
    margin-top: 12px;
}
.home-quote {
    display: inline-block;
    width: 52px;
    height: 52px;
    background: url('/Portals/0/assets/images/general/home-quote.svg') no-repeat 0 0;
    vertical-align: bottom;
    margin-right: 5px;
}
.intake-quote {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('/Portals/0/assets/images/general/world-quote.svg') no-repeat 0 0;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -9px;
}
.parallax-window {
    width: 100%;
    min-height: 460px;
    max-height: 480px;
    background: transparent;
}
.banner-sc-wrapper {
    display: flex;
    justify-content: space-around;
}
.image-banner-sc {
    align-self: flex-end;
    margin-bottom: -35px;
    width: 50%;
    justify-items: end;
    display: grid;
    padding-right: 50px;
}
.scubigrl {
    max-height: 490px;
    transform: rotate(-5deg);
}
.content-banner-sc {
    display: flex;
    width: 40%;
    flex-wrap: wrap;
    padding-right: 30px;
}
.text-banner-sc {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    width: 100%;
    height: 200px;
    align-self: flex-end;
    transform: translateY(15%);
    margin-bottom: -30px;
}
.text-banner-sc h2 {
    font-family: 'Montserrat', Gotham, Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 2.5rem;
    margin: 0;
    letter-spacing: 0.05rem;
}
.text-banner-sc h2 span {
    font-weight: 700;
    font-size: 3.45rem;
    display: block;
    text-transform: uppercase;
}
.title-promo-banner span {
    font-size: 3.25rem;
}
.text-banner-sc .btn.btn-borders {
    text-shadow: none;
    height: 44px;
    min-width: 220px;
    line-height: 42px;
    padding: 0;
    border-radius: 25px !important;
}
.big-caption {
    font-size: 1.7rem;
    color: #fff;
    letter-spacing: 0.05rem;
}
.image-thumb-banner-sc {
    align-self: flex-end;
    max-height: 100%;
    width: 100%;
    margin: 20px auto;
    position: relative;
    height: 150px;
}
.tarjetas-bgrvisa-on {
    max-width: 100%;
    max-height: 150px;
    position: absolute;
    left: 100%;
    bottom: 0;
    right: 0;
    transform: translateX(-100%);
}
.section.big-thumbs {
    padding-bottom: 18px;
    padding-top: 80px;
}
.small-text {
    color: #154c7a !important;
    font-size: 1.2rem !important;
    font-weight: 400;
    margin-bottom: 0 !important;
    text-align: center;
}
.align-items-start {
    align-items: flex-start !important;
}
#descripcion-producto {
    :is(h2) {
        width: 65%;
        padding: 0;
        margin: 10px 0;
    }
    :is(.w-75) {
        width: 75%;
    }
}
#bgrnet-btn:hover,
#header .header-nav-main nav > ul > li:hover > a#bgrnet-btn {
    color: #196ca8 !important;
}
.modal-dialog {
    margin: 50px auto;
    width: 70%;
    max-height: 80%;
}
.modal-dialog.md-modal {
    width: 50%;
}
.modal-header {
    padding: 15px 25px;
}
.modal-body {
    max-height: initial;
    overflow-y: auto;
    padding: 0 25px;
}
.modal-body .tab-list.sc-level ul.tab-nav {
    display: flex;
}
.modal-body .tab-list.sc-level ul.tab-nav li {
    display: inline-block;
    padding: 0 15px;
    width: auto;
    min-width: 120px;
    a {
        font-weight: 600;
    }
}
.modal-body #contactForm,
.modal-body #wrapper_form {
    padding: 25px 0;
}
.modal-body h4 {
    color: #023a73;
    font-family: 'Montserrat',sans-serif;
    font-size: 1em;
    font-weight: bolder;
    letter-spacing: 0.1071rem;
    margin-top: 25px;
    line-height: 1.4;
}
.medium-modal {
    width: 500px !important;
}
.banners-carousel.owl-carousel.stage-margin .owl-stage-outer {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.banners-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -28px;
    position: relative;
    z-index: 2;
}
#links-interest-carousel.swiper {
    height: 460px;
    margin-bottom: -30px !important;
    .swiper-wrapper {
        align-items: stretch;
        height: 420px;
        .description-card-box {
            p {
                min-height: 4.8571rem;
            }
        }
    }
}
.justify-content-center {
    justify-content: center !important;
}
#bannerCarouselHome .carousel-indicators {
    bottom: 50px;
}
/***************************************************************/
/* Fin Estilos del home
/***************************************************************/
/***************************************************************/
/* Informacion Corporativa
/***************************************************************/
.section.intro-bgr {
    background: #fff;
    margin-top: 0;
    border-top: none;
    padding-bottom: 22px;
}
.section.intro-bgr .container {
    position: relative;
}
.side-menu-panel {
    background: #fff;
    display: block;
    position: absolute;
    top: 22px;
    min-width: 250px;
    width: calc(100% / 4);
    min-height: 270px;
    box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.1);
}
.title-side-menu-panel {
    background: #023064 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-family: 'Montserrat',Arial,sans-serif;
    height: 31px;
    line-height: 31px;
    padding: 0 25px;
    width: 100%;
    font-size: 0.8571em;
}
.section.intro-bgr .sb-section-1,
.section.intro-bgr .sb-section-2,
.section.intro-bgr .sb-section-3,
.section.intro-bgr .sb-section-4 {
    position: relative;
}
.section.intro-bgr .sb-section-1 {
    min-height: 470px;
    background: url('/Portals/0/assets/images/general/vertical-line.gif') no-repeat center bottom;
    z-index: 2;
}
ul.sidemenu {
    list-style: outside none none;
    padding: 15px 20px;
    margin: 0;
}
ul.sidemenu li {
    font-size: 1.0714em;
    line-height: 1.2857em;
    margin-bottom: 10px;
}
ul.sidemenu li:last-child {
    margin-bottom: 0;
}
ul.sidemenu li:hover a:hover {
    color: #89cbdf;
}
ul.sidemenu .dropdown-menu {
    position: relative;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    display: none;
    top: -2px;
}
ul.sidemenu li .dropdown-menu > li {
    line-height: 1em;
    margin: 0;
}
ul.sidemenu li.dropdown-corp:hover .dropdown-menu {
    display: inline-block;
}
.section.intro-bgr .sb-section-2 {
    background: url('/Portals/0/assets/images/general/vertical-line.gif') no-repeat center bottom;
    min-height: 410px;
    padding: 29px 0;
}
.section.intro-bgr .sb-section-2 .col-md-5 {
    padding-top: 80px;
}
.dropdown-menu span {
    color: #4c505d;
    font-size: 1.1429em;
    padding: 5px;
    display: inline-block;
}
.dropdown-menu span:hover {
    color: #004ace;
}
.section.intro-bgr .sb-section-2 h2 {
    margin-bottom: 20px;
}
.section.intro-bgr .sb-section-3 {
    padding: 29px 62px;
}
.section.intro-bgr .sb-section-1 h4,
.section.intro-bgr .sb-section-3 h4 {
    font-size: 1.2857em;
    color: #023064;
    font-weight: bolder;
    font-family: 'Open Sans', sans-serif;
}
.ic_mision, .ic_vision, .ic_promesa, .ic_directorio, .ic_indicadores, .ic_reglamentos, .ic_propuesta_valor, .ic_estrategia_corporativa,
.ic_mision_reg, .ic_vision_reg, .ic_promesa_reg, .ic_directorio_reg, .ic_indicadores_reg, .ic_directorios_reg , .ic_emision_acciones, .ic_reglamentos_reg, .ic_propuesta_valor_reg, .ic_estrategia_corporativa_reg {
    display: inline-block;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    margin-right: 5px;
}
.ic_estrategia_corporativa, .ic_propuesta_valor,
.ic_propuesta_valor_reg, .ic_estrategia_corporativa_reg {
    padding-left: 70px;
    width: 100%;
}
.ic_mision {
    background: url('/Portals/0/assets/images/icons/ic_mision.png') no-repeat 0 0;
}
.ic_vision {
    background: url('/Portals/0/assets/images/icons/ic_vision.png') no-repeat 0 0;
}
.ic_promesa {
    background: url('/Portals/0/assets/images/icons/ic_promesa.png') no-repeat 0 0;
}
.ic_mision_reg {
    background: url('/Portals/0/assets/images/icons/ic_mision_reg.png') no-repeat 0 0;
}
.ic_vision_reg {
    background: url('/Portals/0/assets/images/icons/ic_vision_reg.png') no-repeat 0 0;
}
.ic_promesa_reg {
    background: url('/Portals/0/assets/images/icons/ic_promesa_reg.png')
        no-repeat 0 0;
}
.ic_directorio {
    background: url('/Portals/0/assets/images/icons/ic_directores.png')
        no-repeat 0 0;
}
.ic_indicadores {
    background: url('/Portals/0/assets/images/icons/ic_indicadores.png')
        no-repeat 0 0;
}
.ic_reglamentos {
    background: url('/Portals/0/assets/images/icons/ic_reglamentos.png')
        no-repeat 0 0;
}
.ic_directorio_reg {
    background: url('/Portals/0/assets/images/icons/ic_directores_reg.png')
        no-repeat 0 0;
}
.ic_indicadores_reg {
    background: url('/Portals/0/assets/images/icons/ic_indicadores_reg.png')
        no-repeat 0 0;
}
.ic_reglamentos_reg {
    background: url('/Portals/0/assets/images/icons/ic_reglamentos_reg.png')
        no-repeat 0 0;
}
.ic_directorios_reg {
    background: url('/Portals/0/assets/images/icons/ic_directorios_reg.png')
        no-repeat 0 0;
}
.ic_emision_acciones {
    background: url('/Portals/0/assets/images/icons/ic_emision_acciones.png')
        no-repeat 0 0;
}
.ic_estrategia_corporativa {
    background: url('/Portals/0/assets/images/icons/ic_estrategia_corporativa.png')
        no-repeat 0 0;
}
.ic_propuesta_valor {
    background: url('/Portals/0/assets/images/icons/ic_propuesta_valor.png')
        no-repeat 0 0;
}
.ic_estrategia_corporativa_reg {
    background: url('/Portals/0/assets/images/icons/ic_estrategia_corporativa_reg.png')
        no-repeat 0 0;
}
.ic_propuesta_valor_reg {
    background: url('/Portals/0/assets/images/icons/ic_propuesta_valor_reg.png')
        no-repeat 0 0;
}
#estrategia-propuesta-valor p {
    padding-left: 70px;
    min-height: 52px;
}
h4.ic_principios_banca_responsable {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
h4.ic_principios_banca_responsable:before {
    display: inline-block;
    content: '';
    background: url('/Portals/0/assets/images/icons/ic_emision_acciones.png')
        no-repeat center center;
    width: 70px;
    height: 70px;
    margin-right: 5px;
}
.principios-banca-wrapper p {
    padding-left: 75px !important;
}
.section.intro-bgr .sb-section-4 {
    padding: 0 62px;
}
.section.intro-bgr .sb-section-4 .valores-principios,
.container-reconocimientos {
    background: #f5f7f8;
    border: 1px solid #d3d4d9;
    border-radius: 24px;
    padding: 50px 0 50px;
}
.container-reconocimientos {
    background: #fff;
    padding: 20px 0 10px;
}
.section.intro-bgr .sb-section-4 .valores-principios h3 {
    margin-top: 40px;
}
.title-img h2 img {
    display: inline;
}
.title-img.memoria-2023 img {
    background: rgba(255, 255, 255, 0.85);
}
.reconocimientos.owl-carousel {
    margin-bottom: 0;
}
.section.intro-bgr
    .sb-section-4
    .valores-principios.owl-carousel
    .owl-nav
    .owl-prev:before,
#reconocimientos.section
    .reconocimientos.owl-carousel
    .owl-nav
    .owl-prev:before {
    font-size: 30px;
    content: '\f104';
    line-height: 35px;
}
.section.intro-bgr
    .sb-section-4
    .valores-principios.owl-carousel
    .owl-nav
    .owl-next:before,
#reconocimientos.section
    .reconocimientos.owl-carousel
    .owl-nav
    .owl-next:before {
    font-size: 30px;
    content: '\f105';
    line-height: 35px;
}
.section.intro-bgr .sb-section-4 .valores-principios.owl-carousel .owl-nav {
    margin-top: -35px;
}
#reconocimientos.section .reconocimientos.owl-carousel .owl-nav {
    margin-top: -70px;
}
.section.intro-bgr
    .sb-section-4
    .valores-principios.owl-carousel.owl-drag
    .owl-item,
#reconocimientos.section .reconocimientos.owl-carousel.owl-drag .owl-item {
    padding-left: 20px;
    padding-right: 40px;
}
.section.intro-bgr
    .sb-section-4
    .valores-principios.owl-carousel
    .owl-nav
    .owl-prev,
#reconocimientos.section .reconocimientos.owl-carousel .owl-nav .owl-prev {
    left: 15px;
}
.section.intro-bgr
    .sb-section-4
    .valores-principios.owl-carousel
    .owl-nav
    .owl-next,
#reconocimientos.section .reconocimientos.owl-carousel .owl-nav .owl-next {
    right: 15px;
}
.section.intro-bgr .sb-section-4 .valores-principios.owl-carousel .owl-prev,
.section.intro-bgr .sb-section-4 .valores-principios.owl-carousel .owl-next,
#reconocimientos.section .reconocimientos.owl-carousel .owl-prev,
#reconocimientos.section .reconocimientos.owl-carousel .owl-next {
    background: #324253 none repeat scroll 0 0;
    border-radius: 20px;
    height: 40px;
    width: 40px;
}
.section.educacion-financiera,
.section.hechos-relevantes {
    height: 433px;
    margin: 0;
}
.section.hechos-relevantes {
    background-size: cover;
    margin-bottom: -4px;
}
.section.educacion-financiera h2 img,
.section.hechos-relevantes h2 img {
    height: 133px;
}
.section.transparencia-de-informacion {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/general/bgsection-transparencia.jpg')
        no-repeat scroll 0 50% / 100% auto;
    border-top: medium none;
    margin: 0;
    padding-bottom: 0;
    padding-top: 65px;
}
.section.transparencia-de-informacion h3 {
    margin-top: 60px;
}
.section.transparencia-de-informacion .img-transparencia {
    margin-left: -20%;
}
.close-hide {
    left: calc(50% - 71px);
    margin-top: -40px;
    position: absolute;
    display: none;
}
.close-hide span {
    background: url('/Portals/0/assets/images/general/arrow-red-up.png')
        no-repeat scroll center top;
    color: #45484a;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    height: 30px;
    letter-spacing: 0.1071rem;
    padding-top: 5px;
    text-transform: uppercase;
    width: auto;
}
.section.transparencia-de-informacion .mas-transparencia-de-la-informacion h4 {
    font-size: 1em;
    color: #023a73;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    margin-top: 25px;
    letter-spacing: 0.1071rem;
}
.section.transparencia-de-informacion
    .mas-transparencia-de-la-informacion
    h4:first-child {
    margin-top: 10px;
}
.mas-transparencia-de-la-informacion {
    background: #f7f7f7;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    padding: 62px 0;
    display: none;
}
.mas-transparencia-de-la-informacion .col-md-6 {
    padding: 0 62px;
}
.mas-transparencia-de-la-informacion .col-md-6:nth-child(1) {
    border-right: 1px solid #dedede;
}
.transparencia-de-informacion ul.yellow-bullet li {
    line-height: 1.35em;
}
.transparencia-de-informacion ul.yellow-bullet li a.red-link {
    float: right;
    margin-right: 80px;
}
.links-images-thumbs {
    padding: 0;
}
.links-images-thumbs > li {
    float: left;
    list-style: outside none none;
    width: 20%;
    background: #f5f5f6;
}
.links-images-thumbs > li:nth-child(2n + 1) {
    background: #fff;
}
.links-images-thumbs > li img.img-responsive {
    margin: 0 auto;
    width: 60%;
}
.section.gobierno-corporativo {
    background: #f9f9f9;
    margin: 0;
    border-top: 0;
}
.section.gobierno-corporativo .container {
    padding: 30px;
}
.section.gobierno-corporativo h4 {
    color: rgb(2, 48, 100);
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2857em;
    font-weight: bolder;
    padding-left: 80px;
    width: auto;
    line-height: 1.1857em;
}
.section.gobierno-corporativo h4.ic_indicadores {
    padding-top: 4px;
}
.section.gobierno-corporativo h4.ic_directorio,
.section.gobierno-corporativo h4.ic_reglamentos {
    padding-top: 25px;
}
.indicadores .red-link,
.reglamentos .red-link,
.emision-obligaciones .red-link {
    float: right;
}
.indicadores .red-link {
    margin-right: 40px;
}
.reglamentos .red-link {
    margin-right: 40px;
}
.emision-obligaciones .red-link {
    margin-right: -25px;
}
.section.educacion-financiera .row .col-md-12,
.section.hechos-relevantes .row .col-md-12 {
    height: 330px;
    position: relative;
}
.container-reconocimientos h2 {
    margin-left: 80px;
    margin-top: 25px;
    margin-bottom: 10px;
    line-height: 1em;
}
.section.memoria-bgr {
    height: 460px;
    margin: 0;
    padding: 0;
}
.section.memoria-bgr .md-text {
    font-size: 1.45em;
}
.content-banner {
    position: relative;
    top: 0;
}
.btn-panel {
    position: relative;
    top: 40%;
}
.memoria-bgr .btn-panel {
    top: 40px;
}
/***************************************************************/
/* Fin Informacion Corporativa
/***************************************************************/
/***************************************************************/
/* Educacion Financiera
/***************************************************************/
.section.intro-educacion-financiera {
    background: #f5f5f5;
    border-top: none;
    margin-top: 0;
    padding-bottom: 42px;
}
.section.intro-educacion-financiera h1 {
    margin-bottom: 20px;
}
.logo-bgr-azul {
    max-width: 120px !important;
    display: block;
    margin: 0 auto;
    padding: 40px 0 0;
}
.logo-bgr-te-ensena {
    display: block;
    max-width: 240px;
    margin: 0 auto;
    padding: 0 0 30px;
}
.gray-text-container {
    background: #f0f2f5;
    padding: 0 65px 30px;
    border-radius: 0.5rem;
}
.gray-text-container p {
    color: #083360;
}
.section.consejos-educacion {
    border-top: 1px solid #f7f7f7;
    margin: 0;
}
.consejos-educacion img {
    margin-left: -20px;
}
.section.videos-educacion,
.section.alianzas-seguros {
    background: #f6f7f8;
    margin: 0 0 -4px;
}
.section.beneficios-seguros {
    border-top: 1px solid #f7f7f7;
    margin: 0;
    padding: 0;
}
.videos-educacion .nav.nav-pills.sort-source a {
    color: #45484a;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8571em;
    letter-spacing: 0.1071rem;
    line-height: 20px;
    text-transform: uppercase;
}
.videos-educacion ul.nav-pills.sort-source > li.active > a {
    background-color: #e62b27;
    border-radius: 24px;
    color: #fff;
    padding: 6px 30px !important;
}
.video-thumb h3 {
    color: #023064;
    font-family: 'Gotham', Arial, sans-serif;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    line-height: 1em;
    padding: 24px 35px;
}
.video-thumb {
    background: #fff none repeat scroll 0 0;
    height: auto;
    width: 96.7777%;
}
.video-thumb:hover,
.video-thumb a:hover {
    cursor: pointer;
}
.video-thumb a img:hover {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    opacity: 0.8;
}
.videos-educacion ul li {
    padding: 0;
}
/****************************************************************
/* Fin Educacion Financiera
/***************************************************************/
section.links-de-interes {
    overflow: hidden;
}
.red-link {
    color: rgb(235, 61, 47);
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.8571em;
    font-weight: bold;
    letter-spacing: 0.1071rem;
    text-transform: uppercase;
}
.red-link i {
    font-size: 1.6em;
    margin-top: -4px;
    text-indent: 0;
    vertical-align: middle;
}
.blue-label {
    color: #012248 !important;
}
.white-label {
    color: #fff !important;
}
.dark-gray {
    color: #2c2c2c !important;
}
.main-nav {
    background: #004a9c;
    width: 100%;
    height: 35px;
}
.tp-caption.disclaimer-label {
    font-size: 0.75rem !important;
}
p.disclaimer-label {
    color: #004ace !important;
    font-weight: 500;
    font-size: 0.9rem;
}
.ind-line {
    line-height: 1.2857em !important;
    margin-bottom: 10px;
}
.ind-line a {
    line-height: 1.2857em !important;
}
a.small-red-button,
a.medium-red-button {
    background: #004ace;
    border-radius: 24px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.7143em;
    font-weight: normal;
    letter-spacing: 2px;
    padding: 6px 20px;
    text-transform: uppercase;
}
a.small-gray-button,
a.medium-gray-button {
    background: #959595 none repeat scroll 0 0;
    border-radius: 24px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.7143em;
    font-weight: normal;
    letter-spacing: 2px;
    padding: 6px 20px;
    text-transform: uppercase;
}
a.medium-red-button,
.sm-message a.medium-red-button {
    font-size: 0.8571rem;
    padding: 0 40px;
    margin: 0;
    font-weight: normal;
    white-space: nowrap;
    line-height: 48px;
    height: 48px;
    display: inline-block;
}
a.medium-gray-button,
.sm-message a.medium-gray-button {
    font-size: 0.8571em;
    padding: 12px 20px;
    margin: 0 0 0 35px;
    font-weight: normal;
    white-space: nowrap;
}
a.small-red-button:hover,
a.medium-red-button:hover,
.sm-message a.small-red-button:hover,
.sm-message a.medium-red-button:hover {
    color: #fff;
    text-decoration: none;
    background: #005cff;
}
a.small-red-button {
    cursor: text !important;
    background: none;
    color: #004a9c;
    padding: 6px 0;
    border-bottom: 2px solid rgba(0, 74, 206, 0.15);
    border-radius: 0;
}
a.small-red-button:hover {
    background: none;
    color: #004a9c;
}
.dropdown-corp:hover > .dropdown-menu {
    display: block;
}
#header .header-nav-top .dropdown-menu {
    border-color: #eee;
    margin-top: -7px;
    padding: 5px 0 5px;
    top: 20px;
    left: 5px;
    border-radius: 0 0 3px 3px;
    border-top: none;
}
#header .dropdown-menu > li > a:focus,
#header .dropdown-menu > li > a:hover {
    background: #004586;
    color: #fff;
}
#header .header-nav-top .dropdown-menu li a {
    font-size: 0.88em;
}
.bgr-access {
    background: #0b3266;
    width: 240px;
    height: 290px;
    position: absolute;
    top: 54px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    padding: 0 10px 17px;
    display: none;
    z-index: 2;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -o-transition: all 3s ease;
    transition: all 3s ease;
}
.bgr-access h2,
.bgr-access span {
    color: #a1b1bc;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: initial;
    line-height: 19px;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 20px;
    font-family: 'Usual', Arial, sans-serif;
    display: block;
}
.nav-bgrnet .bgr-access {
    right: 0;
    top: 70px;
}
.nav-bgrnet .bgr-access h2,
.nav-bgrnet .bgr-access span {
    margin-top: 20px;
}
ul.bgr-access-nav {
    list-style: outside none none;
    padding: 0;
    margin: 0 -10px;
}
ul.bgr-access-nav li {
    padding: 8px 15px;
    border-bottom: 1px solid rgba(4, 41, 87, 0.4);
}
ul.bgr-access-nav li:first-child {
    padding-top: 0;
}
ul.bgr-access-nav li:last-child {
    border-bottom: none;
}
ul.bgr-access-nav li a {
    display: block;
    background: #2a7db9;
    background: linear-gradient(to bottom, #2a7db9 0%, #1251a2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7db9', endColorstr='#1251a2',GradientType=0 );
    height: 32px;
    width: 100%;
    color: #fff;
    border-radius: 20px;
    line-height: 32px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    text-align: center;
}
ul.bgr-access-nav li a:hover {
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.25) inset;
    text-decoration: none;
}
ul.bgr-access-nav li a:focus,
ul.bgr-access-nav li a:active {
    text-decoration: none;
    background: #1251a2;
    background: linear-gradient(
        to bottom,
        #1251a2 0%,
        #2a7db9 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1251a2', endColorstr='#2a7db9',GradientType=0 ); /* IE6-9 */
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) inset;
}
/****************************************************************
/* Navegación Principal
/***************************************************************/
#mainNav.nav > li {
    display: inline-block !important;
}
#mainNav.nav > li:last-child {
    margin-left: 30px;
}
#mainNav.nav > li:last-child > a {
    font-weight: normal;
    display: inline-block;
}
.home-link {
    display: inline-block;
    background: url('/Portals/0/assets/images/icons/ic-home.svg') no-repeat 0 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 0;
}
.home-link:hover {
    background-position: 0 -24px;
}
.ic_contactenos {
    display: inline-block;
    background: url('/Portals/0/assets/images/icons/ic_contactenos.svg')
        no-repeat 0 0;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
.ic_agencias {
    display: inline-block;
    background: url('/Portals/0/assets/images/icons/ic_agencias.svg') no-repeat
        0 0;
    width: 11px;
    height: 14px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
.ic_buscar {
    display: inline-block;
    background: url('/Portals/0/assets/images/icons/ic_buscar.svg') no-repeat 0
        0;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
.ic-arrow-right {
    display: inline-block;
    width: 10px;
    height: 17px;
    background: url('/Portals/0/assets/images/general/arrow-red-right.png')
        no-repeat 0 0;
    vertical-align: middle;
    margin-top: -4px;
}
.card-header h4[aria-expanded='false'] i.fa-minus {
    display: none;
}
.card-header h4[aria-expanded='true'] i.fa-minus {
    display: inline;
}
.card-header h4[aria-expanded='false'] i.fa-plus {
    display: inline;
}
.card-header h4[aria-expanded='true'] i.fa-plus {
    display: none;
}
li.bgrnet-link:hover button.btn-bgrnet {
    background: #052d62
        url('/Portals/0/assets/images/general/arrow-red-down.png') no-repeat
        scroll center 39px !important;
    color: #fff !important;
}
li.bgrnet-link:hover .bgr-access {
    display: block;
}
.ic_bgrnet {
    display: inline-block;
    background: url('/Portals/0/assets/images/icons/ic_bgr_net.svg') no-repeat 0 -15px;
    width: 11px;
    height: 15px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
.nav-bgrnet {
    display: none;
}
.hidden-label {
    display: none;
}
#mainNav.nav > li > button.btn-bgrnet:hover .ic_bgrnet,
#mainNav.nav > li.bgrnet-link:hover > button .ic_bgrnet {
    background-position: 0 0;
}
/****************************************************************
/* Main Container
/***************************************************************/
.hide-title {
    display: none;
}
.ic-personas {
    background: url('/Portals/0/assets/images/icons/ic-persona.svg') no-repeat 0
        0;
    width: 17px;
    height: 26px;
    display: inline-block;
}
.ic-empresas {
    background: url('/Portals/0/assets/images/icons/ic-empresas.svg') no-repeat
        0 0;
    width: 40px;
    height: 26px;
    display: inline-block;
}
.ic-canales {
    background: url('/Portals/0/assets/images/icons/ic-canales.svg') no-repeat 0
        0;
    width: 30px;
    height: 26px;
    display: inline-block;
}
.ic-personas-dark {
    background: url('/Portals/0/assets/images/icons/icn-personas.svg') no-repeat
        50% 50%;
    width: 30px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.ic-empresas-dark {
    background: url('/Portals/0/assets/images/icons/icn-empresas.svg') no-repeat
        50% 50%;
    width: 55px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.ic-canales-dark {
    background: url('/Portals/0/assets/images/icons/icn-canales.svg') no-repeat
        50% 50%;
    width: 30px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.bg-gray {
    background: #f6f6f7;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 53px;
}
.blue-title {
    color: #004ace !important;
}
ol li::marker {
    font-weight: bold;
}
.call-to-action.call-to-action-primary.banner-bg {
    background: url('/Portals/0/assets/images/background/background-banner-secondary.png')
        no-repeat scroll 0 0 / 100% 100%;
}
.menu-container {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    min-height: 344px;
    padding: 33px 35px;
    position: absolute;
    width: 92%;
    z-index: 2;
}
.menu-container h2 {
    color: #023a73;
    font-size: 1.1429em;
    letter-spacing: 0.05em;
    line-height: 1.129em;
    padding-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial, sans-serif;
    margin: 0 -20px;
}
.menu-container h2 i {
    vertical-align: bottom;
    margin-right: 14px;
}
.menu-container .nav {
    padding-left: 50px;
    padding-top: 10px;
    border-top: 1px solid #e8e9e9;
}
.menu-container .nav a {
    display: inline-block;
    padding: 5px;
    width: 92%;
    color: #4c505d;
}
.menu-container i {
    color: #ffd34b;
    font-size: 0.5em;
    vertical-align: middle;
    margin-right: 8px;
}
.menu-container .nav a:hover {
    color: #004ace;
    text-decoration: underline;
    text-decoration-color: #004ace;
    text-decoration-thickness: 0.15rem;
    text-underline-offset: 4px;
}
ul.people li.dropdown-menu,
ul.enterprise li.dropdown-menu,
ul.channels li.dropdown-menu {
    background: transparent;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    float: initial;
    margin: 0;
    padding: 0;
    min-width: 180px;
}
ul.nav.people li.dropdown-menu .nav-list,
ul.nav.enterprise li.dropdown-menu .nav-list,
ul.nav.channels li.dropdown-menu .nav-list {
    border-top: medium none;
    display: none;
    padding: 0 0 0 25px;
}
ul.nav.people li.dropdown-menu ul.nav-list li a,
ul.nav.enterprise li.dropdown-menu ul.nav-list li a,
ul.nav.channels li.dropdown-menu ul.nav-list li a {
    color: #4c505d;
}
ul.nav.people li.dropdown-menu ul.nav-list a:hover,
ul.nav.enterprise li.dropdown-menu ul.nav-list a:hover,
ul.nav.channels li.dropdown-menu ul.nav-list a:hover {
    background: transparent;
    color: #004ace;
}
ul.nav.people li.dropdown-menu ul.nav-list li a::before,
ul.nav.enterprise li.dropdown-menu ul.nav-list li a::before,
ul.nav.channels li.dropdown-menu ul.nav-list li a::before {
    border-left: 4px solid #004ace;
    margin: 7px 0 0 -15px;
}
ul.nav.people li.dropdown-menu:hover .nav-list,
ul.nav.enterprise li.dropdown-menu:hover .nav-list,
ul.nav.channels li.dropdown-menu:hover .nav-list {
    display: block;
}
.second-level-list {
    padding: 0 !important;
    margin: 0 0 0 15px !important;
}
.hidden-banner-timer {
    visibility: hidden !important;
}
.floating-button {
    left: 52%;
    position: absolute;
    top: 170px;
}
.shadow-box {
    box-shadow: 0 0 12px 0 rgba(0, 74, 206, 0.15);
}
.section.noticias {
    margin: 0;
    padding: 0 0 65px;
}
.section.noticias > .container > .row {
    padding: 0;
}
.section.noticias .noticias-panel {
    width: 100%;
    min-height: 363px;
    padding: 35px 30px;
}
.section.noticias .title-txt {
    color: #45484a;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.1071rem;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
}
.noticia-principal h3,
.thumb-noticias h3 {
    color: #023a73;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1429em;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.noticias-panel > .row:nth-child(2) > .col-md-6:nth-child(2) {
    border-left: 1px solid #e5e7e9;
}
.nf-image {
    float: left;
    margin-bottom: 30px;
}
.fecha-noticias {
    color: #999999;
    display: block;
    font-size: 0.8571em;
    line-height: initial;
}
.texto-intro {
    display: block;
    line-height: 1.4286em;
    margin-top: 5px;
}
.no-border {
    border: none !important;
}
.nombre-producto {
    border-bottom: 5px solid rgba(0, 74, 206, 0.15);
    padding-top: 20px;
    padding-bottom: 40px;
    text-align: left;
}
.nombre-producto h1 {
    margin-bottom: 0;
    text-align: left;
    line-height: 1;
}
.descripcion-producto p {
    color: #45484a;
    padding-left: 3px;
}
.left-panel,
.right-panel {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    padding: 48px 36px;
    overflow: hidden;
}
.right-panel p {
    color: #45484a;
}
.left-panel h3 {
    margin-bottom: 32px;
}
.right-panel h3 {
    position: relative;
    margin-bottom: 56px;
}
.right-panel h3::after {
    content: '';
    display: block;
    width: 30%;
    background: rgba(0, 74, 206, 0.15);
    height: 5px;
    position: absolute;
    bottom: -24px;
}
.center-panel {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    padding: 15px;
}
.small-caps-h3 {
    font-size: 1.5em;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left !important;
    text-transform: uppercase;
}
.p-lxxl {
    padding-left: 160px !important;
}
.pr-xxlg {
    padding-right: 140px !important;
}
.box-border {
    border: 1px solid rgba(196, 196, 196, 0.65);
    /*border: 1px solid #d3d4d900;
	box-shadow: 0 0 12px 0 rgba(0, 74, 206, 0.15);*/
}
.numbered-list-lg {
    counter-reset: benefits-counter;
    dd {
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 1.2857em;
        padding: 2px 0;
        padding-left: 40px;
        position: relative;
        font-weight: 400;
    }
    dd::before {
        color: #004ace;
        content: counter(benefits-counter, decimal);
        counter-increment: benefits-counter;
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 2.1429em;
        font-weight: 600;
        left: 0;
        position: absolute;
        top: -6px;
    }
}
.md-text-disclaimer {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 1.2857em;
    padding: 2px 0;
    position: relative;
    font-weight: 400;
    span {
        color: #004ace;
        font-size: 3rem;
        font-weight: 600;
        line-height: 12px;
        display: inline-flex;
    }
    b {
        font-weight: 600;
    }
}
.image-placeholder {
    width: 100%;
    overflow: hidden;
    height: 100%;
    img {
        object-fit: cover;
        width: 100%;
    }
}
.blue-panel {
    background: #004ace;
}
.blue-panel a.medium-red-button {
    background: #fff;
    border: 2px solid #fff;
    color: #004ace;
    font-weight: 500;
    transition: all 200ms ease-in-out;
}
.blue-panel a.medium-red-button:hover,
.blue-panel a.medium-red-button:active,
.blue-panel a.medium-red-button:focus {
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid #fff;
    color: #fff;
}
.light-yellow-panel {
    background: #f1c920;
}
.blue-panel,
.light-yellow-panel {
    :is(h3) {
        color: #fff;
    }
    :is(sub) {
        color: #fff;
    }
    :is(h4) {
        color: #fff;
    }
}
ul.w-bullet,
ul.r-bullet,
ul.b-bullet {
    list-style: none;
    margin-bottom: 3rem;
    padding-left: 28px;
    :is(li) {
        text-align: left;
    }
    > li::before {
        content: '\f00c';
        font-family: 'Font Awesome 6 Pro', sans-serif;
        font-size: 1.425rem;
        margin-right: 10px;
        margin-left: -28px;
    }
}
ul.g-bullet {
    list-style: none;
    margin-left: 0;
    padding-right: 2rem;
    margin-bottom: 0;
    padding-left: 30px;
    li {
        font-size: 1.15rem;
        text-align: left;
        margin-bottom: 10px;
    }
    > li::before {
        content: '\f00c';
        font-family: 'Font Awesome 6 Pro', sans-serif;
        font-size: 0.85rem;
        font-weight: 400;
        margin-right: 8px;
        margin-left: -30px;
        color: #fff;
        background: #3b8fff;
        padding: 4px 5px;
        border-radius: 50%;
    }
}
ul.sb-bullet {
    list-style: none;
    margin-left: 0;
    padding-right: 2rem;
    margin-bottom: 0;
    padding-left: 30px;
    li {
        font-size: 1.15rem;
        text-align: left;
        margin-bottom: 10px;
    }
    > li::before {
        content: '\f00c';
        font-family: 'Font Awesome 6 Pro', sans-serif;
        font-size: 0.85rem;
        font-weight: 400;
        margin-right: 8px;
        margin-left: -30px;
        color: #fff;
        background: #3b8fff;
        padding: 4px 5px;
        border-radius: 50%;
    }
}
.simple-box-wrapper {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.simple-box {
    width: 100%;
    border: 1px solid rgba(196, 196, 196, 0.65);
    border-radius: 16px;
    padding: 48px;
    :is(h4) {
        margin-bottom: 24px;
    }
}
.no-line {
    margin-bottom: 30px !important;
}
.no-line::after {
    background: transparent !important;
    height: initial !important;
    width: initial !important;
    display: initial !important;
    bottom: initial !important;
    position: initial !important;
}
.blue-panel ul.w-bullet li,
.blue-panel p,
.light-yellow-panel ul.w-bullet li,
.light-yellow-panel p {
    color: #fff;
    font-weight: 300;
    margin-bottom: 0.7143rem;
}
.blue-panel ul.w-bullet li sub,
.light-yellow-panel ul.w-bullet li sub {
    bottom: 0;
}
.adside {
    width: 100%;
    height: auto;
    margin: 30px 0;
}
.adside img {
    width: 100%;
    border-radius: 24px;
}
.bt-image {
    bottom: -30px;
    position: absolute;
    right: 20px;
}
.sm-message {
    font-size: 0.7857em;
    color: #45484a;
    letter-spacing: 1px;
}
.sm-message a {
    font-weight: bold;
}
.sm-message a:active,
.sm-message a:focus {
    color: #eb3d2f;
}
.sm-message a:hover {
    color: #c62320;
}
ul.yellow-bullet,
ul.blue-bullet {
    padding-left: 0;
    list-style: none;
}
ul.yellow-bullet li:before {
    font-family: 'FontAwesome', sans-serif;
    font-size: 0.6em;
    content: '\f04d';
    color: #636363;
    vertical-align: middle;
    margin-right: 8px;
}
ul.blue-bullet li::before {
    font-family: 'FontAwesome', sans-serif;
    font-size: 0.6em;
    content: '\f04d';
    color: #a7c8c4;
    vertical-align: middle;
    margin-right: 8px;
}
ul.yellow-bullet li,
ul.blue-bullet li {
    color: #45484a;
    margin-bottom: 10px;
    padding-left: 1.2em;
    text-indent: -1em;
}
.list-simple.mt-2 {
    margin-top: 10px;
}
ul.list-dl li {
    line-height: initial;
    padding-top: 12px;
    white-space: nowrap;
}
.slide-tab {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}
.slide-tab .tab-nav {
    position: relative;
    left: 0;
}
ul.list-sm {
    white-space: nowrap;
}
.tab-arrow-right,
.tab-arrow-left {
    display: block;
    height: 60px;
    position: absolute;
    width: 50px;
}
.tab-arrow-right {
    background: #fff none repeat scroll 0 0;
    bottom: 8px;
    right: 0;
}
.tab-arrow-left {
    background: #fff none repeat scroll 0 0;
    bottom: 8px;
    left: 0;
    text-align: right;
}
.tab-arrow-right a {
    line-height: 76px;
    margin-left: 10px;
}
.tab-arrow-left a {
    line-height: 76px;
    margin-right: 10px;
}
.tab-arrow-right a .fa-angle-double-right,
.tab-arrow-left a .fa-angle-double-left {
    font-size: 1.5em;
}
.tab-arrow-left {
    display: none;
}
.small-caps {
    font-size: 0.85em;
}
.floating-image {
    position: absolute;
    z-index: 2;
    left: -30px;
}
ul.telefonicas {
    list-style: outside none none;
    margin-top: 10px;
    padding-left: 10px;
}
ul.telefonicas li {
    font-size: 0.8571em;
}
.icon-movistar,
.icon-claro,
.icon-cnt {
    clear: both;
    display: inline-block;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
    width: 24px;
}
.icon-movistar {
    background: url('/Portals/0/assets/images/general/movistar-logo.png')
        no-repeat 0 0;
}
.icon-claro {
    background: url('/Portals/0/assets/images/general/claro-logo.png') no-repeat
        0 0;
}
.icon-cnt {
    background: url('/Portals/0/assets/images/general/cnt-logo.png') no-repeat 0
        0;
}
.list-benefits dt.ic_movil:before,
.list-benefits dt.ic_menu:before,
.list-benefits dt.ic_sms:before {
    content: initial;
}
.list-benefits dt.ic_movil,
.list-benefits dt.ic_menu,
.list-benefits dt.ic_sms {
    padding-left: 60px;
    text-transform: capitalize;
}
i.ic_movil {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/icons/ic_movil.png') no-repeat scroll 0 0;
    display: inline-block;
    height: 48px;
    left: 5px;
    position: absolute;
    width: 48px;
}
i.ic_menu {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/icons/ic_menu_interactivo.png') no-repeat
        scroll 0 0;
    display: inline-block;
    height: 48px;
    left: 5px;
    position: absolute;
    width: 48px;
}
i.ic_sms {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/icons/ic_envelope.png') no-repeat scroll 0
        0;
    display: inline-block;
    height: 48px;
    left: 5px;
    position: absolute;
    width: 48px;
}
ul.sidemenu-elements {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    list-style: outside none none;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 40px;
}
ul.sidemenu-elements li {
    border-bottom: 2px solid #e9edf0;
    padding-left: 45px;
}
ul.sidemenu-elements li a {
    color: #8eafcf;
    line-height: 60px;
    height: 60px;
}
ul.sidemenu-elements li.active a {
    color: #023064;
}
.tab-list.sc-level ul.tab-nav {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 30px;
}
.tab-list.sc-level ul.tab-nav li {
    height: 45px;
    line-height: 45px;
    width: 50%;
}
.tab-list.sc-level ul.tab-nav li.active {
    border-bottom: 3px solid #004a9c;
    /*	border-bottom: 3px solid rgba(0, 0, 0, 0.1);*/
    border-top: medium none;
    box-shadow: initial;
    height: 45px;
    line-height: 45px;
}
ul.tab-nav.list-uv li {
    display: inline-block;
    max-width: 250px;
}
footer .logo img {
    height: 35px !important;
    width: 55px !important;
}
/****************************************************************
/* Promociones
/***************************************************************/
.section.promo-thumbs {
    margin-top: 50px;
    padding-top: 0;
    position: relative;
}
.section.promo-thumbs h2 {
    color: #023064;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4286em;
    line-height: 2.1em;
    margin: 0 0 20px;
    padding: 0 60px;
}
.prom-group {
    display: block;
    width: 390px;
    height: 299px;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
}
.thumb-prom {
    display: block;
    width: 100%;
    height: 100%;
}
.prom-group img {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
}
.prom-group .detail {
    display: block;
    background: #f2f7fb;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 25px 25px 25px 35px;
    overflow-y: auto;
    border-radius: 25px;
}
.prom-group .detail h3 {
    border-bottom: 0 none;
    color: #023064 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2857em;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.prom-group .detail li,
.prom-group .detail p {
    color: #6f7377;
    font-size: 0.8571em;
    line-height: 22px;
    margin-bottom: 6px;
}
.promo-thumbs .col-md-6 {
    margin-bottom: 25px;
}
.prom-group .detail i {
    color: #ffd34b;
    font-size: 0.6em;
    margin-right: 4px;
    vertical-align: middle;
}
/****************************************************************
/* Older Browsers
/***************************************************************/
.prom-group.slide {
    overflow: hidden;
}
.prom-group.slide .detail {
    bottom: -364px;
}
.simple-cta-box {
    border-radius: 24px;
    padding: 60px 42px;
    flex-direction: column;
    display: flex;
    justify-content: center;
    gap: 15px;
    h3 {
        text-align: center;
        text-transform: initial;
        font-size: 1.75rem;
        letter-spacing: 0;
    }
    p {
        font-size: 1.4rem;
        line-height: 1.25;
    }
    a {
        max-width: 280px;
        margin: 0 auto;
    }
}
/***************************************************************/
/* Newer Browsers
/***************************************************************/
.prom-group.flip {
    perspective: 800px;
}
.prom-group.flip .thumb-prom {
    transition: transform 1s ease;
    transform-style: preserve-3d;
}
.prom-group.flip .detail,
.prom-group.flip .theFlip {
    transform: rotateY(-180deg);
}
.prom-group.flip img,
.prom-group.flip .detail {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.prom-group.flip .theFlip .detail {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
.promo-thumbs .container .row {
    margin: 28px 0;
}
.info-tarjetas .form-control {
    cursor: pointer;
    background: #ececf0;
    height: 40px;
    border: none;
    box-shadow: inherit;
    border-radius: 0;
}
/***************************************************************/
/* Contacto / Agencias
/***************************************************************/
section.contactenos {
    margin-top: 0;
    padding-top: 40px;
}
.cover-left,
.cover-right {
    background: #004a9c;
}
.cover-left img,
.cover-right img {
    opacity: 0.2;
}
.link-thumb h3 {
    font-size: 1.4em;
}
.cover-left:hover,
.cover-right:hover {
    background: #000;
}
.cover-left:hover img,
.cover-right:hover img {
    opacity: 0.8;
}
.section.noticia-detalle .image-description p {
    font-size: 0.85em;
    line-height: 17px;
    padding: 0 20px;
}
.section.noticia-detalle .post-content h3 {
    font-size: 1.65rem;
    text-transform: initial;
    letter-spacing: 0;
    color: #363636;
    margin-top: 30px;
    margin-bottom: 15px;
}
.section.noticia-detalle .post-content ul {
    padding-left: 18px;
}
.section.noticia-detalle .post-content ul li {
    list-style: none;
}
.section.noticia-detalle .post-content ul li:before {
    font-family: 'FontAwesome', sans-serif;
    font-size: 0.6em;
    content: '\f04d';
    color: #636363;
    vertical-align: middle;
    margin-right: 12px;
    margin-left: -17px;
}
.search-news .btn.btn-primary.btn-md {
    background: #004a9c none repeat scroll 0 0;
    border-color: #004a9c;
    border-radius: 0 4px 4px 0;
    height: 34px;
    padding: 0 10px;
}
table.gsc-search-box {
    display: none !important;
}
.gsc-adBlock {
    display: none !important;
}
.gsc-control-cse.gsc-control-cse-es {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    padding: 0 !important;
}
.gsc-results-wrapper-overlay {
    height: 80% !important;
    top: 105px !important;
    width: 1240px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-radius: 0 0 12px 12px !important;
}
.gs-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    color: #004ace !important;
}
.gsc-table-cell-thumbnail.gsc-thumbnail {
    display: none;
}
.list-benefits.ic-list dt::before {
    content: '';
}
.owl-theme .owl-nav [class*='owl-'] {
    padding: 1px 7px;
    border-radius: 50px;
}
.asistencia-text-visa .yellow-bullet > li {
    margin-bottom: 0;
}
.info-tarjetas .container {
    width: var(--bgr-max-width);
}
.tarjetas-visa .owl-item ul.tab-nav li {
    border-top: medium none;
    box-shadow: none;
    display: inline-block;
    font-size: 1.2em;
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    background: none;
}
.tarjetas-visa .owl-item ul.tab-nav li a {
    font-size: 0.8em;
}
.tarjetas-visa .owl-item ul.tab-nav li.active {
    border-bottom: 3px solid #003576;
}
.tarjetas-visa .owl-item ul.tab-nav li.active a:focus {
    text-decoration: none;
}
.tarjetas-carousel.owl-carousel .owl-nav button {
    border: none;
}
.tarjetas-visa .gray-panel-visa {
    background: #f2f7fb;
}
.tarjetas-visa .owl-item ul.tab-nav {
    background: none;
    height: 40px;
}
.info-tarjetas .owl-carousel .tab-content {
    padding: 30px 40px;
}
.video-reconocimientos-bgr {
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 2;
}
ul.sec-level {
    list-style: initial;
    padding-left: 15px;
}
ul.sec-level li {
    line-height: 25px;
    margin-bottom: 0 !important;
}
.programa-asistencia.owl-carousel.owl-drag,
.programa-asistencia-supermaxi.owl-drag,
.programa-asistencia-gold.owl-drag {
    margin-top: 60px;
}
.programa-asistencia.owl-carousel.stage-margin .owl-stage-outer,
.programa-asistencia-supermaxi.owl-carousel.stage-margin .owl-stage-outer,
.programa-asistencia-gold.owl-carousel.stage-margin .owl-stage-outer {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.programa-asistencia.owl-carousel.owl-drag .owl-item,
.programa-asistencia-supermaxi.owl-drag .owl-item,
.programa-asistencia-gold.owl-drag .owl-item {
    padding: 0 !important;
}
.programa-asistencia.owl-carousel.owl-drag .owl-dots,
.programa-asistencia-supermaxi.owl-carousel.owl-drag .owl-dots,
.programa-asistencia-gold.owl-drag .owl-dots {
    position: absolute;
    right: 0;
    top: -50px;
}
.centro-atencion-al-cliente,
.servicio-informacion-viajeros,
.reposicion-de-tarjeta-y-desembolso-de-efectivo-emergencia,
.proteccion-de-precio,
.servicio-informacion-viajeros,
.seguro-alquiler-autos,
.proteccion-de-precio,
.garantia-extendida,
.proteccion-de-compra {
    display: inline-block;
    font-size: 1.4em !important;
    line-height: 1.3em;
    padding-left: 80px;
    text-transform: none;
    width: 100%;
}
.centro-atencion-al-cliente {
    background: url('/Portals/0/assets/images/visa/programa-de-asistencia/centro-atencion-al-cliente.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 75px;
    padding-top: 20px;
    padding-left: 85px;
}
.servicio-informacion-viajeros {
    background: url('/Portals/0/assets/images/visa/programa-de-asistencia/servicio-informacion-viajeros.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 85px;
    padding-top: 25px;
    padding-left: 85px;
}
.reposicion-de-tarjeta-y-desembolso-de-efectivo-emergencia {
    background: url('/Portals/0/assets/images/visa/programa-de-asistencia/reposicion-de-tarjeta-y-desembolso-de-efectivo-emergencia.svg')
        no-repeat scroll 0 0 / 140px auto;
    height: 85px;
    padding-top: 15px;
    padding-left: 160px;
}
.proteccion-de-precio {
    background: url('/Portals/0/assets/images/visa/programa-de-asistencia/proteccion-de-precio.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 75px;
    padding-top: 25px;
    padding-left: 85px;
}
.seguro-alquiler-autos {
    background: url('/Portals/0/assets/images/visa/programa-de-asistencia/seguro-alquiler-autos.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 75px;
    padding-left: 85px;
    padding-top: 25px;
}
.garantia-extendida {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/visa/programa-de-asistencia/garantia-extendida.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 95px;
    padding-top: 25px;
    padding-left: 85px;
}
.proteccion-de-compra {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/visa/programa-de-asistencia/proteccion-de-compra.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 75px;
    padding-left: 85px;
    padding-top: 25px;
}
.img-googleplay {
    float: left;
    height: auto;
    width: 180px !important;
}
.label-googleplay {
    color: #023064;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 0.8em;
    position: relative;
    top: 5px;
    vertical-align: bottom;
}
.md-logo {
    max-height: 42px;
}
.blog-posts.list-news h3 {
    font-size: 1.3em;
    margin-bottom: 5px;
}
.blog-posts.list-news .post-content span {
    display: block;
    font-size: 0.8751em;
    margin-bottom: 3px;
}
.blog-posts.list-news .red-link {
    float: right;
}
.blog-posts.list-news p {
    margin-bottom: 6px;
}
.mapa-google.mb-lg {
    margin-top: -35px;
}
.mapa-google.mb-lg.contactenos-map {
    margin-top: 0;
}
.filtros-busqueda h3 {
    font-size: 1.5em;
    margin-top: 20px;
}
/***************************************************************/
/** Mensaje Simulador
/***************************************************************/
.interes-group {
    display: none;
}
.resultado_calculo {
    width: 100%;
}
.results {
    display: none;
}
.select2-container {
    z-index: 2147483647 !important;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 240px;
}
.select2-container .select2-selection--single {
    height: 40px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 40px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 38px;
}
.mapgoogle {
    width: 100%;
    height: 600px;
    border: none;
}
.img-qr {
    width: 172px !important;
    height: auto !important;
}
.title-img.memoria-2023 {
    left: calc(50% - 236px);
    position: relative;
    top: 20px;
    width: 480px !important;
}
.owl-carousel.medios-disponibles .owl-item {
    padding: 0 20px;
}
.list-recent-articles {
    border: 1px #e8e9ed solid;
    border-radius: 24px;
}
h3.latest-blog-title {
    color: #4c505d;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 25px 0 25px 25px;
    background: url('/Portals/0/assets/images/general/bg-title-blog.png')
        no-repeat 23px 70px;
    font-weight: 600;
}
img.round-corner {
    border-radius: 24px;
}
.list-recent-articles > ul {
    list-style: none;
    padding: 0 25px;
    margin-bottom: 0;
}
.list-recent-articles > ul > li {
    border-bottom: 1px solid #d3d4d9;
    font-size: 16px;
    height: 70px;
    padding: 25px 0;
}
.list-recent-articles > ul > li:last-child {
    border-bottom: none;
}
.dark-bg {
    color: #fff !important;
}
.article-info-ba {
    left: 60px;
    top: 50px;
    position: absolute;
}
.category-article {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}
.title-article {
    display: block;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 35px;
}
.article-info-thumb {
    background: rgba(0, 0, 0, 0.45);
    display: block;
    height: 100%;
    left: 15px;
    position: absolute;
    top: 0;
    width: calc(100% - 30px);
}
.article-info-thumb:hover {
    background: rgba(0, 0, 0, 0.65);
}
.article-info-thumb a.box-white-button:hover {
    background: rgba(0, 0, 0, 0.25);
}
.article-info-thumb-text {
    margin-top: 70px;
    text-align: center;
    padding: 0 20px;
}
.article-info-thumb .category-article {
    text-align: center;
}
.article-info-thumb .title-article,
.article-info-ba .title-article {
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    font-weight: normal;
    line-height: 35px;
    text-align: center;
    text-transform: none;
}
.box-white-button {
    border: 1px solid #fff;
    border-radius: 30px;
    display: inline-block;
    min-width: 140px !important;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
}
a.box-white-button:hover {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
}
.white-link {
    color: #fff;
}
.roundborder {
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #d3d4d9;
}
.dialog-fs {
    max-width: 100%;
    width: 100%;
    padding: 40px 25px;
    text-align: center;
}
.dialog-fs > img {
    margin: 0 auto;
}
.video-calificacion-bgr {
    position: absolute;
    right: 40px;
    top: 50px;
    z-index: 2;
}
.sign-contact p {
    font-size: 0.9em;
    margin: 0;
}
.img-suscrito img {
    height: auto;
    margin-bottom: 18px;
    max-width: 320px;
}
.img-solicitud img {
    height: auto;
    margin-bottom: 18px;
    max-width: 320px;
}
.img-error-solicitud img {
    height: auto;
    margin-bottom: 18px;
    max-width: 323px;
}
ul.checks-ul li {
    list-style: outside none none;
}
.fa.bluecheck {
    color: #4c505d;
    margin-left: -24px;
    margin-right: 9px;
}
/***************************************************************/
/* TABS Verticales
/***************************************************************/
div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-top: 1px solid #d3d4d9;
}
div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group {
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group > a {
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group > a .glyphicon,
div.bhoechie-tab-menu div.list-group > a .fa {
    color: #5a55a3;
}
div.bhoechie-tab-menu div.list-group > a:first-child {
    border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group > a:last-child {
    border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group > a.active,
div.bhoechie-tab-menu div.list-group > a.active .glyphicon,
div.bhoechie-tab-menu div.list-group > a.active .fa {
    color: #ffffff;
}
div.bhoechie-tab-menu div.list-group > a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #5a55a3;
}
div.bhoechie-tab-content {
    background-color: transparent;
    padding-left: 20px;
    padding-top: 10px;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}
.bhoechie-tab-menu .list-group .list-group-item {
    border-bottom: 1px solid #ddd;
    border-top: medium none;
    border-left: none;
    border-right: none;
}
.bhoechie-tab-menu .list-group .list-group-item:last-child {
    border-bottom: none;
}
.btn-agua,
.btn-luz,
.btn-telefonia,
.btn-educacion,
.btn-impuestos,
.btn-seguros,
.btn-hogar,
.btn-tecnologia,
.btn-entretenimiento,
.btn-turismo {
    display: block;
    width: 72px;
    height: 72px;
    position: relative;
    padding: 4px;
}
.bhoechie-tab {
    border-left: none;
}
.btn-agua {
    background: #14b3e7 !important;
}
.btn-agua.active,
.btn-agua:hover {
    background: #3873b9 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-agua.active:after {
    border-left: 10px solid #3873b9;
}
.btn-luz {
    background: #f0e94c !important;
}
.btn-luz.active,
.btn-luz:hover {
    background: #d3ab42 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-luz.active:after {
    border-left: 10px solid #d3ab42;
}
.btn-telefonia {
    background: #47b649 !important;
}
.btn-telefonia.active,
.btn-telefonia:hover {
    background: #1f803f !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-telefonia.active:after {
    border-left: 10px solid #1f803f;
}
.btn-educacion {
    background: #f99d3b !important;
}
.btn-educacion.active,
.btn-educacion:hover {
    background: #f15f35 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-educacion.active:after {
    border-left: 10px solid #f15f35;
}
.btn-impuestos {
    background: #224a73 !important;
}
.btn-impuestos.active,
.btn-impuestos:hover {
    background: #2b265c !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-impuestos.active:after {
    border-left: 10px solid #2b265c;
}
.btn-seguros {
    background: #ad5b5b !important;
}
.btn-seguros.active,
.btn-seguros:hover {
    background: #7e2f2f !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-seguros.active:after {
    border-left: 10px solid #7e2f2f;
}
.btn-hogar {
    background: #815ea5 !important;
}
.btn-hogar.active,
.btn-hogar:hover {
    background: #643092 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-hogar.active:after {
    border-left: 10px solid #643092;
}
.btn-tecnologia {
    background: #858585 !important;
}
.btn-tecnologia.active,
.btn-tecnologia:hover {
    background: #575757 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-tecnologia.active:after {
    border-left: 10px solid #575757;
}
.btn-entretenimiento {
    background: #ef403e !important;
}
.btn-entretenimiento.active,
.btn-entretenimiento:hover {
    background: #bf2027 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-entretenimiento.active:after {
    border-left: 10px solid #bf2027;
}
.btn-turismo {
    background: #96bc40 !important;
}
.btn-turismo.active,
.btn-turismo:hover {
    background: #7a7d37 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-turismo.active:after {
    border-left: 10px solid #7a7d37;
}
.icon-agua,
.icon-luz,
.icon-telefonia,
.icon-educacion,
.icon-impuestos,
.icon-seguros,
.icon-hogar,
.icon-tecnologia,
.icon-entretenimiento,
.icon-turismo {
    display: block;
    width: 64px;
    height: 64px;
    position: relative;
    background-size: auto 100% !important;
}
.icon-agua {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/agua.png')
        no-repeat center center;
}
.icon-luz {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/luz.png')
        no-repeat center center;
}
.icon-telefonia {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/telefonia.png')
        no-repeat center center;
}
.icon-educacion {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/educacion.png')
        no-repeat center center;
}
.icon-impuestos {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/impuestos.png')
        no-repeat center center;
}
.icon-seguros {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/seguros.png')
        no-repeat center center;
}
.icon-hogar {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/hogar.png')
        no-repeat center center;
}
.icon-tecnologia {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/tecnologia.png')
        no-repeat center center;
}
.icon-entretenimiento {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/entretenimiento.png')
        no-repeat center center;
}
.icon-turismo {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/turismo.png')
        no-repeat center center;
}
.txt-bgrnet-pagos {
    font-family: 'Arvo', Arial, sans-serif;
    font-size: 1.25em;
}
.bhoechie-tab-menu .list-group .list-group-item:first-child,
.bhoechie-tab-menu .list-group .list-group-item:last-child {
    border-radius: 0;
}
.iframe-creditos {
    width: 100%;
    min-height: 840px;
}
.card-header h4 {
    margin-top: 0;
    width: 100%;
    text-align: left;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    margin-bottom: -1px;
    background: #f9f9f9;
    padding: 10px 25px;
}
.card-header h4.btn-link.mb-0:hover {
    background: #f6f6f6;
    border: 1px solid #e5e5e5;
    text-decoration: none;
}
#headingOne h4 {
    border-radius: 4px 4px 0 0;
}
#headingFour h4 {
    border-radius: 0 0 4px 4px;
}
#perfil-cliente .card .collapse {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.perfiles-visa {
    width: 100%;
}
.perfiles-visa tr:last-child td:nth-child(1),
.perfiles-visa tr:last-child td:nth-child(2) {
    border-bottom: none;
}
.perfiles-visa td:nth-child(1) {
    padding: 5px 30px;
    border-bottom: 1px dotted #fafafa;
    background: #8eafcf;
    color: #fff;
    width: 35%;
}
.perfiles-visa td:nth-child(2) {
    border-bottom: 1px dotted #e5e5e5;
    padding: 5px 10px;
}
#collapseFive {
    margin-bottom: -15px;
}
.call-to-action {
    min-height: 205px;
}
.call-to-action.call-to-action-primary.banner-bg {
    background: url('/Portals/0/assets/images/background/bg-promo-mundial.png')
        no-repeat scroll center center / auto 100%;
    min-height: 195px;
}
.call-to-action .call-to-action-btn {
    right: 25px;
}
.call-to-action .call-to-action-btn {
    right: -90px;
}
.mockup-landing-page {
    margin: 60px auto 15px !important;
}
.copy-call-to-action {
    position: absolute;
    top: 50px;
    left: -30px;
}
#data-affiliate {
    border-right: 1px solid #d3d4d9;
    padding-right: 30px;
    min-height: 790px;
}
.guides-panel h3 {
    margin-right: 0;
    font-size: 1.65em;
}
.guides-panel .list-benefits dt,
.guides-panel .list-benefits dd {
    padding-left: 50px;
}
.guides-panel .list-benefits dt {
    height: 48px;
    line-height: 48px;
}
.guides-panel .list-benefits dt:before {
    content: none;
}
.guides-panel .list-benefits dt.bgr-net {
    background: url('/Portals/0/assets/images/general/canales-icons.svg')
        no-repeat 0 0;
    background-size: 48px auto;
}
.guides-panel .list-benefits dt.bgr-movil {
    background: url('/Portals/0/assets/images/general/canales-icons.svg')
        no-repeat 0 -48px;
    background-size: 48px auto;
}
.guides-panel .list-benefits dt.bgr-visa {
    background: url('/Portals/0/assets/images/general/canales-icons.svg')
        no-repeat 0 -96px;
    background-size: 48px auto;
}
.guides-panel .list-benefits dt.oficinas-bgr {
    background: url('/Portals/0/assets/images/general/canales-icons.svg')
        no-repeat 0 -144px;
    background-size: 48px auto;
}
.service-logo-img {
    width: 128px;
    border-radius: 50%;
    background: #fafafa;
    float: left;
    margin-right: 30px;
    height: 128px;
}
.service-title {
    font-family: Arvo, Montserrat, sans-serif;
    color: #444;
    text-transform: initial;
    font-size: 1.65em;
}
.list-service-title {
    margin-top: 40px;
    margin-bottom: 25px;
}
.services-list {
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.services-list li {
    list-style: none;
    width: 33.33%;
    min-height: 100px;
    text-align: center;
    background: #fcfcfc;
    padding: 20px;
}
.services-list li:nth-child(2n) {
    background: #f9f9f9;
}
.services-list li a img {
    width: 64px;
    height: 64px;
}
.services-list li a h5 {
    margin: 0;
    text-transform: initial;
    font-size: 0.85em;
    color: #337ab7;
    text-decoration: underline;
}
.new-search {
    display: block;
    text-align: center;
    margin-top: 25px;
}
.channels-list-panel {
    display: none;
    border-top: 1px solid #d3d4d9;
    padding-top: 25px;
    margin-top: 25px;
}
.channels-list {
    display: none;
}
.title-service-channel {
    text-transform: initial;
    color: #444;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.32em;
    font-weight: 300;
}
.list-channel-title {
    font-size: 1.1em;
    color: #75787a;
    text-transform: initial;
}
.list-items-channels {
    display: flex;
    padding: 0;
    list-style: none;
    margin-top: 30px;
}
.list-items-channels li {
    width: 33.33%;
    text-align: center;
    height: 120px;
    border-right: 2px solid rgba(226, 231, 235, 0.7);
    background-size: auto 75% !important;
}
.list-items-channels li:nth-child(3n),
.list-items-channels li:last-child {
    border-right: none;
}
.list-items-channels li.bgr-fono {
    background: url('/Portals/0/assets/images/canales/iconos/bgr-fono.png')
        no-repeat 50% 10%;
}
.list-items-channels li.bgr-movil {
    background: url('/Portals/0/assets/images/canales/iconos/bgr-movil.png')
        no-repeat 50% 10%;
}
.list-items-channels li.bgr-net {
    background: url('/Portals/0/assets/images/canales/iconos/bgr-net.png')
        no-repeat 50% 10%;
}
.list-items-channels li.bgr-visa {
    background: url('/Portals/0/assets/images/canales/iconos/bgr-visa.png')
        no-repeat 50% 10%;
}
.list-items-channels li.cajeros-automaticos {
    background: url('/Portals/0/assets/images/canales/iconos/cajeros-automaticos.png')
        no-repeat 50% 10%;
}
.list-items-channels li.oficinas-bgr {
    background: url('/Portals/0/assets/images/canales/iconos/oficinas-bgr.png')
        no-repeat 50% 10%;
}
.list-items-channels li.ventanilla-bp {
    background: url('/Portals/0/assets/images/canales/iconos/ventanilla-bp.png')
        no-repeat 50% 10%;
}
.list-items-channels li.ventanilla-sp {
    background: url('/Portals/0/assets/images/canales/iconos/ventanilla-sp.png')
        no-repeat 50% 10%;
}
.list-items-channels li span {
    font-size: 0.9em;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #023064;
    display: block;
    margin-top: 85px;
    line-height: 1.1em;
}
.channels-list {
    display: none;
}
.channels-list.active {
    display: block;
}
.prog-message {
    font-style: italic;
    margin-top: 10px;
}
.prog-message i {
    font-size: 2em;
    color: #1b75bb;
    vertical-align: middle;
}
.channels-list .red-link {
    float: left;
    font-size: 0.78em;
    margin-top: 30px;
}
#data-affiliates {
    margin-bottom: 30px;
}
.list-affilates-panel {
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
}
.list-affilates-panel .category-thumb {
    padding: 0 20px;
    height: 200px;
    flex: 1;
    align-items: center;
    justify-content: center;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-direction: row;
}
.list-affilates-panel .category-thumb > div {
    flex: none;
    max-width: 80%;
    -ms-flex: none;
}
.list-affilates-panel img {
    width: 128px;
    height: 128px;
    border-radius: 50%;
}
.channels-list .sm-message a.red-link {
    margin: 0;
    float: none;
}
.channels-list .sm-message a.red-link {
    margin: 0;
    float: none;
}
.loading {
    position: fixed;
    top: 0;
    left: 0;
    background: url('/Portals/0/assets/images/general/loading.svg') no-repeat
        center center #fff;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.banners-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
.webchatContainer {
    height: 100% !important;
    top: 0 !important;
}
.webchatStartButtonContainer {
    box-shadow: none !important;
    left: calc(100% - 88px) !important;
    top: 40px !important;
}
.webchatStartButtonContainer.stickyheader {
    top: 10px !important;
}
.scroll-down img {
    width: 42px !important;
    height: 42px !important;
}
.call-to-action.call-to-action-primary.banner-bg.promomillas-home-banner {
    background: url(/Portals/0/assets/images/background/bg-promomillas.png)
        center center/auto 100% no-repeat;
}
.promomillas-home-banner.call-to-action .call-to-action-btn {
    right: calc(50% - 199px);
    top: 135px;
}
#popupModal .modal-dialog {
    width: 720px;
    max-width: 90%;
}
#popupModal .modal-content {
    overflow: hidden;
}
#popupModal .modal-body {
    width: 720px;
    max-width: 100%;
    max-height: 520px;
    height: auto;
    padding: 0;
}
#popupModal .modal-dialog img {
    width: 100%;
    height: auto;
}
#popupModal #banners-carousel {
    margin-bottom: 0;
}
.thumb-home-noticias {
    max-width: 164px;
    height: auto;
}
.banner-video-cover {
    overflow: hidden;
    height: 205px;
}
.banner-video-cover video {
    width: 100%;
    height: auto;
}
#slide-11-layer-7 {
    z-index: 7;
}
#slide-11-layer-6 {
    z-index: 8;
}
#slide-11-layer-8 {
    z-index: 9;
}
#slide-11-layer-9 {
    z-index: 10;
}
#slide-28-layer-7 {
    z-index: 6;
}
#slide-28-layer-2 {
    z-index: 7;
}
#slide-28-layer-3 {
    z-index: 8;
}
#slide-28-layer-4 {
    z-index: 9;
}
#slide-4-layer-1 {
    z-index: 5;
}
#slide-4-layer-4 {
    z-index: 6;
    white-space: nowrap;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 0.1rem;
    font-family: Montserrat, sans-serif;
    background-color: rgb(235, 38, 46);
    border-color: rgb(235, 38, 46);
    border-radius: 30px 30px 30px 30px;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
}
#slide-4-layer-6 {
    z-index: 7;
    white-space: nowrap;
    font-weight: 300;
    color: transparent;
    font-family: 'Montserrat', sans-serif;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-radius: 23px 23px 23px 23px;
    box-sizing: border-box;
    cursor: pointer;
}
#slide-6-layer-1 {
    z-index: 5;
}
#slide-6-layer-2 {
    z-index: 6;
}
#slide-6-layer-3 {
    z-index: 7;
}
#slide-6-layer-4 {
    z-index: 8;
}
#slide-6-layer-6 {
    z-index: 9;
}
.iframe-tagmanager {
    display: none;
    visibility: hidden;
}
button.js-video-button {
    background: none;
    border: none;
}
button.mailto {
    background: none;
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
}
button.mailto i {
    font-size: 25px;
}
.social-icons li:hover a {
    color: #1ed760 !important;
}
.social-icons-envelope .mailto:hover i {
    color: #0e4794;
}
.hidden-txt {
    display: none;
}
.news-summary {
    --lh: 1.4;
    --max-lines: 4;
    width: calc(100% - 184px);
    height: 48px;
    overflow: hidden;
    max-lines: 2;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    padding-right: 1rem;
}
.news-summary::before {
    position: absolute;
    content: '...';
    bottom: 0;
    right: 0;
}
.news-summary::after {
    content: '';
    position: absolute;
    right: 0;
    width: 1rem;
    height: 1rem;
    background: white;
}
.news-summary .texto-intro {
    text-align: justify;
}
button.search-link {
    color: #4c505d;
    background: none;
    border: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
button.search-link:hover {
    color: #c0ccd3;
}
.article-thumb img {
    width: 100%;
    height: auto;
}
.list-affilates-panel {
    display: block;
    flex-wrap: initial;
    width: 100%;
}
.list-affilates-panel .category-thumb {
    padding: 0 20px;
    height: 200px;
    flex: 1;
    align-items: center;
    justify-content: center;
    display: inline-block;
    -ms-flex-direction: row;
    margin: 20px 10px;
    width: 165px;
}
.list-affilates-panel .category-thumb > div {
    flex: initial;
    width: 130px;
    -ms-flex: none;
    min-height: 150px;
    margin: 0 auto;
    max-width: initial;
    display: block;
}
/*.link-back-bottom{position:absolute;bottom:-10px;left:20px}*/
.link-back-bottom {
    position: absolute;
    top: -40px;
    right: calc(100% / 12 * 8 + 80px);
}
.video-thumb .img-responsive {
    width: 100%;
}
/***************************************************************/
/* Widget Chat
/***************************************************************/
.widget-chat {
    z-index: 1000;
    position: absolute;
}
.chat-content {
    position: fixed;
    height: 50px;
    width: 50px;
    bottom: 5px;
    right: 10px;
}
.logo-section {
    display: none;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
}
.logo-section img {
    width: 30px;
}
.chat-bottom {
    background: #eb262e;
    text-align: center;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 10px;
    right: 10px;
}
.chat-bottom:hover {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
    bottom: 13px;
}
.chat-bottom img {
    width: 20px;
}
button.btn-chat {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 25px;
    background: url('/Portals/0/assets/images/chat/chat-bottom.svg') no-repeat
        center center #eb2d35;
    background-size: 25px auto;
}
.rotate-in button.btn-chat {
    background: url('/Portals/0/assets/images/chat/close.svg') no-repeat center
        center;
    background-size: 30%;
}
.btn-background {
    background-image: url('/Portals/0/assets/images/chat/close.svg');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
}
.logo-section {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.chat {
    background: url('/Portals/0/assets/images/chat/chat.svg') no-repeat center
        center #0088cc;
    background-size: 25px auto;
    cursor: pointer;
}
.chat:hover {
    background-color: #0078bc;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
.chat-inconcert .webchatStartButtonContainer {
    position: absolute !important;
    width: 50px !important;
    height: 50px !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    opacity: 0.01;
}
.whatsapp {
    background: #4caf50;
}
.whatsapp:hover {
    background: #449847;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
.messenger {
    background: #0084ff;
}
.messenger:hover {
    background: #0478e5;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
.rotate-in {
    transform: rotate(180deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.rotate-out {
    transform: rotate(0deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.animation-target {
    -webkit-animation: bounce 0.9s ease-out;
    -moz-animation: bounce 800ms ease-out;
    -o-animation: bounce 800ms ease-out;
    animation: bounce 1.2s ease-out;
}
@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}
.tarjetas-visa .container {
    max-width: var(--bgr-max-width);
}
#slide-13-layer-1 {
    z-index: 5;
}
#slide-13-layer-3 {
    z-index: 7;
    text-decoration: none;
}
#slide-13-layer-5 {
    display: none;
    z-index: 9;
    white-space: nowrap;
    font-size: 17px;
    line-height: 17px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    font-family: 'Montserrat', sans-serif;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 30px 30px 30px 30px;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
}
.right-space {
    margin-right: 40px !important;
}
.no-display {
    display: none;
}
p.btn-load {
    display: block;
    padding: 10px 50px;
    text-align: center !important;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat', Arial, sans-serif;
    color: #eb3d2f;
    background: #f0f0f0;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 3px;
    -webkit-transition: background 0.7s linear;
    -moz-transition: background 0.7s linear;
    transition: background 0.7s linear;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}
p.btn-load i {
    font-size: 1.5em;
}
p.btn-load:hover {
    color: #4c505d;
}
.mensaje {
    width: 100%;
    height: auto;
    padding: 20px;
    background: #efefef;
    display: flex;
}
.mensaje img {
    margin-right: 20px;
}
.float-right {
    float: right;
}
.d-block {
    display: block;
}
.banners-carousel.owl-carousel.stage-margin .owl-stage-outer {
    box-shadow: 0 0 12px 0 rgba(0, 74, 206, 0.15);
    height: 370px;
}
.banners-carousel.owl-carousel.stage-margin .owl-stage-outer button {
    padding: 0;
}
.border-button {
    border: 2px solid #e62b27;
    background: transparent !important;
    color: #e62b27 !important;
    line-height: 22px;
}
.copy-bgr-tu-casa {
    width: 335px !important;
    height: auto !important;
}
.txt-title-tu-casa {
    width: 277px !important;
    height: auto !important;
}
.valores-wrapper .owl-item > div {
    display: flex;
    align-items: start;
    min-height: 300px;
}
.valores-wrapper h3 {
    font-size: 1.9em;
    margin-top: 0 !important;
    padding: 0 80px;
    margin-bottom: 20px;
    text-align: left;
    text-transform: initial;
}
.valores-wrapper h4 {
    color: #023064;
    margin-bottom: 6px;
    margin-top: 12px;
    font-size: 1.115em;
}
.valores-wrapper h4:nth-child(0) {
    margin-top: 0;
}
.valores-wrapper p {
    margin-bottom: 0;
    padding-right: 30px;
}
.valores-wrapper .owl-item > div img {
    width: auto;
    height: 270px;
    margin: 40px auto 0;
}
.valores-wrapper .owl-item > div img.img-formula {
    height: 30px;
    float: right;
    margin-top: 50px;
}
.section.intro-bgr .sb-section-4 .valores-wrapper .valores-principios {
    background: transparent;
    padding: 0;
    border: none;
    border-radius: 0;
}
#valores-principios.valores-wrapper {
    background: #fff;
    border-radius: 24px;
    padding: 40px 0 40px;
    box-shadow: 0 0 12px 0 rgba(0, 74, 206, 0.15);
    margin: 60px 0;
}
.valores-principios.owl-carousel .owl-item {
    padding: 0 30px;
}
p.font-notice {
    font-size: 0.8em;
}
.table-article td,
th {
    padding: 5px;
}
.loading-sending {
    background: url('https://www.bgr.com.ec/img/loading.svg') no-repeat center
        center;
    width: 250px;
    height: 50px;
    display: none;
    margin: 0 auto;
}
/***************************************************************/
/* Banner Donacion COVID19
/***************************************************************/
.politicas-bgr-digital h3 {
    font-size: 1.3em !important;
}
/***************************************************************/
/* Adicional borrar cuando se baje el banner ahorro programado
/***************************************************************/
#rev_slider_bgr
    ul.tp-revslider-mainul
    li.tp-revslider-slidesli:nth-child(2)
    .tp-parallax-wrap:nth-child(2) {
    display: none !important;
}
/***************************************************************/
/* Enlace calendario citas
/***************************************************************/
.fa.fa-calendar.top-calendar {
    color: #c0ccd3;
    font-size: 16px;
    margin-right: 4px;
}
.ordinal-list {
    list-style: lower-alpha;
    margin: 0.75rem 0;
}
/***************************************************************/
/* iFrame agendamiento de Citas
/***************************************************************/
#scheduleDateModal .modal-dialog {
    width: 520px;
    max-height: 90%;
    height: 85%;
}
#scheduleDateModal .modal-body {
    padding: 0;
    max-height: 580px;
}
.footer-iframe {
    background: #f6f6f6;
    width: 100%;
    display: block;
    height: 40px;
    position: relative;
    margin-top: -40px;
}
.frameDate {
    width: 100%;
    height: 600px;
    border: none;
    overflow: hidden;
    margin-top: -60px;
}
/***************************************************************/
/* Pop Up
/***************************************************************/
#schedulePopUpDateModalNot.popup-modal .modal-dialog {
    width: 640px;
}
.popup-modal .modal-content {
    border-radius: 24px;
}
.popup-modal .modal-header {
    padding: 0;
    border: none;
}
.popup-modal .modal-body {
    padding: 0;
}
.popup-modal img {
    max-width: 100%;
    height: auto;
}
.popup-modal img.modal-img {
    height: auto;
    width: 600px;
    max-width: 100%;
    border-radius: 23px;
}
.close.popup-close {
    position: absolute;
    top: 16px;
    right: -32px;
    background: #004ace;
    opacity: 1;
    height: 32px;
    width: 32px;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
}
/***************************************************************/
/* Update BGR Visa Site
/***************************************************************/
.bgr-visa-site .contact-panel-visa p,
.bgr-visa-site .asistencia-text-visa p,
.bgr-visa-site .asistencia-text-visa li,
.bgr-visa-site .body.tarjetas-visa ul.yellow-bullet li,
.bgr-visa-site table {
    color: #020447;
    font-size: 1.3rem;
}
.bgr-visa-site table th {
    color: #004a9c;
    font-size: 1.2em;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-align: left;
    padding: 5px 0;
    border-top: 1px solid #d3d4d9;
    border-bottom: 1px solid #d3d4d9;
}
.bgr-visa-site table tr td {
    vertical-align: top;
}
.bgr-visa-site table tr:first-child td {
    padding-top: 8px;
}
.bgr-visa-site table tr:last-child td {
    border-bottom: 1px solid #d3d4d9;
    padding-bottom: 8px;
}
.th-cobertura {
    width: 45%;
}
.bullet-list:before {
    font-family: 'FontAwesome', sans-serif;
    font-size: 0.6em;
    content: '\f04d';
    color: #636363;
    vertical-align: top;
    margin-right: 8px;
}
.owl-carousel .owl-nav {
    top: 50%;
    position: absolute;
    margin-top: -20px;
    width: 110%;
    left: -5%;
}
/***************************************************************/
.btn-modal-soporte {
    position: fixed;
    right: -1px;
    top: calc(50% - 115px);
    background: #004ace;
    width: 40px;
    height: 175px;
    border-radius: 3px 0 0 3px;
    z-index: 9999999999;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
button.open-modal-soporte {
    background: transparent;
    border: none;
    padding: 12px;
    width: 40px;
    height: 175px;
}
.btn-modal-soporte::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    border-radius: 3px;
    z-index: 0;
    opacity: 0;
    animation: sonar-animate 3s infinite ease-out;
}
span.label-button {
    transform: rotate(-90deg);
    white-space: nowrap;
    display: block;
    color: #fff;
    position: absolute;
    left: -38px;
    top: 58px;
    font-size: 14px;
    font-weight: 400;
}
i.icn-live-support {
    display: block;
    width: 28px;
    height: 28px;
    background: url('/Portals/0/assets/images/icons/ic-live-support.svg')
        no-repeat 0 0;
    position: absolute;
    bottom: 14px;
    left: 4px;
}
#videoChatPopUpModal .modal-body {
    overflow: hidden;
    border-radius: 6px;
    max-height: 100vh;
}
iframe.iframe-support {
    width: 100%;
    height: 540px;
}
@keyframes sonar-animate {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 5px #7ba3ce, 0 0 10px 10px #7ba3ce, 0 0 0 10px #7ba3ce;
    }
    100% {
        box-shadow: 0 0 0 5px #7ba3ce, 0 0 10px 10px #7ba3ce, 0 0 0 10px #7ba3ce;
        opacity: 0;
    }
}
/***************************************************************/
/* Tooltip
/***************************************************************/
#tooltip-soporte {
    background: #333;
    color: white;
    font-weight: 500;
    padding: 1.5rem;
    font-size: 1.15rem;
    border-radius: 4px;
    display: none;
    line-height: 1.4;
    width: 160px;
}
#tooltip-soporte[data-show] {
    display: block;
}
#arrow,
#arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    z-index: -1;
}
#arrow::before {
    content: '';
    transform: rotate(45deg);
    background: #333;
}
#tooltip-soporte[data-popper-placement^='top'] > #arrow {
    bottom: -4px;
}
#tooltip-soporte[data-popper-placement^='bottom'] > #arrow {
    top: -4px;
}
#tooltip-soporte[data-popper-placement^='left'] > #arrow {
    right: -4px;
    bottom: 17px;
}
#tooltip-soporte[data-popper-placement^='right'] > #arrow {
    left: -4px;
}
.remember-note {
    padding-left: 14px;
}
.remember-note b {
    color: #29a0c1;
    margin-left: -14px;
}
/***************************************************************/
.nav.channels li {
    line-height: 32.5px;
}
.video-caption {
    font-weight: 300;
    line-height: 1.5;
    font-size: 1.25rem;
    margin-top: 0.5rem;
}
.video-guide {
    padding: 0;
    border: none;
    background: transparent;
    margin-top: 0.25rem;
}
.guides-panel .list-benefits dt,
.guides-panel .list-benefits dd {
    padding-left: 50px;
    padding-right: 40px;
}
/***************************************************************/
.cta-banner-landscape {
    overflow: hidden;
    border-radius: 6px;
}
.cta-banner-landscape img {
    width: 100%;
}
/***************************************************************/
.prom-group.flip .thumb-prom img {
    border-radius: 24px;
}
/***************************************************************/
.titulo-producto {
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: #244a9acc;
    font-weight: 500;
    font-size: 1rem;
    display: block;
    height: 42px;
    line-height: 42px;
    padding: 0 24px;
    /* letter-spacing: 0.035rem; */
    border-radius: 6px;
    letter-spacing: 0.05rem;
}
.bg-solid {
    background: #4c505d;
}
.tp-caption.big-caption {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 3.125rem !important;
    color: #fff;
    min-width: 410px !important;
    white-space: normal !important;
    line-height: 1 !important;
}
.font-md {
    font-size: 3.85rem !important;
    display: block;
    line-height: 1;
    margin-top: -2px;
}
.font-xl {
    font-size: 4.25rem !important;
    display: block;
    line-height: 1;
    margin-top: -2px;
}
.font-lg {
    font-size: 5.5rem !important;
    display: block;
    line-height: 1.1;
    margin-top: -5px;
}
.tp-subcaption {
    font-size: 1.4125rem;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: 0.024rem;
    white-space: break-spaces;
}
.text-wrap {
    text-wrap: wrap;
}
.light-blue {
    color: #1ec0db;
}
.white {
    color: #fff;
}
.tp-caption.big-caption.lh-14,
.lh-14 {
    line-height: 1.4 !important;
}
.tp-caption.big-caption.lh-11,
.lh-11 {
    line-height: 1.1 !important;
}
.logo-slider-br {
    bottom: 20px;
    position: absolute;
    right: 40px;
    width: 200px;
    height: 100px;
    display: block;
    z-index: 20;
}
.logo-slider-tr {
    top: 30px;
    position: absolute;
    right: 30px;
    width: 200px;
    height: 100px;
    display: block;
    z-index: 20;
}
.logo-producto {
    filter: brightness(0) invert();
}
.ahp-animation {
    bottom: 1px;
}
.txt-disclaimer {
    display: block;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 500;
    color: #2d6fa9;
}
.intro-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
}
.cta-solicitalo-aqui .medium-red-button {
    width: 240px;
}
.logo-cta-wrapper {
    margin-bottom: 15px;
}
.logo-producto-cta {
    max-width: 240px;
}
.cta-solicitalo-aqui .medium-red-button {
    width: 240px;
    margin: 15px 0 0;
    text-align: center;
}
.img-ahorro-listo {
    height: 420px;
    right: 50px;
    bottom: -20px;
}
.title-banner {
    color: #fff;
    font-weight: lighter;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    text-align: center;
}
.title-banner b {
    display: block;
    font-weight: 600;
    font-size: 1em;
}
.strapline {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: 5px;
    letter-spacing: 0.5rem;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}
/***************************************************************/
/* Banca Seguros
/***************************************************************/
.section.beneficios-seguros {
    border-top: 1px solid #f7f7f7;
    margin: 0;
    padding: 0;
    background: url('/Portals/0/assets/images/banca-seguros/bg-beneficios.jpg')
        no-repeat top right;
    background-size: cover;
}
.beneficios-seguros .row {
    display: flex;
    align-items: center;
    height: 480px;
}
.beneficios-seguros img.img-beneficios-seguros {
    width: 683px;
}
.index-top {
    z-index: 3;
}
.seguro-description h3 {
    color: #004ace;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1em;
    padding: 24px 0 24px 75px;
    margin: 0 0 1rem;
}
.seguro-description p {
    line-height: 1.65;
    text-align: left;
}
.seguro-wrapper {
    background: #fff none repeat scroll 0 0;
    height: auto;
    width: 92.5%;
    border-radius: 25px;
    overflow: hidden;
}
.seguro-thumb {
    transform: rotate(-6deg) scale(1.2);
    overflow: hidden;
    height: 200px;
}
.seguro-thumb img {
    transform: rotate(6deg) scale(1);
}
.seguro-thumb:hover,
.seguro-thumb a:hover {
    cursor: pointer;
}
.seguro-thumb a img:hover {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    opacity: 0.8;
}
.seguro-icon {
    z-index: 2;
    position: relative;
    width: 70px;
    height: 70px;
    left: 25px;
    top: -5px;
    border-radius: 50px;
    border: 4px solid #fff;
    background: #004ace;
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    i {
        color: #fff;
        font-size: 32px;
    }
    img {
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(32deg)
            brightness(116%) contrast(106%);
    }
}
.seguro-description {
    min-height: 180px;
    margin-top: -60px;
    padding: 0 30px 30px;
}
html .link-btn {
    border: none;
}
html .btn-secondary {
    border: 2px solid #004ace;
    color: #004ace;
    background: transparent;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 30px;
    line-height: 44px;
    transition: all ease 200ms;
}
html .btn-secondary:hover,
html .btn-secondary:active,
html .btn-secondary:focus {
    background: #004ace;
    color: #fff;
    border: 2px solid #004ace;
}
.seguro-long-description {
    display: none;
}
.seguro-description .red-link {
    margin-top: 10px;
}
.fullwidth {
    width: calc(100% - 28px) !important;
}
.show-content {
    --gap: 17px;
    align-items: self-start;
    display: block;
    margin: 0;
    width: 100%;
    min-height: 200px;
}
.seguro-wrapper-text {
    padding: var(--gap) 0;
    width: calc(55% - var(--gap));
}
.seguro-img-large {
    width: 40%;
    height: 600px;
    overflow: hidden;
}
.seguro-img-large img {
    width: auto;
    height: 100%;
    max-width: initial;
    position: relative;
    left: -240px;
}
.seguro-title-group {
    display: flex;
    align-items: center;
    padding: 2.4rem 2.4rem 1.2rem;
}
.seguro-title-group h3 {
    display: inline;
    margin: 0 10px;
    font-size: 1.75rem;
}
.seguro-content-group {
    padding: 0 2.4rem;
}
.icon-title {
    width: 60px;
    height: 60px;
    filter: invert(12%) sepia(89%) saturate(4593%) hue-rotate(217deg)
        brightness(102%) contrast(101%);
    padding: 6px;
    border: 1.5px solid #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    i {
        font-size: 32px;
        color: #000;
    }
}
button.red-link {
    background: no-repeat;
    border: none;
    padding: 0;
}
.seguro-wrapper table,
.seguro-wrapper p,
.seguro-wrapper li {
    font-size: 1rem;
    text-align: left;
    line-height: 1.6;
    margin: 0 0 3px;
}
.seguro-wrapper h4 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 9px 0 6px;
}
.seguro-wrapper table.data-table {
    width: 100%;
    margin: 0;
}
.seguro-wrapper table.data-table th {
    color: #023064;
    font-size: 1.05em;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-align: left;
    padding: 5px 0;
    border-top: 1px solid #d3d4d9;
    border-bottom: 1px solid #d3d4d9;
}
.seguro-wrapper table.data-table tr:first-child td {
    padding-top: 8px;
}
.seguro-wrapper table.data-table tr:last-child td {
    border-bottom: 1px solid #d3d4d9;
    padding-bottom: 8px;
}
.seguro-wrapper table.data-table.table-nbb tr:last-child td {
    border-bottom: 0;
}
.seguro-wrapper table.data-table tr td {
    vertical-align: top;
    line-height: 20px;
    padding: 2px 0 2px;
}
.seguro-wrapper .data-table h5 {
    margin: 0 0 3px;
    color: #636363;
}
.seguro-wrapper .data-table.table-nbb .fa-check {
    color: #31adca;
}
.seguro-wrapper .data-table.table-nbb .fa-close {
    color: #969696;
}
.th-90 {
    width: 90%;
}
.th-80 {
    width: 80%;
}
.th-70 {
    width: 70%;
}
.th-60 {
    width: 60%;
}
.th-50 {
    width: 50%;
}
.th-40 {
    width: 40%;
}
.th-30 {
    width: 30%;
}
.th-20 {
    width: 20%;
}
.th-10 {
    width: 10%;
}
.th-30,
.th-20,
.th-10 {
    text-align: center !important;
}
.seguro-wrapper table.data-table td:nth-child(2),
.seguro-wrapper table.data-table td:nth-child(3),
.seguro-wrapper table.data-table td:nth-child(4) {
    text-align: center;
}
.bullets-square {
    padding-left: 1.4rem;
    list-style: none;
}
.bullets-square li::before {
    font-family: 'FontAwesome', sans-serif;
    font-size: 0.6em;
    content: '\f04d';
    color: #26aecc;
    margin-right: 8px;
    margin-left: -1.3rem;
    vertical-align: middle;
}
.subtitle {
    font-size: 1.15rem !important;
    margin-bottom: 1.5rem !important;
}
.sponsor .img-responsive {
    max-height: 55px;
}
.size-md {
    max-height: 65px !important;
}
.button-top-action {
    position: absolute;
    top: 2rem;
    right: 4rem;
}
.bg-text-wrapper {
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
    filter: invert(18%) sepia(57%) saturate(4781%) hue-rotate(215deg) brightness(92%) contrast(105%);
    opacity: 0.75;
    .bg-text {
        height: 100% !important;
        width: auto !important;
        position: absolute;
        right: 0;
        filter: invert(100%);
    }
}
.bg-opacity-100 {
    opacity: 1;
}
.bg-opacity-90 {
    opacity: 0.9;
}
.fa-sm {
    display: none;
}
.small-streapline {
    font-size: 0.9em;
    text-transform: lowercase;
    font-weight: 500;
}
.sponsor {
    display: flex;
    align-items: last baseline;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.sponsor p {
    width: 100%;
}
.bg-text.bg-inversion {
    filter: invert(84%) sepia(26%) saturate(287%) hue-rotate(197deg)
        brightness(104%) contrast(103%);
}
.bg-inversion-white {
    filter: invert(89%) sepia(90%) saturate(4%) hue-rotate(179deg)
        brightness(109%) contrast(98%);
}
/***************************************************************/
/* Formularios
/***************************************************************/
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 42px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: #444;
    line-height: 42px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 12px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 42px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 42px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__clear {
    height: 40px;
    margin-right: 0;
    width: 46px;
    z-index: 2;
    position: relative;
    background: #fff;
    border-radius: 4px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__clear {
    cursor: pointer;
    font-weight: normal;
    font-size: 2rem;
    color: #00b1e1;
}
.form-control {
    display: block;
    width: 100%;
    height: 42px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
/***************************************************************/
.v-align-center {
    vertical-align: middle !important;
}
/***************************************************************/
.chat-seguros-whatsapp {
    margin: 30px 0 0 !important;
    display: block;
    float: right;
}
.chat-seguros-whatsapp i {
    font-size: 20px;
    margin-left: 6px;
}
/***************************************************************/
/* Estado de Cuenta Digital BGR Visa
/***************************************************************/
.tarjetas-visa .estado-de-cuenta-app .container {
    width: 80%;
    max-width: 1140px;
}
.estado-de-cuenta-app .step {
    width: 75%;
    margin: 0 auto;
    max-width: 580px;
    padding: 0 15px;
}
.section.estado-de-cuenta-app h2 {
    padding: 0;
}
/***************************************************************/
/* Testimoniales Blog
/***************************************************************/
#testimoniales-wrapper .testimonial blockquote {
    background: #195b93;
    border-radius: 4px;
    border: 0;
    color: #666;
    font-family: georgia, serif;
    font-style: italic;
    margin: 0;
    padding: 6rem;
    position: relative;
}
#testimoniales-wrapper .testimonial blockquote::before {
    left: 30px;
    top: 40px;
    color: #fff;
    content: '“';
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute;
}
#testimoniales-wrapper .testimonial blockquote::after {
    color: #fff;
    content: '”';
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute;
    bottom: -20px;
    right: 30px;
}
#testimoniales-wrapper .testimonial blockquote p {
    color: #fff;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 1.1em;
    line-height: 1.5;
    text-align: center !important;
}
#testimoniales-wrapper .testimonial .testimonial-arrow-down {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #195b93;
    height: 0;
    margin: 0 0 0 45px;
    width: 0;
}
#testimoniales-wrapper .testimonial .testimonial-author {
    margin: 8px 0 0 20px;
}
#testimoniales-wrapper
    .testimonial
    .testimonial-author
    .testimonial-author-thumbnail {
    float: left;
    margin-right: 10px;
    width: auto;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #1ececb;
}
#testimoniales-wrapper .testimonial .testimonial-author img {
    max-width: 72px;
}
/***************************************************************/
.list-icons-portal {
    column-count: 4;
}
.list-icons-portal dd {
    text-align: center;
    font-size: 1.15rem;
}
.portal-beneficios-visa {
    background: url('/Portals/0/assets/images/visa/portal-beneficios.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 75px;
    padding-top: 20px;
    padding-left: 85px;
}
.visa-airport-companion {
    background: url('/Portals/0/assets/images/visa/visa-airport-companion.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 75px;
    padding-top: 20px;
    padding-left: 85px;
}
.servicio-emergencia {
    background: url('/Portals/0/assets/images/visa/servicio-emergencia.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 75px;
    padding-top: 20px;
    padding-left: 85px;
}
.chat-portal-visa {
    display: block;
    background: url('/Portals/0/assets/images/visa/chat-portal-beneficios.svg')
        no-repeat scroll center center / 70px auto;
    height: 75px;
}
.tarjeta-portal-visa {
    display: block;
    background: url('/Portals/0/assets/images/visa/tarjetas-portal-beneficios.svg')
        no-repeat scroll center center / 70px auto;
    height: 75px;
}
.reclamos-portal-visa {
    display: block;
    background: url('/Portals/0/assets/images/visa/reclamos-portal-beneficios.svg')
        no-repeat scroll center center / 70px auto;
    height: 75px;
}
.certificados-portal-visa {
    display: block;
    background: url('/Portals/0/assets/images/visa/certificados-portal-beneficios.svg')
        no-repeat scroll center center / 70px auto;
    height: 75px;
}
.desvio-articulo {
    display: none;
    margin: 25px 0;
    border-top: 1px solid #ccd5df;
    border-bottom: 1px solid #ccd5df;
    padding: 30px 0;
    align-items: center;
}
.img-thumbnail-desvio {
    width: 30%;
    img {
        border-radius: 16px;
    }
}
.summary-desvio {
    width: 75%;
    padding: 20px;
}
.desvio-taxonomy a {
    text-transform: uppercase;
    color: #7c7c7c;
    font-size: 1.2rem;
    text-decoration: none;
}
.desvio-title {
    font-size: 1.9rem;
    font-family: 'Montserrat', sans-serif;
    color: #363636;
    text-decoration: none;
}
article a {
    color: #004ace;
    text-decoration: underline;
    transition: ease all 0.2s;
}
article a:hover,
article a:focus,
article a:active {
    color: #1590ce;
    text-decoration: underline;
}
.nindex {
    display: none;
}
.banner-popup-asesor {
    width: 478px;
    margin-left: -25px;
}
.banner-popup-asesor picture img {
    width: 100%;
}
#solicita-aqui .modal-dialog {
    max-width: 560px;
}
#solicita-aqui .modal-body {
    padding: 0 5rem;
}
.g-recaptcha {
    margin: 0 auto;
    max-width: 300px;
}
.control-label span {
    color: #29a0c1;
}
.mb-end-section {
    margin-bottom: -5px !important;
}
/***************************************************************/
/* Agencias
/***************************************************************/
.ctas-red-agencias .col-md-6 {
    padding-top: 50px;
    text-align: center;
}
.ctas-red-agencias img {
    max-width: 370px;
}
.nuevo-producto {
    font-size: 0.9rem;
    background: #e62b27;
    padding: 3px 5px;
    border-radius: 24px;
    position: absolute;
    line-height: 1;
}
/***************************************************************/
/* Buzón de denuncias
/***************************************************************/
.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.denuncia_otro_wrapper {
    display: none;
}
#step-form,
#agencia-wrapper,
#personas-wrapper,
#detalles-wrapper,
#documentos-wrapper {
    display: none;
}
.inst-sample {
    background: #f4f5f9;
    border-radius: 4px;
    padding: 10px;
    margin-top: 4px;
}
.inst-sample h3 {
    color: #333;
    font-size: 0.9em;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
}
.inst-sample p {
    margin: 0;
    font-size: 0.9em;
    line-height: 1.5;
}
.remove-row {
    margin-right: 10px;
}
.table-input {
    width: 100%;
}
.table-input th {
    font-weight: 400;
    padding: 0 5px;
}
.separator-field {
    text-align: center;
}
.actions-btn {
    margin: 10px 0;
    display: flex;
    justify-content: center;
}
.table-input .row-input td {
    padding: 6px 0;
}
.btn.btn-secondary.remove-row,
.btn.btn-secondary.add-row {
    border-color: #023064;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 10px 20px;
}
.btn.btn-secondary.add-row:hover,
.btn.btn-secondary.add-row:focus,
.btn.btn-secondary.remove-row:hover,
.btn.btn-secondary.remove-row:focus {
    border-color: #023064 !important;
    background: #02306414 !important;
}
.text-small {
    font-size: 1.2rem;
    float: right;
    color: #29a0c1;
    line-height: 1;
    margin-top: 3px;
    font-weight: 500;
}
/***************************************************************/
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 42px;
    margin-bottom: 0;
}
.custom-file-label {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 42px;
    padding: 0.375rem 12px;
    overflow: hidden;
    font-weight: 300;
    line-height: 30px;
    color: #999;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 42px;
    padding: 0.375rem 20px;
    line-height: 30px;
    color: #495057;
    content: 'Browse';
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}
.custom-file-input:lang(es) ~ .custom-file-label::after {
    content: 'Elegir archivo';
}
.d-flex {
    display: flex;
}
.justify-content-center {
    justify-content: center;
}
.tp-caption.big-caption.w-420,
.tp-caption.w-420 {
    width: 420px;
}
.tp-caption.big-caption.w-510,
.tp-caption.w-510,
.tp-caption.block-w510 {
    width: 510px;
}
.tp-caption.big-caption.w-540,
.tp-caption.w-540 {
    width: 540px;
}
.tp-caption.medium-caption {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 2.725rem !important;
    color: #fff;
    min-width: 410px !important;
    white-space: normal !important;
    line-height: 1 !important;
}
.accent-caption {
    font-weight: 600;
    font-size: 1.25em;
}
a.medium-red-button.btn-secondary {
    display: inline-block;
    border: 2px solid #004ace;
    color: #004ace;
    padding: 0 40px;
    line-height: 48px;
    height: 48px;
}
a.medium-red-button.btn-secondary:hover,
a.medium-red-button.btn-secondary:active {
    background: #005cff !important;
    color: #fff !important;
}
a.medium-red-button i {
    font-size: 1.25rem;
}
.aivochat-app-content
    #aivochat-launcher.aivochat-position-left.aivochat-position-center,
.aivochat-app-content
    #aivochat-launcher.aivochat-position-right.aivochat-position-center {
    top: calc(90% - 25px) !important;
}
#btn-bgrnet-empresas-old,
#btn-bgrnet-empresas-old span {
    background: transparent;
    margin-top: -8px;
    font-size: 10px;
    text-align: right;
    padding-right: 5px;
}
#btn-bgrnet-empresas-old span {
    text-decoration: underline;
    text-underline-offset: 3px;
    display: inline-block;
    color: #00b1e1;
    font-weight: 600;
}
#btn-bgrnet-empresas-old:hover {
    box-shadow: none;
}
.data-list.benefits-visa {
    border-bottom: 1px solid #dbdee0;
    padding: 40px 0;
}
.data-list.benefits-visa:first-child {
    padding-top: 0;
}
.data-list.benefits-visa:last-child {
    border-bottom: none;
}
.data-list.benefits-visa h3 {
    color: #020339 !important;
    margin-top: 10px;
}
.data-list.benefits-visa h3 .ic_visa {
    width: 45px;
    vertical-align: middle;
}
.sm-thumbnail-woman {
    max-width: 200px;
}
.sm-thumbnail {
    max-width: 240px;
}
.width-md {
    width: 240px;
    display: inline-block;
}
.adside.position-relative {
    position: relative;
}
#cta-video-call #FF40FE98E413BA956AA8A6E7B6A31B5F_startButtonContainer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0.0000001;
}
.adside #cta-video-call {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.resultado_calculo th {
    background: #00b1e1;
    color: #fff;
    font-weight: 500;
    border-bottom: 1px solid #00b1e1;
    border-top: 1px solid #00b1e1;
}
.resultado_calculo td {
    border-bottom: 1px solid #9fa6ab36;
}
.resultado_calculo th,
.resultado_calculo td {
    width: 20%;
    text-align: center;
    max-width: 200px;
    padding: 4px 0;
}
.resultado_calculo th:nth-child(1),
.resultado_calculo td:nth-child(1) {
    width: 100px;
    text-align: center;
}
.img-h60 {
    max-height: 60px !important;
}
.img-h70 {
    max-height: 70px !important;
}
.img-h80 {
    max-height: 80px !important;
}
.modal-md {
    width: 100%;
    max-width: 500px;
}
.modal-dialog-centered {
    margin-top: 10%;
}
.modal-disclaimer .modal-header h4 {
    margin: 0;
    line-height: 1;
}
.modal-disclaimer .modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #ddd;
    background: #efefef;
}
.modal-disclaimer .modal-body {
    padding: 1.5rem;
}
.prom-group .thumb-prom a {
    text-decoration: underline;
    text-decoration-thickness: 0.0857rem;
    text-underline-offset: 3px;
}
.btn-banner-pop-up {
    color: #fff;
    text-decoration: underline;
    letter-spacing: 0.75px !important;
    font-weight: 500 !important;
    text-underline-offset: 3px;
    text-decoration-thickness: 1.5px;
    text-decoration-color: #83cbdb;
}
.btn-banner-pop-up:hover,
.btn-banner-pop-up:active,
.btn-banner-pop-up:focus {
    color: #83cbdb;
    text-decoration: underline;
    letter-spacing: 0.75px !important;
    font-weight: 500 !important;
    text-decoration-color: #fff !important;
    text-underline-offset: 3px;
    text-decoration-thickness: 1.5px;
}
.title-wide {
    font-size: 2.9em;
    line-height: 1.1;
}
.content-banner.align-center .tp-caption {
    margin: 0 auto;
    left: 50%;
    translate: -50%;
    width: 100%;
}
.modal {
    /*z-index: 2147483640;*/
    z-index: 1999999999;
}
#download-app {
    position: absolute;
    top: 200px;
}
.select2-dropdown {
    z-index: 2147483645;
}
.tip-box {
    display: flex;
    padding: 40px;
    background: url('/Portals/0/assets/images/general/fondo_azul_bgr.svg')
        no-repeat center center;
    border-radius: 12px;
    box-shadow: 0 0 12px 0 rgba(0, 74, 206, 0.15);
    margin: 30px 0;
    column-gap: 20px;
    align-items: center;
}
.tip-box h4,
.tip-box p {
    color: #fff;
}
.tip-box h4 {
    font-weight: 500;
    font-size: 1.75em;
}
.tip-box p {
    margin: 0;
}
.tip-remember-icon {
    display: block;
    background: url('/Portals/0/assets/images/general/icon-remember.svg')
        no-repeat center center;
    width: 120px;
    height: 120px;
    filter: invert();
    opacity: 0.9;
}
.section.noticia-detalle .post-content ul.img-bullet {
    padding: 0;
}
.section.noticia-detalle .post-content ul.img-bullet li::before {
    display: none;
}
.icn-target {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background: url('/Portals/0/assets/images/blog/icons/ic-target.svg')
        no-repeat center center;
    background-size: 100% auto;
    filter: invert(17%) sepia(39%) saturate(6708%) hue-rotate(212deg)
        brightness(101%) contrast(110%);
}
.icn-avoid {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background: url('/Portals/0/assets/images/blog/icons/ic-avoid.svg')
        no-repeat center center;
    background-size: 100% auto;
    filter: invert(17%) sepia(39%) saturate(6708%) hue-rotate(212deg)
        brightness(101%) contrast(110%);
}
.icn-checkseal {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background: url('/Portals/0/assets/images/blog/icons/ic-check-seal.svg')
        no-repeat center center;
    background-size: 100% auto;
    filter: invert(17%) sepia(39%) saturate(6708%) hue-rotate(212deg)
        brightness(101%) contrast(110%);
}
.icn-saving-money {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background: url('/Portals/0/assets/images/blog/icons/ic-saving-money.svg')
        no-repeat center center;
    background-size: 100% auto;
    filter: invert(17%) sepia(39%) saturate(6708%) hue-rotate(212deg)
        brightness(101%) contrast(110%);
}
.section.noticia-detalle .post-content ul.img-bullet li {
    padding-left: 56px;
    margin-bottom: 12px;
}
.section.noticia-detalle .post-content ul.img-bullet li i {
    margin-left: -56px;
    margin-right: 15px;
}
/***************************************************************/
/* Quote Box
/***************************************************************/
.bgr-quote-box {
    position: relative;
    padding: 40px 60px;
    background: #f5f6f7;
    border-radius: 16px;
    margin: 30px 0;
}
.bgr-quote-box blockquote {
    border-left: none;
    margin: 0;
}
.bgr-quote-box blockquote p {
    font-size: 2.25rem;
    font-style: italic;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    text-align: left !important;
}
.bgr-quote-box::before {
    font-family: serif;
    left: 30px;
    top: 40px;
    color: #004ace;
    content: '“';
    font-size: 80px;
    font-weight: bold;
    line-height: 1;
    position: absolute;
}
.bgr-quote-box::after {
    font-family: serif;
    color: #004ace;
    content: '”';
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    bottom: 39px;
    float: right;
}
dl dt {
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1em;
    margin-bottom: 6px;
    color: #004ace;
}
.lg-title {
    font-size: 2.75em;
    line-height: 1.2;
}
.lg-title b {
    display: block;
    font-size: 1.4em;
    line-height: 0.9;
}
.tp-sm-subtitle {
    font-size: 1.25rem;
    font-weight: 500;
}
.tp-caption.btn-primary.btn-slider-action {
    background: transparent !important;
    border: 2px solid #fff !important;
    font-weight: 500 !important;
}
.tp-caption.btn-primary.btn-slider-action.btn-slider-bg-blue {
    background: #001871 !important;
    border-color: #001871 !important;
}
.tp-caption.btn-primary.btn-slider-action.btn-slider-bg-blue:hover {
    background: #004ace !important;
    border-color: #004ace !important;
}
.top-spacer {
    padding-top: 140px;
}
/***************************************************************/
/* Custom BGR Theme Concept Limpiar
/***************************************************************/
.modal-content {
    border-radius: 16px;
}
.modal-dialog {
    margin: 50px auto;
    width: 600px;
    max-width: 70%;
    max-height: 80%;
}
.modal-dialog.md-modal {
    width: 50%;
}
.modal-header {
    padding: 15px 25px;
}
.modal-body {
    max-height: initial;
    overflow-y: auto;
    padding: 0 25px;
}
#schedulePopUpDateModal .modal-body {
    overflow-y: initial;
}
.modal-body .tab-list.sc-level ul.tab-nav li {
    display: inline-block;
    padding: 0 15px;
    width: auto;
}
.modal-body #contactForm,
.modal-body #wrapper_form {
    padding: 25px 0;
}
.modal-body h4 {
    color: #004ace;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: bolder;
    letter-spacing: 1.8px;
    margin-top: 25px;
}
.medium-modal {
    width: 500px !important;
}
/***************************************************************/
/* Index
/***************************************************************/
.banners-carousel.owl-carousel.stage-margin .owl-stage-outer {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.banners-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -28px;
    position: relative;
    z-index: 2;
}
/***************************************************************/
/* Informacion Corporativa
/***************************************************************/
.section.intro-bgr {
    background: #fff;
    margin-top: 0;
    border-top: none;
    padding-bottom: 22px;
}
.section.intro-bgr .container {
    position: relative;
}
.side-menu-panel {
    background: #fff;
    display: block;
    position: absolute;
    top: 22px;
    min-width: 250px;
    width: calc(100% / 4);
    min-height: 270px;
    box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.1);
}
.side-menu-panel .title-side-menu-panel {
    background: #023064 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-family: 'Montserrat', Arial, sans-serif;
    height: 31px;
    line-height: 31px;
    padding: 0 25px;
    width: 100%;
    font-size: 0.8571rem;
}
.side-menu-panel .sidemenu li a {
    font-size: 1rem;
    line-height: 1rem;
}
#informacion-corporativa {
    margin-top: 100px;
}
.section.intro-bgr .sb-section-1,
.section.intro-bgr .sb-section-2,
.section.intro-bgr .sb-section-3,
.section.intro-bgr .sb-section-4 {
    position: relative;
}
.section.intro-bgr .sb-section-1 {
    min-height: 470px;
    background: url('/Portals/0/assets/images/general/vertical-line.gif')
        no-repeat center bottom;
    z-index: 2;
}
ul.sidemenu {
    list-style: outside none none;
    padding: 15px 20px;
    margin: 0;
}
ul.sidemenu li {
    font-size: 1.1429em;
    line-height: 1.4286em;
    margin-bottom: 10px;
}
ul.sidemenu li:last-child {
    margin-bottom: 0;
}
ul.sidemenu li:hover a:hover {
    color: #89cbdf;
}
ul.sidemenu .dropdown-menu {
    display: none;
    position: relative;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    top: -2px;
}
ul.sidemenu li .dropdown-menu > li {
    line-height: 1em;
    margin: 0;
}
ul.sidemenu li.dropdown-corp:hover .dropdown-menu {
    display: inline-block;
}
.section.intro-bgr .sb-section-2 {
    background: url('/Portals/0/assets/images/general/vertical-line.gif')
        no-repeat center bottom;
    min-height: 410px;
    padding: 29px 0;
}
.section.intro-bgr .sb-section-2 .col-md-5 {
    padding-top: 80px;
}
.section.intro-bgr .sb-section-2 h2 {
    margin-bottom: 20px;
}
.section.intro-bgr .sb-section-3 {
    padding: 29px 62px;
}
.section.intro-bgr .sb-section-1 h4,
.section.intro-bgr .sb-section-3 h4 {
    font-size: 1.2857em;
    color: #023064;
    font-weight: bolder;
    font-family: 'Open Sans', sans-serif;
}
#video-conoce-bgr {
    padding: 30px;
}
#video-conoce-bgr img {
    width: 100%;
    border-radius: 24px;
}
.ic_mision,
.ic_vision,
.ic_promesa,
.ic_directorio,
.ic_indicadores,
.ic_reglamentos,
.ic_propuesta_valor,
.ic_estrategia_corporativa,
.ic_mision_reg,
.ic_vision_reg,
.ic_promesa_reg,
.ic_directorio_reg,
.ic_indicadores_reg,
.ic_emision_acciones,
.ic_reglamentos_reg,
.ic_propuesta_valor_reg,
.ic_estrategia_corporativa_reg {
    display: inline-block;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    margin-right: 5px;
}
.ic_estrategia_corporativa,
.ic_propuesta_valor,
.ic_propuesta_valor_reg,
.ic_estrategia_corporativa_reg {
    padding-left: 70px;
    width: 100%;
}
.ic_mision {
    background: url('/Portals/0/assets/images/icons/ic_mision.png') no-repeat 0
        0;
}
.ic_vision {
    background: url('/Portals/0/assets/images/icons/ic_vision.png') no-repeat 0
        0;
}
.ic_promesa {
    background: url('/Portals/0/assets/images/icons/ic_promesa.png') no-repeat 0
        0;
}
.ic_mision_reg {
    background: url('/Portals/0/assets/images/icons/ic_mision_reg.png')
        no-repeat 0 0;
}
.ic_vision_reg {
    background: url('/Portals/0/assets/images/icons/ic_vision_reg.png')
        no-repeat 0 0;
}
.ic_promesa_reg {
    background: url('/Portals/0/assets/images/icons/ic_promesa_reg.png')
        no-repeat 0 0;
}
.ic_directorio {
    background: url('/Portals/0/assets/images/icons/ic_directores.png')
        no-repeat 0 0;
}
.ic_indicadores {
    background: url('/Portals/0/assets/images/icons/ic_indicadores.png')
        no-repeat 0 0;
}
.ic_reglamentos {
    background: url('/Portals/0/assets/images/icons/ic_reglamentos.png')
        no-repeat 0 0;
}
.ic_directorio_reg {
    background: url('/Portals/0/assets/images/icons/ic_directores_reg.png')
        no-repeat 0 0;
}
.ic_indicadores_reg {
    background: url('/Portals/0/assets/images/icons/ic_indicadores_reg.png')
        no-repeat 0 0;
}
.ic_reglamentos_reg {
    background: url('/Portals/0/assets/images/icons/ic_reglamentos_reg.png')
        no-repeat 0 0;
}
.ic_emision_acciones {
    background: url('/Portals/0/assets/images/icons/ic_emision_acciones.png')
        no-repeat 0 0;
}
.ic_estrategia_corporativa {
    background: url('/Portals/0/assets/images/icons/ic_estrategia_corporativa.png')
        no-repeat 0 0;
}
.ic_propuesta_valor {
    background: url('/Portals/0/assets/images/icons/ic_propuesta_valor.png')
        no-repeat 0 0;
}
.ic_estrategia_corporativa_reg {
    background: url('/Portals/0/assets/images/icons/ic_estrategia_corporativa_reg.png')
        no-repeat 0 0;
}
.ic_propuesta_valor_reg {
    background: url('/Portals/0/assets/images/icons/ic_propuesta_valor_reg.png')
        no-repeat 0 0;
}
.section.intro-bgr .sb-section-4 {
    padding: 0 62px;
}
.section.intro-bgr .sb-section-4 .valores-principios,
.container-reconocimientos {
    background: #f5f7f8;
    border-radius: 24px;
    padding: 50px 0 50px;
    border: 1px solid rgba(196, 196, 196, 0.65);
}
.container-reconocimientos {
    background: #fff;
    padding: 20px 0 10px;
}
.section.intro-bgr .sb-section-4 .valores-principios h3 {
    margin-top: 40px;
}
.title-img h2 img {
    display: inline;
}
.reconocimientos.owl-carousel {
    margin-bottom: 0;
}
.section.intro-bgr
    .sb-section-4
    .valores-principios.owl-carousel
    .owl-nav
    .owl-prev:before,
#reconocimientos.section
    .reconocimientos.owl-carousel
    .owl-nav
    .owl-prev:before {
    font-size: 30px;
    content: '\f104';
    line-height: 35px;
}
.section.intro-bgr
    .sb-section-4
    .valores-principios.owl-carousel
    .owl-nav
    .owl-next:before,
#reconocimientos.section
    .reconocimientos.owl-carousel
    .owl-nav
    .owl-next:before {
    font-size: 30px;
    content: '\f105';
    line-height: 35px;
}
.section.intro-bgr .sb-section-4 .valores-principios.owl-carousel .owl-nav {
    margin-top: -35px;
}
#reconocimientos.section .reconocimientos.owl-carousel .owl-nav {
    margin-top: -20px;
}
.section.intro-bgr
    .sb-section-4
    .valores-principios.owl-carousel.owl-drag
    .owl-item,
#reconocimientos.section .reconocimientos.owl-carousel.owl-drag .owl-item {
    padding-left: 20px;
    padding-right: 40px;
}
.section.intro-bgr
    .sb-section-4
    .valores-principios.owl-carousel
    .owl-nav
    .owl-prev,
#reconocimientos.section .reconocimientos.owl-carousel .owl-nav .owl-prev {
    left: 15px;
}
.section.intro-bgr
    .sb-section-4
    .valores-principios.owl-carousel
    .owl-nav
    .owl-next,
#reconocimientos.section .reconocimientos.owl-carousel .owl-nav .owl-next {
    right: 15px;
}
.section.intro-bgr .sb-section-4 .valores-principios.owl-carousel .owl-prev,
.section.intro-bgr .sb-section-4 .valores-principios.owl-carousel .owl-next,
#reconocimientos.section .reconocimientos.owl-carousel .owl-prev,
#reconocimientos.section .reconocimientos.owl-carousel .owl-next {
    background: transparent;
    border-radius: 20px;
    height: 40px;
    width: 40px;
}
.section.educacion-financiera {
    height: 433px;
    margin: 0;
}
.section.transparencia-de-informacion {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/general/bgsection-transparencia.jpg')
        no-repeat scroll 0 50% / 100% auto;
    border-top: medium none;
    margin: 0;
    padding-bottom: 0;
    padding-top: 65px;
}
.section.transparencia-de-informacion h3 {
    margin-top: 60px;
}
.section.transparencia-de-informacion .img-transparencia {
    margin-left: -20%;
}
.close-hide {
    left: calc(50% - 71px);
    margin-top: -40px;
    position: absolute;
    display: none;
}
.close-hide span {
    background: url('/Portals/0/assets/images/general/arrow-red-up.png')
        no-repeat scroll center top;
    color: #45484a;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    height: 30px;
    letter-spacing: 0.1071rem;
    padding-top: 5px;
    text-transform: uppercase;
    width: auto;
}
.section.transparencia-de-informacion .mas-transparencia-de-la-informacion h4 {
    font-size: 1em;
    color: #004ace;
    font-weight: bolder;
    font-family: 'Montserrat', sans-serif;
    margin-top: 25px;
    letter-spacing: 1.8px;
}
.section.transparencia-de-informacion
    .mas-transparencia-de-la-informacion
    h4:first-child {
    margin-top: 10px;
}
.mas-transparencia-de-la-informacion {
    background: #f7f7f7;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    padding: 62px 0;
    display: none;
}
.mas-transparencia-de-la-informacion .col-md-6 {
    padding: 0 62px;
}
.mas-transparencia-de-la-informacion .col-md-6:nth-child(1) {
    border-right: 1px solid #dedede;
}
.transparencia-de-informacion ul.yellow-bullet li {
    line-height: 1.35em;
}
.row.links-images {
    background: url('/Portals/0/assets/images/general/bg-links-interes.png')
        no-repeat scroll 50% 50% / auto 100%;
    border-top: 1px solid rgba(196, 196, 196, 0.65);
    border-bottom: 1px solid rgba(196, 196, 196, 0.65);
}
.links-images-thumbs {
    padding: 0;
}
.links-images-thumbs > li {
    float: left;
    list-style: outside none none;
    width: 20%;
    background: #f5f5f6;
}
.links-images-thumbs > li:nth-child(2n + 1) {
    background: #fff;
}
.links-images-thumbs > li img.img-responsive {
    margin: 0 auto;
    width: 60%;
}
.section.gobierno-corporativo {
    background: #f5f5f6;
    margin: 0;
    border-top: 0;
}
.section.gobierno-corporativo .container {
    padding: 29px 62px;
}
.section.gobierno-corporativo h4 {
    color: rgb(2, 48, 100);
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2857em;
    font-weight: bolder;
    padding-left: 80px;
    width: auto;
    line-height: 1.1857em;
}
.section.gobierno-corporativo h4.ic_indicadores {
    padding-top: 4px;
}
.section.gobierno-corporativo h4.ic_directorio,
.section.gobierno-corporativo h4.ic_reglamentos {
    padding-top: 25px;
}
.section.educacion-financiera .row .col-md-12 {
    height: 330px;
    position: relative;
}
.section.reconocimientos {
    background: transparent;
    margin: 0;
    border: medium none;
    padding: 72px 0;
}
.container-reconocimientos h2 {
    /*color: #45484a;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.8571em;
	letter-spacing: 1.8px;*/
    margin-left: 80px;
    margin-top: 25px;
    margin-bottom: 10px;
    /*text-transform: uppercase;*/
    line-height: 1em;
}
.section.memoria-bgr {
    height: 460px;
    margin: 0;
    padding: 0;
}
.section.memoria-bgr .md-text {
    font-size: 1.45em;
}
.content-banner {
    position: relative;
    top: 0;
}
.btn-panel {
    position: relative;
    top: 40%;
}
.memoria-bgr .btn-panel {
    top: 40px;
}
/***************************************************************/
/* Fin Informacion Corporativa
/***************************************************************/
/***************************************************************/
/* Educacion Financiera
/***************************************************************/
.section.intro-educacion-financiera {
    background: #f5f5f5;
    border-top: none;
    margin-top: 0;
    padding-bottom: 42px;
}
.section.intro-educacion-financiera h1 {
    margin-bottom: 54px;
}
.gray-text-container {
    background: #f0f2f5;
    padding: 0 65px 30px;
}
.gray-text-container img {
    margin-top: -40px;
}
.gray-text-container p {
    color: #083360;
}
.section.consejos-educacion {
    border-top: 1px solid #f7f7f7;
    margin: 0;
}
.consejos-educacion img {
    margin-left: -20px;
}
.section.videos-educacion {
    background: #f6f7f8;
    margin: 0;
}
.videos-educacion .nav.nav-pills.sort-source a {
    color: #45484a;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8571em;
    letter-spacing: 0.1071rem;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
}
.videos-educacion ul.nav-pills.sort-source > li.active > a {
    background-color: #004ace;
    border-radius: 24px;
    color: #fff;
    padding: 6px 30px !important;
}
.video-thumb h3 {
    color: #023064;
    font-family: 'Gotham', Arial, sans-serif;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    line-height: 1em;
    padding: 24px 35px;
}
.video-thumb {
    background: #fff none repeat scroll 0 0;
    height: auto;
    width: 96.7777%;
}
.video-thumb:hover,
.video-thumb a:hover {
    cursor: pointer;
}
.video-thumb a img:hover {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    opacity: 0.8;
}
.videos-educacion ul li {
    padding: 0;
}
/***************************************************************/
/* Fin Educación Financiera
/***************************************************************/
/***************************************************************/
/* Defensor del Cliente
/***************************************************************/
.section.intro-defensor-del-cliente {
    background: #f5f5f5;
    border-top: none;
    margin-top: 0;
    padding: 60px 0;
    .defensor-del-cliente-content-wrapper {
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 60px;
        border: 1px solid rgba(196, 196, 196, 0.65);
        border-radius: 24px;
        h2 {
            font-weight: 600;
            letter-spacing: 0.015rem;
            font-size: 2.025rem !important;
            margin-top: 25px;
        }
        .title-defensor-image {
            max-width: 280px;
            img {
                width: 100%;
            }
        }
    }
}
/***************************************************************/
/* Fin Defensor del Cliente
/***************************************************************/
section.links-de-interes {
    overflow: hidden;
}
.small-title {
    color: #004ace;
    display: flex;
    font-size: 1.29em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}
.red-link {
    color: #004ace;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.8571em;
    font-weight: bold;
    letter-spacing: 0.1071rem;
    text-transform: uppercase;
}
.red-link i {
    font-size: 1.6em;
    margin-top: -4px;
    text-indent: 0;
    vertical-align: middle;
}
.blue-label {
    color: #012248 !important;
}
.white-label {
    color: #fff !important;
}
.dark-gray {
    color: #2c2c2c !important;
}
.main-nav {
    background: #004a9c;
    width: 100%;
    height: 35px;
}
.ind-line {
    line-height: 1.2857em !important;
    margin-bottom: 10px;
}
.ind-line a {
    line-height: 1.2857em !important;
}
a.small-red-button {
    cursor: text !important;
    background: transparent;
    color: #004a9c;
    padding: 6px 0;
    border-bottom: 2px solid rgba(226, 231, 235, 0.4);
    border-radius: 0;
}
a.small-red-button:hover {
    background: transparent;
    color: #004a9c;
}
.form-control::placeholder {
    color: #4c505d;
    font-size: 1rem;
    font-weight: 500;
    opacity: 0.5;
    letter-spacing: 0.01857rem;
}
.dropdown-corp:hover > .dropdown-menu {
    display: block;
}
#header .header-nav-top .dropdown-menu {
    border-color: #eee;
    margin-top: -7px;
    padding: 5px 0 5px;
    top: 20px;
    left: 5px;
    border-radius: 0 0 3px 3px;
    border-top: none;
}
#header .dropdown-menu > li > a:focus,
#header .dropdown-menu > li > a:hover {
    background: #004586;
    color: #fff;
}
#header .header-nav-top .dropdown-menu li a {
    font-size: 0.88em;
}
.bgr-access {
    display: none;
    background: #0b3266;
    width: 240px;
    height: 218px;
    position: absolute;
    top: 54px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    padding: 0 10px 17px;
    z-index: 2;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -o-transition: all 3s ease;
    transition: all 3s ease;
}
.bgr-access h2 {
    color: #a1b1bc;
    font-size: 1.1429em;
    letter-spacing: initial;
    line-height: 19px;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 20px;
    font-family: 'Lato', Arial, sans-serif;
}
.nav-bgrnet .bgr-access {
    right: 0;
    top: 70px;
}
.nav-bgrnet .bgr-access h2 {
    margin-top: 20px;
}
ul.bgr-access-nav {
    list-style: outside none none;
    padding: 0;
    margin: 0 -10px;
}
ul.bgr-access-nav li {
    padding: 10px 23px;
    border-bottom: 1px solid rgba(4, 41, 87, 0.4);
}
ul.bgr-access-nav li:first-child {
    padding-top: 0;
}
ul.bgr-access-nav li:last-child {
    border-bottom: none;
}
ul.bgr-access-nav li a {
    display: block;
    background: #2a7db9;
    background: linear-gradient(
        to bottom,
        #2a7db9 0%,
        #1251a2 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7db9', endColorstr='#1251a2',GradientType=0 ); /* IE6-9 */
    height: 32px;
    width: 100%;
    color: #fff;
    border-radius: 20px;
    line-height: 32px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    text-align: center;
}
ul.bgr-access-nav li a:hover {
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.25) inset;
    text-decoration: none;
}
ul.bgr-access-nav li a:focus,
ul.bgr-access-nav li a:active {
    text-decoration: none;
    background: #1251a2;
    background: linear-gradient(
        to bottom,
        #1251a2 0%,
        #2a7db9 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1251a2', endColorstr='#2a7db9',GradientType=0 );
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) inset;
}
.form-info ul.bgr-access-nav {
    display: flex;
    border-top: 1px solid #eee;
    margin: 13px -25px 0;
}
.form-container ul.bgr-access-nav li {
    width: 50%;
    display: contents;
    padding: 0;
}
.form-container ul.bgr-access-nav li:nth-child(1) a {
    border-right: 1px solid #eee;
}
.form-info ul.bgr-access-nav li a {
    background: none;
    color: #00539f;
    height: 50px;
    border-radius: 0;
    line-height: 50px;
    font-size: 0.8em;
}
.form-info ul.bgr-access-nav li a:hover {
    background: #00539f;
    color: #fff;
    box-shadow: none;
}
/***************************************************************/
/* Top Bar Navigation
/***************************************************************/
#header .header-nav-top li {
    border-right: 1px solid #bfccd2;
    line-height: 10px;
}
#header .header-nav-top li:last-child {
    border-right: none;
    margin-right: 14px;
}
#header .header-nav-top li li {
    border-right: none;
}
.ic_darrow {
    background: url('/Portals/0/assets/images/icons/menu_down_red_arrow.svg')
        no-repeat scroll 0 0;
    display: inline-block;
    height: 6px;
    margin-right: 8px;
    margin-left: 8px;
    margin-top: 0;
    vertical-align: middle;
    width: 16px;
}
.ic_larrow {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/general/small-red-left-arrow.png')
        no-repeat scroll 0 0;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    margin-right: 8px;
    margin-top: -5px;
    vertical-align: middle;
    width: 8px;
}
.ic_ayuda {
    display: inline-block;
    background: url('/Portals/0/assets/images/icons/ic_ayuda.svg') no-repeat 0 0;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
.ic_preguntas {
    display: inline-block;
    background: url('/Portals/0/assets/images/icons/ic_preguntas.svg') no-repeat
        0 0;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
/***************************************************************/
/* Navegación Principal
/***************************************************************/
#mainNav.nav > li {
    display: inline-block !important;
}
#mainNav.nav > li:last-child > a {
    font-weight: normal;
    display: inline-block;
}
.home-link {
    display: inline-block;
    background: url('/Portals/0/assets/images/icons/ic-home.svg') no-repeat 0 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 0;
}
.home-link:hover {
    background-position: 0 -24px;
}
.ic_contactenos {
    display: inline-block;
    background: url('/Portals/0/assets/images/icons/ic_contactenos.svg')
        no-repeat 0 0;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
.ic_agencias {
    display: inline-block;
    background: url('/Portals/0/assets/images/icons/ic_agencias.svg') no-repeat
        0 0;
    width: 11px;
    height: 14px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
.ic_buscar {
    display: inline-block;
    background: url('/Portals/0/assets/images/icons/ic_buscar.svg') no-repeat 0
        0;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
.ic-arrow-right {
    display: inline-block;
    width: 10px;
    height: 17px;
    background: url('/Portals/0/assets/images/general/arrow-red-right.png')
        no-repeat 0 0;
    vertical-align: middle;
    margin-top: -4px;
}
.card-header h4[aria-expanded='false'] i.fa-minus {
    display: none;
}
.card-header h4[aria-expanded='true'] i.fa-minus {
    display: inline;
}
.card-header h4[aria-expanded='false'] i.fa-plus {
    display: inline;
}
.card-header h4[aria-expanded='true'] i.fa-plus {
    display: none;
}
li.bgrnet-link:hover a.btn-bgrnet {
    background: #052d62
        url('/Portals/0/assets/images/general/arrow-red-down.png') no-repeat
        scroll center 39px !important;
    color: #fff !important;
}
li.bgrnet-link:hover .bgr-access {
    display: block;
}
.ic_bgrnet {
    display: inline-block;
    background: url('/Portals/0/assets/images/icons/ic_bgr_net.svg') no-repeat 0 -15px;
    width: 11px;
    height: 15px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
.nav-bgrnet {
    display: none;
}
#mainNav.nav > li > a.btn-bgrnet:hover .ic_bgrnet,
#mainNav.nav > li.bgrnet-link:hover > a .ic_bgrnet {
    background-position: 0 0;
}
/***************************************************************/
/* Main Container
/***************************************************************/
.ic-personas {
    background: url('/Portals/0/assets/images/icons/ic_persona.png') no-repeat 0
        0;
    width: 17px;
    height: 26px;
    display: inline-block;
}
.ic-empresas {
    background: url('/Portals/0/assets/images/icons/ic-empresas.png') no-repeat
        0 0;
    width: 40px;
    height: 26px;
    display: inline-block;
}
.ic-canales {
    background: url('/Portals/0/assets/images/icons/ic-canales.png') no-repeat 0
        0;
    width: 30px;
    height: 29px;
    display: inline-block;
}
.ic-personas-dark {
    background: url('/Portals/0/assets/images/icons/ic_persona_dark.png')
        no-repeat 50% 50%;
    width: 30px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.ic-empresas-dark {
    background: url('/Portals/0/assets/images/icons/ic-empresas-dark.png')
        no-repeat 50% 50%;
    width: 55px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.ic-canales-dark {
    background: url('/Portals/0/assets/images/icons/ic-canales-dark.png')
        no-repeat 50% 50%;
    width: 30px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.bg-gray {
    background: #fcfcfc;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 53px;
}
.call-to-action.call-to-action-primary.banner-bg {
    background: url('/Portals/0/assets/images/background/background-banner-secondary.png')
        no-repeat scroll 0 0 / 100% 100%;
}
.menu-container {
    background: #fff none repeat scroll 0 0;
    border-radius: 24px;
    box-shadow: 0 0 12px 0 rgba(0, 74, 206, 0.15);
    min-height: 377px;
    padding: 33px 35px;
    position: relative;
    width: 100%;
    z-index: 2;
}
.menu-container h2 {
    color: #004ace;
    font-size: 1.1429em;
    letter-spacing: 0.05em;
    line-height: 1.129em;
    padding-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: bold;
    margin: 0;
}
.menu-container h2 i {
    vertical-align: bottom;
    margin-right: 14px;
    font-size: 1.65rem;
}
.menu-container .nav {
    padding-left: 15px;
    padding-top: 10px;
    border-top: 1px solid #e8e9e9;
}
.menu-container .nav a {
    display: inline-block;
    padding: 5px;
    width: initial;
}
.menu-container i {
    color: #004ace;
    font-size: 0.5em;
    vertical-align: middle;
    margin-right: 8px;
}
.menu-container .nav a:hover {
    color: #004ace;
}
.menu-container i.fa-regular.fa-chevron-right {
    font-size: 1rem;
    margin-left: 4px;
    margin-top: -2px;
}
ul.people li.dropdown-menu {
    background: transparent;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    float: initial;
    margin: 0;
    padding: 0;
    min-width: 180px;
}
ul.nav.people li.dropdown-menu .nav-list {
    border-top: medium none;
    display: none;
    padding: 0 0 0 25px;
}
ul.nav.people li.dropdown-menu ul.nav-list a {
    color: #154c7a;
    border-bottom: none;
}
ul.nav.people li.dropdown-menu ul.nav-list a:hover {
    background: transparent;
    color: #004ace;
}
ul.nav.people li.dropdown-menu ul.nav-list li a::before {
    border-left: 4px solid #004ace;
    margin: 7px 0 0 -15px;
}
ul.nav.people li.dropdown-menu:hover .nav-list {
    display: block;
}
.section.noticias {
    margin: 0;
    padding: 0 0 65px;
}
.section.noticias > .container > .row {
    padding: 0;
}
.section.noticias .noticias-panel {
    width: 100%;
    min-height: 363px;
    padding: 35px 30px;
    border-radius: 24px;
}
.section.noticias .title-txt {
    color: #45484a;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1.8px;
}
.noticia-principal h3,
.thumb-noticias h3 {
    color: #004ace;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1429em;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.noticias-panel > .row:nth-child(2) > .col-md-6:nth-child(2) {
    border-left: 1px solid #e5e7e9;
}
.section.noticias-interes {
    margin: 0;
    .general-card-wrapper {
        margin-top: 0;
        .simple-card-image {
            img {
                object-position: center;
                object-fit: cover;
                width: 100%;
                height: auto;
                max-height: 320px;
            }
        }
    }
}
.nf-image {
    float: left;
    margin-bottom: 30px;
}
.fecha-noticias {
    color: #999999;
    display: block;
    font-size: 0.8571em;
    line-height: initial;
}
.texto-intro {
    display: block;
    line-height: 1.4286em;
}
.no-border {
    border: none !important;
}
.center-panel {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    padding: 15px;
}
.small-caps-h3 {
    font-size: 1.5em;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left !important;
    text-transform: uppercase;
}
.p-lxxl {
    padding-left: 160px !important;
}
.pr-xxlg {
    padding-right: 140px !important;
}
.yellow-panel {
    background: #f8c118;
}
.light-yellow-panel {
    background: #f1c920;
}
.yellow-panel h3,
.light-yellow-panel h3 {
    color: #fff;
    text-align: center;
    border-bottom: none;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 15px;
}
ul.r-bullet {
    list-style-image: url('/Portals/0/assets/images/general/red-check.png');
    list-style-position: outside;
    margin-left: -11px;
}
ul.b-bullet li {
    text-align: justify;
}
.yellow-panel ul.w-bullet li,
.yellow-panel p,
.light-yellow-panel ul.w-bullet li,
.light-yellow-panel p {
    color: #444444;
    font-size: 1.0714em;
    font-weight: 300;
    margin-bottom: 14px;
}
.yellow-panel ul.w-bullet li sub,
.light-yellow-panel ul.w-bullet li sub {
    bottom: 0;
}
.adside img {
    width: 100%;
}
.bt-image {
    bottom: -30px;
    position: absolute;
    right: 20px;
}
.sm-message {
    font-size: 0.7857em;
    color: #45484a;
    letter-spacing: 1px;
}
.sm-message a {
    font-weight: bold;
}
.sm-message a:active,
.sm-message a:focus {
    color: #eb3d2f;
}
.sm-message a:hover {
    color: #c62320;
}
p.sm-message {
    line-height: 1.6;
    color: #004ace;
}
ul.yellow-bullet {
    padding-left: 0;
    list-style: none;
}
ul.yellow-bullet li:before {
    font-family: 'FontAwesome', sans-serif;
    font-size: 0.6em;
    content: '\f04d';
    color: #636363;
    vertical-align: top;
    margin-right: 8px;
}
ul.yellow-bullet li {
    color: #45484a;
    margin-bottom: 10px;
    padding-left: 1.2em;
    text-indent: -1em;
}
ul.list-dl li {
    line-height: initial;
    padding-top: 12px;
    white-space: nowrap;
}
.slide-tab {
    overflow: hidden;
    padding-top: 6px;
    position: relative;
    width: 100%;
}
.slide-tab .tab-nav {
    position: relative;
    left: 0;
}
ul.list-sm {
    white-space: nowrap;
}
.tab-arrow-right,
.tab-arrow-left {
    display: block;
    height: 60px;
    position: absolute;
    width: 50px;
}
.tab-arrow-right {
    background: #fff none repeat scroll 0 0;
    bottom: 8px;
    right: 0;
}
.tab-arrow-left {
    background: #fff none repeat scroll 0 0;
    bottom: 8px;
    left: 0;
    text-align: right;
}
.tab-arrow-right a {
    line-height: 76px;
    margin-left: 10px;
}
.tab-arrow-left a {
    line-height: 76px;
    margin-right: 10px;
}
.tab-arrow-right a .fa-angle-double-right,
.tab-arrow-left a .fa-angle-double-left {
    font-size: 1.5em;
}
.tab-arrow-left {
    display: none;
}
.small-caps {
    font-size: 0.85em;
}
.floating-image {
    position: absolute;
    z-index: 2;
    left: -30px;
}
ul.telefonicas {
    list-style: outside none none;
    margin-top: 10px;
    padding-left: 10px;
}
ul.telefonicas li {
    font-size: 0.8571em;
}
.icon-movistar,
.icon-claro,
.icon-cnt {
    clear: both;
    display: inline-block;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
    width: 24px;
}
.icon-movistar {
    background: url('/Portals/0/assets/images/general/movistar-logo.png')
        no-repeat 0 0;
}
.icon-claro {
    background: url('/Portals/0/assets/images/general/claro-logo.png') no-repeat
        0 0;
}
.icon-cnt {
    background: url('/Portals/0/assets/images/general/cnt-logo.png') no-repeat 0
        0;
}
.list-benefits dt.ic_movil:before,
.list-benefits dt.ic_menu:before,
.list-benefits dt.ic_sms:before {
    content: initial;
}
.list-benefits dt.ic_movil,
.list-benefits dt.ic_menu,
.list-benefits dt.ic_sms {
    padding-left: 60px;
    text-transform: capitalize;
}
i.ic_movil {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/icons/ic_movil.png') no-repeat scroll 0 0;
    display: inline-block;
    height: 48px;
    left: 5px;
    position: absolute;
    width: 48px;
}
i.ic_menu {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/icons/ic_menu_interactivo.png') no-repeat
        scroll 0 0;
    display: inline-block;
    height: 48px;
    left: 5px;
    position: absolute;
    width: 48px;
}
i.ic_sms {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/icons/ic_envelope.png') no-repeat scroll 0
        0;
    display: inline-block;
    height: 48px;
    left: 5px;
    position: absolute;
    width: 48px;
}
ul.sidemenu-elements {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    list-style: outside none none;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 40px;
}
ul.sidemenu-elements li {
    border-bottom: 2px solid #e9edf0;
    padding-left: 45px;
}
ul.sidemenu-elements li a {
    color: #8eafcf;
    line-height: 60px;
    height: 60px;
}
ul.sidemenu-elements li.active a {
    color: #023064;
}
.tab-list.sc-level ul.tab-nav {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 30px;
}
.tab-list.sc-level ul.tab-nav li {
    height: 45px;
    line-height: 45px;
    width: 50%;
}
.tab-list.sc-level ul.tab-nav li.active {
    border-bottom: 3px solid #004a9c;
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: initial;
    height: 45px;
    line-height: 45px;
}
footer .logo img {
    height: 35px !important;
    width: 55px !important;
}

/***************************************************************/
/* Tarjetas Visa
/***************************************************************/
.main.tarjetas-visa .nav-sections {
    position: relative;
    z-index: 2;
}
.bg-top {
    background: url('/Portals/0/assets/images/visa/bg-visa-01.png') no-repeat 0
        0 !important;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -50px;
    left: 0;
}
.bg-bottom {
    background: url('/Portals/0/assets/images/visa/bg-visa-02.png') no-repeat
        bottom right !important;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: -30px;
}
.header-visa {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
.logo-visa {
    margin-left: 5%;
    display: block;
    width: 234px;
    height: 90px;
    background: #020347;
    border-left: 4px solid #f3cb00;
}
.logo-visa a {
    height: 90px;
    display: block;
    width: 230px;
    line-height: 90px;
    padding: 0 22px;
}
.logo-visa img {
    width: 183px;
    height: 53px;
}
.go-home {
    display: block;
    position: absolute;
    right: 150px;
    top: 22px;
    width: auto;
}
.pure-drawer-header {
    background: #020447;
    display: block;
    width: 100%;
    height: 90px;
    border-bottom: 3px solid #f3cb00;
}
.pure-drawer-header > .logo-visa {
    position: absolute;
    background: none;
    border: none;
    margin-left: 30px;
}
.pure-drawer-header > .go-home {
    display: block;
    position: absolute;
    left: 280px;
    top: 25px;
    width: auto;
}
.go-home img {
    width: 42px;
    height: auto;
    filter: sepia(100%) brightness(28.5%) hue-rotate(163deg) saturate(1000%)
        contrast(633%);
}
.pure-drawer-header .go-home img,
.light-image img {
    filter: sepia(0%) brightness(100%);
}
.txt-go-home,
.pure-toggle-label > span {
    color: #020447;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 25%;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.body.tarjetas-visa ul.yellow-bullet li {
    color: #6f7377;
    font-weight: 300;
    text-align: justify;
}
.go-home .txt-go-home {
    font-weight: 700;
    margin-right: 10px;
    position: relative;
    top: 5px;
}
#footer .footer-copyright.dark-blue {
    background: #020447;
}
.txt-go-home.dark-bg {
    color: #fff;
}
.pure-toggle-label:hover > span,
.pure-toggle-label > span:hover {
    color: #151875;
}
.pure-toggle[data-toggle='right']:checked
    ~ .pure-toggle-label[data-toggle-label='right']
    span {
    color: #fff;
}
.main.tarjetas-visa {
    max-width: 100%;
    margin: 0;
}
.section.banners-visa {
    margin: 0;
    padding: 0;
    border: none;
    z-index: 3;
    position: relative;
    min-height: 500px;
}
.section.banners-visa .container.full-width,
.tarjetas-visa .container.full-width {
    height: auto;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}
.section.banners-visa .forcefullwidth_wrapper_tp_banner {
    border-bottom: 5px solid #fff;
}
.tarjetas-visa
    .section.banners-visa.tarjetas-grupo
    .forcefullwidth_wrapper_tp_banner {
    border-bottom: none;
}
.visa-left-panel {
    display: inline-block;
    padding: 0;
    border-right: 5px solid #fff;
}
.programa-de-puntos,
.servicios-visa,
.alianzas-visa {
    display: block;
    height: auto;
    width: 100%;
}
.programa-de-puntos a:hover .smbtn,
.servicios-visa a:hover .smbtn,
.alianzas-visa a:hover .smbtn {
    opacity: 1;
}
.programa-de-puntos .img-responsive,
.servicios-visa .img-responsive,
.alianzas-visa .img-responsive {
    display: block;
    height: auto;
    width: 100%;
}
.upper-text {
    text-transform: uppercase;
}
.tb-caption {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6143em !important;
}
.visa-right-panel {
    display: inline-block;
    padding: 0;
}
.programa-de-puntos,
.servicios-visa,
.alianzas-visa {
    display: block;
    height: auto;
    width: 100%;
}
.programa-de-puntos .img-responsive,
.servicios-visa .img-responsive,
.alianzas-visa .img-responsive {
    display: block;
    height: auto;
    width: 100%;
}
.servicios-visa {
    position: relative;
}
.alianzas-visa {
    position: relative;
    border-top: 5px solid #fff;
}
.link-thumbs {
    z-index: 99;
}
.visa-card-wrapper {
    display: flex;
    gap: 30px;
    margin-top: 24px;
    .card-left-side {
        display: flex;
        width: 50%;
        #servicios-visa {
            background: url('/Portals/0/assets/images/visa/bgr-visa-tarjetas.webp')
                no-repeat center center;
            background-size: cover;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 24px;
            overflow: hidden;
        }
        #servicios-visa::before {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            background: rgba(0, 0, 0, 0.5);
            z-index: 2;
        }
    }
    .card-right-side {
        display: flex;
        flex-wrap: wrap;
        width: 50%;
        gap: 30px;
        #programa-de-puntos,
        #alianzas-visa {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 320px;
            border-radius: 24px;
            overflow: hidden;
        }
        #programa-de-puntos {
            background: url('/Portals/0/assets/images/visa/bgrvisa-promociones.jpg')
                no-repeat center center;
            background-size: cover;
        }
        #alianzas-visa {
            background: url('/Portals/0/assets/images/visa/bgrvisa-alianzas.png')
                no-repeat center center;
            background-size: cover;
        }
    }
}
.title-links-thumbs {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}
.title-img {
    height: 96px;
}
.title-img-banner-visa {
    height: 120px !important;
}
.call-to-action.suscribe-tarjetas {
    background: #020447;
    min-height: 84px;
    height: 84px;
}
.suscribe-tarjetas h3 {
    color: #fff;
    font-family: 'Champagne-Limousines', sans-serif;
    font-size: 1.2857em;
    line-height: 84px;
    margin: 0;
    text-align: center;
    letter-spacing: 0.1071rem;
}
.nav-visa {
    list-style: none;
    padding: 0;
    width: 90%;
    margin: 10px auto 0;
}
.nav-visa li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8571em;
    letter-spacing: 0.1071rem;
    text-align: center;
    text-transform: uppercase;
}
.nav-visa li.credit-cards {
    height: 200px;
    padding: 30px 0 50px;
    box-sizing: content-box;
}
.nav-visa li.credit-cards a,
.nav-visa li.icelem-drawer a {
    display: block;
    width: 100%;
    height: 100%;
}
.nav-visa li.icelem-drawer,
.nav-visa li.icelem-drawer a {
    line-height: 80px;
    padding: 0;
}
.icn-menu-visa {
    display: inline-block;
    width: 64px;
    height: 64px;
    vertical-align: middle;
    margin-right: 8px;
}
.icn-menu-visa img {
    filter: invert(1) sepia(0.1) saturate(10) hue-rotate(20deg);
    width: 100%;
    height: 100%;
    vertical-align: top;
}
li.icelem-drawer:hover .icn-menu-visa img {
    filter: invert(1) sepia(1) saturate(20) hue-rotate(0deg);
}
.nav-visa li,
.nav-visa li a {
    color: #fff;
    line-height: 60px;
    padding: 0 20px;
}
.nav-visa li:hover,
.nav-visa li:hover a {
    color: #f3cb00;
    font-weight: bold;
}
.opc-tarjetas {
    width: 260px;
    height: 162px;
    display: block;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    background-size: 100% auto;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.opc-visa-empresarial {
    background: url('/Portals/0/assets/images/visa/visa-empresarial@2x.png')
        no-repeat center center #fff;
    background-size: 101% auto;
}
.opc-visa-platinum {
    background: url('/Portals/0/assets/images/visa/visa-platinum@2x.png')
        no-repeat center center #fff;
    background-size: 101% auto;
}
.opc-visa-infinite {
    background: url('/Portals/0/assets/images/visa/visa-infnite@2x.png')
        no-repeat center center #fff;
    background-size: 101% auto;
}
.opc-visa-gold {
    background: url('/Portals/0/assets/images/visa/visa-gold@2x.png') no-repeat
        center center #fff;
    background-size: 101% auto;
}
.opc-visa-supermaxi {
    background: url('/Portals/0/assets/images/visa/visa-supermaxi@2x.png')
        no-repeat center center #fff;
    background-size: 101% auto;
}
.opc-visa-clasica {
    background: url('/Portals/0/assets/images/visa/visa-clasica@2x.png')
        no-repeat center center #fff;
    background-size: 101% auto;
}
.opc-visa-elnacional {
    background: url('/Portals/0/assets/images/visa/visa-el-nacional@2x.png')
        no-repeat center center #fff;
    background-size: 101% auto;
}
.opc-visa-on {
    background: url('/Portals/0/assets/images/visa/visa-on@2x.png') no-repeat
        center center #fff;
    background-size: 101% auto;
}
.opc-visa-on-mujer {
    background: url('/Portals/0/assets/images/visa/visa-on-mujer@2x.png')
        no-repeat center center #fff;
    background-size: 101% auto;
}
.btn-border-white {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 24px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.btn-border-white:hover {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.1);
}
.general-card-wrapper {
    display: flex;
    gap: 30px;
    margin-top: 24px;
    .card-left-side.col-3 {
        display: flex;
        width: calc((100% / 12) * 3);
    }
    .card-left-side.col-4 {
        display: flex;
        width: calc((100% / 12) * 4);
    }
    .card-left-side.col-5 {
        display: flex;
        width: calc((100% / 12) * 5);
    }
    .card-left-side.col-6 {
        display: flex;
        width: calc((100% / 12) * 6);
    }
    .card-left-side.col-7 {
        display: flex;
        width: calc((100% / 12) * 7);
    }
    .card-left-side.col-8 {
        display: flex;
        width: calc((100% / 12) * 8);
    }
    .card-left-side.col-9 {
        display: flex;
        width: calc((100% / 12) * 9);
    }
    .card-right-side.col-4 {
        display: flex;
        width: calc((100% / 12) * 4);
    }
    .card-right-side.col-5 {
        display: flex;
        width: calc((100% / 12) * 5);
    }
    .card-right-side.col-6 {
        display: flex;
        width: calc((100% / 12) * 6);
    }
    .card-right-side.col-7 {
        display: flex;
        width: calc((100% / 12) * 7);
    }
    .card-right-side.col-8 {
        display: flex;
        width: calc((100% / 12) * 8);
    }
    .card-right-side.col-9 {
        display: flex;
        width: calc((100% / 12) * 9);
    }
    .card-right-side.col-10 {
        display: flex;
        width: calc((100% / 12) * 10);
    }
    .card-right-side.col-11 {
        display: flex;
        width: calc((100% / 12) * 11);
    }
}
.read-more {
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    color: #004ace !important;
    text-decoration: none !important;
    .fa-angle-right {
        background: #004ace;
        color: #fff;
        width: 1.5rem;
        height: 1.5rem;
        text-align: center;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        float: right;
        margin-left: 6px;
        margin-top: 2px;
    }
}
.read-more:hover {
    cursor: pointer !important;
}
.cards-collapsible-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    .card {
        background: #fff;
        padding: 42px;
        border-radius: 24px;
        border: 1px solid rgba(196, 196, 196, 0.65);
        .card-header {
            h2 {
                margin: 0;
                button {
                    padding: 0;
                    text-align: left;
                    text-transform: initial;
                    font-size: 1.5rem;
                    font-weight: 600;
                    color: #4c505d;
                    display: flex;
                    justify-content: space-between;
                }
                button:hover,
                button:visited,
                button:active,
                button:focus,
                button:focus-visible {
                    text-decoration: initial;
                    color: #2f3035;
                }
                button[aria-expanded='false'] .fa-angle-down {
                    display: none;
                }
                button[aria-expanded='true'] .fa-angle-right {
                    display: none;
                }
            }
        }
    }
}
.image-fix-side-wrapper {
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    height: 530px;
    img {
        height: 100%;
        object-fit: cover;
    }
}
.list-links-read-more {
    list-style: none;
    padding: 0;
    margin: 0;
    li {
        margin: 8px 0 8px;
        a {
            line-height: 1.5;
            display: flex;
            justify-content: space-between;
            gap: 10px;
        }
    }
}
.smbtn {
    position: relative;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    opacity: 0;
    font-size: 0.8571em;
}
.link-thumb > span {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5143em;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}
.form-subscribe {
    padding: 18px 0;
}
.form-subscribe .input-group {
    display: inline;
}
.form-subscribe #newsletterEmail.form-control,
.form-subscribe #fieldEmailContent.form-control {
    width: 340px;
    height: 40px;
    background: #44456b;
    border-radius: 0;
    border: 1px solid #54557b;
    color: #45484a;
}
.form-subscribe #newsletterEmail.form-control::-moz-placeholder,
.form-subscribe #fieldEmailContent.form-control::-moz-placeholder {
    color: #45484a;
}
.form-subscribe #newsletterEmail.form-control:-ms-input-placeholder,
.form-subscribe #fieldEmailContent.form-control:-ms-input-placeholder {
    color: #45484a;
}
.form-subscribe #newsletterEmail.form-control::-webkit-input-placeholder,
.form-subscribe #fieldEmailContent.form-control::-webkit-input-placeholder {
    color: #45484a;
}
.form-subscribe .input-group .input-group-btn {
    left: -42px;
    position: absolute;
    top: 18px;
}
.form-subscribe .input-group .input-group-btn .btn-suscription {
    background: #ffc80a none repeat scroll 0 0;
    border-color: #ffc80a;
    border-radius: 50%;
    height: 35px;
    padding: 0;
    width: 35px;
}
.form-subscribe .input-group .input-group-btn .btn-suscription .fa {
    color: #fff;
    font-size: 1.3em;
    left: 7px;
    position: absolute;
    top: 6px;
}
.square-btn {
    border-radius: 0 !important;
    cursor: pointer !important;
}
.section.intro-tarjetas {
    margin: 0;
}
h1.title-visa {
    font-family: 'Oswald', sans-serif;
    font-size: 2em;
    font-weight: bold;
    height: 80px;
    letter-spacing: 1px;
    line-height: 1em;
    padding: 26px 0;
    text-align: center;
    position: relative;
}
.yl-underline {
    background: #f3cb00 none repeat scroll 0 0;
    display: block;
    height: 4px;
    position: absolute;
    top: 60px;
    width: 94px;
}
h1.title-visa.nuestras-tarjetas {
    background: url('/Portals/0/assets/images/visa/title-nuestras-tarjetas.png')
        no-repeat 50% 0;
}
h1.title-visa.nuestras-tarjetas .yl-underline {
    left: calc(50% - 124px);
}
.text-intro p {
    color: #5f6367;
}
.text-intro .lborder {
    border-right: 1px solid #dcdcdc;
}
.programa-asistencia.owl-carousel.owl-drag,
.programa-asistencia-supermaxi.owl-drag,
.programa-asistencia-gold.owl-drag {
    min-height: 360px;
}
/***************************************************************/
/* Tarjetas BGR Visa Dark BG
/***************************************************************/
.go-home.dark-bg a span,
.pure-toggle-label.dark-bg .pure-toggle-caption {
    color: #fff;
}
.pure-toggle-label.dark-bg:hover > span,
.pure-toggle-label.dark-bg > span:hover,
.go-home.dark-bg a:hover span,
.pure-toggle-label.dark-bg:hover .pure-toggle-caption {
    color: rgba(181, 241, 255, 1);
}
.pure-toggle-label.dark-bg .pure-toggle-icon,
.pure-toggle-label.dark-bg .pure-toggle-icon:before,
.pure-toggle-label.dark-bg .pure-toggle-icon:after {
    background: #fff;
}
.pure-toggle-label.dark-bg:hover .pure-toggle-icon,
.pure-toggle-label.dark-bg:hover .pure-toggle-icon:before,
.pure-toggle-label.dark-bg:hover .pure-toggle-icon:after {
    background: rgba(181, 241, 255, 1);
}
.dark-image > img {
    display: none;
}
.light-image > img {
    display: inline-block;
}
a.medium-gray-button.square-btn:hover,
a.medium-red-button.square-btn:hover {
    cursor: url('/Portals/0/assets/images/general/cursor-pointer.png'), auto;
}
.underlined {
    border-bottom: 2px solid #f3cb00;
    padding-bottom: 10px;
}
.tarjetas-visa .left-panel,
.tarjetas-visa .right-panel {
    border-radius: 4px;
}
.tarjetas-visa .info-tarjetas h3 {
    border-bottom: 0 none;
    color: #023064 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2857em;
    text-transform: uppercase;
}
.tarjetas-visa .info-tarjetas h3.no-upper {
    text-transform: none;
}
.tarjetas-visa .left-panel.gray-panel-visa {
    background: #f2f7fb;
    padding-left: 35px;
}
.tarjetas-visa .left-panel.gray-panel-visa p {
    color: #45484a;
}
.tarjetas-visa .left-panel.gray-panel-visa ul.yellow-bullet {
    margin-left: -15px;
}
.contact-panel-visa {
    border: 1px solid #d3d4d9;
    border-radius: 6px;
    padding: 15px 20px;
}
.contact-panel-visa p {
    color: #020447;
    font-size: 0.8571em;
    margin-bottom: 0;
}
.spacer-menu {
    display: inline-block;
    width: 40px;
}
.tarjetas-carousel.owl-carousel .owl-nav {
    margin-top: -35px;
}
.tarjetas-carousel.owl-carousel .owl-nav .owl-prev:before {
    font-size: 30px;
    content: '\f104';
    line-height: 48px;
    top: 3px;
}
.tarjetas-carousel.owl-carousel .owl-nav .owl-next:before {
    font-size: 30px;
    content: '\f105';
    line-height: 48px;
    top: 3px;
}
.tarjetas-carousel.owl-carousel .owl-nav {
    top: 100px;
    width: 1200px;
    left: calc(50% - 600px);
}
.tarjetas-carousel.owl-carousel.owl-drag .owl-item {
    padding-left: 20px;
    padding-right: 40px;
}
.tarjetas-carousel.owl-carousel .owl-nav .owl-prev {
    left: 15px;
}
.tarjetas-carousel.owl-carousel .owl-nav .owl-next {
    right: 15px;
}
.tarjetas-carousel.owl-carousel .owl-prev,
.tarjetas-carousel.owl-carousel .owl-next {
    background: #e5e5eb;
    border-radius: 30px;
    height: 60px;
    width: 60px;
}
.tarjetas-carousel.owl-carousel .owl-prev.disabled,
.tarjetas-carousel.owl-carousel .owl-next.disabled {
    display: none;
}
.asistencia-text-visa p,
.asistencia-text-visa li {
    color: #45484a;
    line-height: 23px;
    margin: 0 0 10px;
}
/***************************************************************/
/* Tarjetas Visa
/***************************************************************/
.bg-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.logo-visa {
    margin-left: 0;
    display: block;
    width: 210px;
    height: 106px;
    background: transparent;
    border-left: none;
    position: relative;
}
.logo-visa .bg-logo img {
    margin: 0;
    width: 100%;
    height: auto;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(187deg)
        brightness(105%) contrast(102%);
}
.logo-visa img {
    width: 143px;
    height: 49px;
    margin-top: 0;
    margin-left: 0;
    filter: invert(16%) sepia(8%) saturate(3173%) hue-rotate(179deg) brightness(94%) contrast(88%);
}
.logo-visa a {
    height: 90px;
    display: block;
    width: 230px;
    line-height: 90px;
    padding: 0 22px;
}
.pure-toggle-label {
    width: 45px;
}
.pure-toggle-label.dark-bg {
    width: 45px;
}
.go-home {
    display: block;
    position: absolute;
    right: 80px;
    top: 21px;
    width: auto;
}
.rev_slider.rev-promos-slider li.tp-revslider-slidesli {
    border-radius: 0 0 80px 80px;
}
.main.tarjetas-visa .nav-sections {
    position: relative;
    z-index: 2;
}
.bg-top {
    background: url('/Portals/0/assets/images/visa/bg-visa-01.png') no-repeat 0
        0 !important;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -50px;
    left: 0;
}
.bg-bottom {
    background: url('/Portals/0/assets/images/visa/bg-visa-02.png') no-repeat
        bottom right !important;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: -30px;
}
.header-visa {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
.pure-drawer-header {
    background: #020447;
    display: block;
    width: 100%;
    height: 90px;
    border-bottom: 3px solid #f3cb00;
}
.pure-drawer-header > .logo-visa {
    position: absolute;
    background: none;
    border: none;
    margin-left: 30px;
}
.pure-drawer-header > .go-home {
    display: block;
    position: absolute;
    left: 280px;
    top: 25px;
    width: auto;
}
.go-home img {
    width: 32px;
    height: 32px;
    filter: sepia(100%) brightness(28.5%) hue-rotate(163deg) saturate(1000%)
        contrast(633%);
}
.pure-drawer-header .go-home img,
.light-image img {
    filter: sepia(0%) brightness(100%);
}
.txt-go-home,
.pure-toggle-label > span {
    color: #020447;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 25%;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.body.tarjetas-visa ul.yellow-bullet li {
    color: #6f7377;
    font-weight: normal;
    text-align: justify;
}
.go-home .txt-go-home {
    font-weight: 700;
    margin-right: 10px;
    position: relative;
    top: 5px;
}
#footer .footer-copyright.dark-blue {
    background: #020447;
}
.txt-go-home.dark-bg {
    color: #fff;
}
.pure-toggle-label:hover > span,
.pure-toggle-label > span:hover {
    color: #151875;
}
.pure-toggle[data-toggle='right']:checked
    ~ .pure-toggle-label[data-toggle-label='right']
    span {
    color: #fff;
}
.main.tarjetas-visa {
    max-width: 100%;
    margin: 0;
}
.section.banners-visa {
    margin: 0;
    padding: 0;
    border: none;
    z-index: 3;
}
.section.banners-visa .container.full-width,
.tarjetas-visa .container.full-width {
    height: auto;
    overflow: hidden;
    width: 100%;
}
.section.banners-visa .forcefullwidth_wrapper_tp_banner {
    border-bottom: 5px solid #fff;
}
.tarjetas-visa
    .section.banners-visa.tarjetas-grupo
    .forcefullwidth_wrapper_tp_banner {
    border-bottom: none;
}
.visa-left-panel {
    display: inline-block;
    padding: 0;
    border-right: 5px solid #fff;
}
.programa-de-puntos,
.servicios-visa,
.alianzas-visa {
    display: block;
    height: auto;
    width: 100%;
}
.programa-de-puntos a:hover .smbtn,
.servicios-visa a:hover .smbtn,
.alianzas-visa a:hover .smbtn {
    opacity: 1;
}
.programa-de-puntos .img-responsive,
.servicios-visa .img-responsive,
.alianzas-visa .img-responsive {
    display: block;
    height: auto;
    width: 100%;
}
.upper-text {
    text-transform: uppercase;
}
.tb-caption {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6143em !important;
}
.visa-right-panel {
    display: inline-block;
    padding: 0;
}
.programa-de-puntos,
.servicios-visa,
.alianzas-visa {
    display: block;
    height: auto;
    width: 100%;
}
.programa-de-puntos .img-responsive,
.servicios-visa .img-responsive,
.alianzas-visa .img-responsive {
    display: block;
    height: auto;
    width: 100%;
}
.servicios-visa {
    position: relative;
}
.alianzas-visa {
    position: relative;
    border-top: 5px solid #fff;
}
.call-to-action.suscribe-tarjetas {
    background: #020447;
    min-height: 84px;
    height: 84px;
}
.suscribe-tarjetas h3 {
    color: #fff;
    font-family: 'Champagne-Limousines', sans-serif;
    font-size: 1.2857em;
    line-height: 84px;
    margin: 0;
    text-align: center;
    letter-spacing: 0.85px;
}
.nav-visa {
    list-style: none;
    padding: 0;
    width: 90%;
    margin: 10px auto 0;
}
.nav-visa li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8571em;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
}
.nav-visa li.credit-cards {
    height: 200px;
    padding: 30px 0 50px;
    box-sizing: content-box;
}
.nav-visa li.credit-cards a,
.nav-visa li.icelem-drawer a {
    display: block;
    width: 100%;
    height: 100%;
}
.nav-visa li.icelem-drawer,
.nav-visa li.icelem-drawer a {
    line-height: 80px;
    padding: 0;
}
.icn-menu-visa {
    display: inline-block;
    width: 64px;
    height: 64px;
    vertical-align: middle;
    margin-right: 8px;
}
.icn-menu-visa img {
    filter: invert(1) sepia(0.1) saturate(10) hue-rotate(20deg);
    width: 100%;
    height: 100%;
    vertical-align: top;
}
li.icelem-drawer:hover .icn-menu-visa img {
    filter: invert(1) sepia(1) saturate(20) hue-rotate(0deg);
}
.nav-visa li,
.nav-visa li a {
    color: #fff;
    line-height: 60px;
    padding: 0 20px;
}
.nav-visa li:hover,
.nav-visa li:hover a {
    color: #f3cb00;
    font-weight: bold;
}
.opc-tarjetas {
    width: 300px;
    height: 188px;
    display: block;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    background-size: 100% auto;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.opc-visa-empresarial {
    background: url('/Portals/0/assets/images/visa/visa-empresarial@2x.png')
        no-repeat center center #fff;
    background-size: 101% auto;
}
.opc-visa-infinite {
    background: url('/Portals/0/assets/images/visa/visa-infnite@2x.png')
        no-repeat center center #fff;
    background-size: 101% auto;
}
.opc-visa-gold {
    background: url('/Portals/0/assets/images/visa/visa-gold@2x.png') no-repeat
        center center #fff;
    background-size: 101% auto;
}
.opc-visa-supermaxi {
    background: url('/Portals/0/assets/images/visa/visa-supermaxi@2x.png')
        no-repeat center center #fff;
    background-size: 101% auto;
}
.opc-visa-clasica {
    background: url('/Portals/0/assets/images/visa/visa-clasica@2x.png')
        no-repeat center center #fff;
    background-size: 101% auto;
}
.opc-visa-elnacional {
    background: url('/Portals/0/assets/images/visa/visa-el-nacional@2x.png')
        no-repeat center center #fff;
    background-size: 101% auto;
}
@media only screen and (max-width: 1024px) {
    .nav-visa li {
        letter-spacing: 1.3px;
    }
    .opc-tarjetas {
        max-width: 100%;
        max-height: 165px;
    }
    .nav-visa li.credit-cards {
        padding: 20px 0 30px;
    }
    .icn-menu-visa {
        width: 36px;
        height: 36px;
    }
}
@media only screen and (max-width: 1023px) {
    .opc-tarjetas {
        max-width: 80%;
        max-height: 153px;
    }
    .nav-visa li.credit-cards {
        padding: 30px 0 20px;
    }
}
@media only screen and (max-width: 478px) {
    .logo-visa {
        width: 155px;
        height: 50px;
    }
    .pure-drawer-header {
        height: 54px;
    }
    .pure-drawer-header > .logo-visa {
        height: 50px;
        margin-left: 0;
    }
    .logo-visa a {
        height: 50px;
        width: 150px;
        line-height: 50px;
        padding: 0 12px;
    }
    .logo-visa img {
        width: 130px !important;
        height: auto !important;
    }
    .logo-visa .bg-logo img {
        width: 170px !important;
        height: auto !important;
    }
    .pure-drawer-header > .go-home {
        left: 165px;
        top: 5px;
        width: 85px;
    }
    .nav-visa li {
        font-size: 0.7571em;
        letter-spacing: 0;
    }
    .nav-visa li a {
        line-height: 12px;
    }
    .opc-tarjetas {
        max-width: 80%;
        max-height: 60px;
        border-radius: 3px;
        margin-bottom: 8px;
    }
    .nav-visa li.credit-cards {
        height: 90px;
        padding: 15px 0 5px;
    }
    .nav-visa li.icelem-drawer,
    .nav-visa li.icelem-drawer a {
        line-height: 50px;
        padding: 0 20px 0 0;
        text-align: left;
    }
}
@media only screen and (max-height: 630px) and (min-width: 800px) {
    .nav-visa li.credit-cards {
        height: 165px;
        padding: 25px 0 25px;
    }
    .opc-tarjetas {
        width: 60%;
        height: 135px;
    }
}
.btn-border-white {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 24px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.btn-border-white:hover {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.1);
}
.smbtn {
    position: relative;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    opacity: 0;
    font-size: 0.8571em;
}
.link-thumb > span {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5143em;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}
.form-subscribe {
    padding: 18px 0;
}
.form-subscribe .input-group {
    display: inline;
}
.form-subscribe #newsletterEmail.form-control,
.form-subscribe #fieldEmailContent.form-control {
    width: 340px;
    height: 40px;
    background: #44456b;
    border-radius: 0;
    border: 1px solid #54557b;
    color: #45484a;
}
.form-subscribe #newsletterEmail.form-control::-moz-placeholder,
.form-subscribe #fieldEmailContent.form-control::-moz-placeholder {
    color: #45484a;
}
.form-subscribe #newsletterEmail.form-control:-ms-input-placeholder,
.form-subscribe #fieldEmailContent.form-control:-ms-input-placeholder {
    color: #45484a;
}
.form-subscribe #newsletterEmail.form-control::-webkit-input-placeholder,
.form-subscribe #fieldEmailContent.form-control::-webkit-input-placeholder {
    color: #45484a;
}
.form-subscribe .input-group .input-group-btn {
    left: -42px;
    position: absolute;
    top: 18px;
}
.form-subscribe .input-group .input-group-btn .btn-suscription {
    background: #ffc80a none repeat scroll 0 0;
    border-color: #ffc80a;
    border-radius: 50%;
    height: 35px;
    padding: 0;
    width: 35px;
}
.form-subscribe .input-group .input-group-btn .btn-suscription .fa {
    color: #fff;
    font-size: 1.3em;
    left: 7px;
    position: absolute;
    top: 6px;
}
.square-btn {
    border-radius: 0 !important;
    cursor: pointer !important;
}
.section.intro-tarjetas {
    margin: 0;
    padding: 30px 0 60px;
    .visa-card-wrapper {
        margin-top: 0;
        .card-left-side.col-4 {
            width: 35%;
            #video-post {
                overflow: hidden;
                border-radius: 24px;
                background: #00184d;
            }
        }
        .card-right-side.col-8 {
            width: 65%;
        }
    }
}
.simple-card-box {
    width: 100%;
    padding: 42px;
    border-radius: 24px;
    border: 1px solid rgba(196, 196, 196, 0.65);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    h2 {
        color: #4c505d;
        font-size: 24px;
        font-weight: 600;
        width: 100%;
        margin-bottom: 15px;
        line-height: 1.4;
    }
    p {
        width: 100%;
        margin-bottom: 10px;
        text-align: left;
        font-size: 1.15rem;
    }
}
.simple-card-image {
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    img {
        object-fit: fill;
        height: 250px;
    }
}
.simple-card-image.h-image-320 {
    height: 100% !important;
    max-height: 340px;
}
.simple-card-image.h-image-320 img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
}
.simple-card-image.h-image-380 {
    height: 100% !important;
    max-height: 380px;
}
.simple-card-image.h-image-380 img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
}
.simple-card-image.h-image-500 {
    height: 100% !important;
    max-height: 500px;
}
.simple-card-image.h-image-500 img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
}
.simple-card-image.h-image-full {
    height: 100% !important;
    max-height: 100%;
}
.simple-card-image.h-image-full img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
}
section.section.info-tarjetas {
    position: relative;
    margin: 0;
    padding: 0;
}
.section.info-tarjetas.info-alianzas {
    position: relative;
    margin: 0;
    padding: 60px 0 60px;
}
h1.title-visa {
    font-family: 'Oswald', sans-serif;
    font-size: 2em;
    font-weight: bold;
    height: 80px;
    letter-spacing: 1px;
    line-height: 1em;
    padding: 26px 0;
    text-align: center;
    position: relative;
}
.yl-underline {
    background: #f3cb00 none repeat scroll 0 0;
    display: block;
    height: 4px;
    position: absolute;
    top: 60px;
    width: 94px;
}
h1.title-visa.nuestras-tarjetas {
    background: url('/Portals/0/assets/images/visa/title-nuestras-tarjetas.png')
        no-repeat 50% 0;
}
h1.title-visa.nuestras-tarjetas .yl-underline {
    left: calc(50% - 124px);
}
.text-intro p {
    color: #5f6367;
}
.text-intro .lborder {
    border-right: 1px solid #dcdcdc;
}
.ic_visa {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/visa/visa-titulo.svg') no-repeat scroll
        center center;
    font-size: 0;
    height: 20px;
    width: 48px;
    display: inline-block;
    background-size: 100% auto;
    vertical-align: top;
    filter: invert(14%) sepia(0%) saturate(1604%) hue-rotate(168deg)
        brightness(87%) contrast(90%);
}
/* tarjetas visa dark bg */
.go-home.dark-bg a span,
.pure-toggle-label.dark-bg .pure-toggle-caption {
    color: #fff;
}
.pure-toggle-label.dark-bg:hover > span,
.pure-toggle-label.dark-bg > span:hover,
.go-home.dark-bg a:hover span,
.pure-toggle-label.dark-bg:hover .pure-toggle-caption {
    color: rgba(181, 241, 255, 1);
}
.pure-toggle-label.dark-bg .pure-toggle-icon,
.pure-toggle-label.dark-bg .pure-toggle-icon:before,
.pure-toggle-label.dark-bg .pure-toggle-icon:after {
    background: #fff;
}
.pure-toggle-label.dark-bg:hover .pure-toggle-icon,
.pure-toggle-label.dark-bg:hover .pure-toggle-icon:before,
.pure-toggle-label.dark-bg:hover .pure-toggle-icon:after {
    background: rgba(181, 241, 255, 1);
}
.dark-image > img {
    display: none;
}
.light-image > img {
    display: inline-block;
}
a.medium-red-button.square-btn:hover {
    cursor: url('/Portals/0/assets/images/general/cursor-pointer.png'), auto;
}
.tarjetas-visa {
    ul.tab-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
        li {
            display: flex;
            border-top: none;
            box-shadow: none;
            line-height: 1.2;
            padding: 0;
            justify-content: center;
            align-items: center;
            min-width: auto;
            &:last-child {
                background: none;
            }
        }
        li.active {
            border-bottom: 3px solid #f3cb00;
            border-top: none;
            border-left: none;
            border-right: none;
        }
    }
}
.intro-text-visa h2 {
    font-family: 'Montserrat', sans-serif;
    color: #292929;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1px;
    line-height: 1em;
    margin-bottom: 32px;
    text-transform: uppercase;
}
.underlined {
    border-bottom: 2px solid #f3cb00;
    padding-bottom: 36px;
}
.tarjetas-visa .intro-text-visa {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    padding: 48px 40px;
    border-radius: 24px;
    margin-top: 17px;
}
.tarjetas-visa .left-panel,
.tarjetas-visa .right-panel {
    border-radius: 4px;
}
.tarjetas-visa .info-tarjetas h3 {
    border-bottom: 0 none;
    color: #023064 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2857em;
    text-transform: uppercase;
}
.tarjetas-visa .info-tarjetas h3.no-upper {
    text-transform: none;
}
.tarjetas-visa .left-panel.gray-panel-visa {
    background: #f2f7fb;
    padding-left: 35px;
}
.tarjetas-visa .left-panel.gray-panel-visa p {
    color: #45484a;
}
.tarjetas-visa .left-panel.gray-panel-visa ul.yellow-bullet {
    margin-left: -15px;
}
.contact-panel-visa {
    border: 1px solid #e8e9ed;
    border-radius: 6px;
    padding: 15px 20px;
}
.contact-panel-visa p {
    color: #020447;
    font-size: 0.8571em;
    margin-bottom: 0;
}
.spacer-menu {
    display: inline-block;
    width: 40px;
}
div[id*='programa-asistencia'] button.owl-dot {
    background: none;
    border: none;
}
.logo-priority {
    max-height: 70px;
    width: auto !important;
    float: right;
}
.image-card-wrapper {
    min-height: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
    img {
        width: 95%;
    }
}
.icon-bullet {
    list-style: none;
    padding-left: 50px;
    padding-right: 20%;
    li {
        margin-bottom: 1rem;
        i {
            width: 40px;
            margin-left: -50px;
            margin-right: 10px;
            font-size: 2rem;
            text-align: center;
            vertical-align: middle;
        }
    }
}
/* Responsive */
@media only screen and (max-width: 1280px) {
    .spacer-menu {
        display: none;
    }
}
@media only screen and (max-width: 1440px) {
    .spacer-menu {
        width: 40px;
    }
}
.tarjetas-carousel.owl-carousel .owl-nav {
    margin-top: -35px;
}
.tarjetas-carousel.owl-carousel .owl-nav .owl-prev:before {
    font-size: 30px;
    content: '\f104';
    line-height: 48px;
    top: 3px;
}
.tarjetas-carousel.owl-carousel .owl-nav .owl-next:before {
    font-size: 30px;
    content: '\f105';
    line-height: 48px;
    top: 3px;
}
.tarjetas-carousel.owl-carousel .owl-nav {
    top: 100px;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}
.tarjetas-carousel.owl-carousel {
    .image-card-wrapper {
        img {
            max-width: 380px;
        }
    }
}
.tarjetas-carousel.owl-carousel.owl-drag .owl-item {
    padding-left: 20px;
    padding-right: 40px;
}
.tarjetas-carousel.owl-carousel .owl-nav .owl-prev {
    left: 15px;
}
.tarjetas-carousel.owl-carousel .owl-nav .owl-next {
    right: 15px;
}
.tarjetas-carousel.owl-carousel .owl-prev,
.tarjetas-carousel.owl-carousel .owl-next {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    height: 60px;
    width: 60px;
}
.tarjetas-carousel.owl-carousel .owl-prev.disabled,
.tarjetas-carousel.owl-carousel .owl-next.disabled {
    display: none;
}
.owl-carousel .owl-nav [class*='owl-']:active,
.owl-carousel .owl-nav [class*='owl-']:focus,
.owl-carousel .owl-nav [class*='owl-']:active:hover,
.owl-carousel .owl-nav [class*='owl-']:active:focus {
    border-color: #004ace;
    background-color: #004ace;
}
.asistencia-text-visa p,
.asistencia-text-visa li {
    color: #45484a;
    line-height: 23px;
    margin: 0 0 10px;
}
/**********************************************************
/* Promociones
/*********************************************************/
.section.promo-thumbs {
    margin-top: 50px;
    padding-top: 0;
    position: relative;
}
.section.promo-thumbs h2 {
    color: #023064;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4286em;
    line-height: 1em;
    margin: 0 0 20px;
    padding: 0 60px;
}
.prom-group {
    display: block;
    width: 390px;
    height: 299px;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
}
.thumb-prom {
    display: block;
    width: 100%;
    height: 100%;
}
.prom-group img {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
}
.prom-group .detail {
    display: block;
    background: #f2f7fb;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 25px 25px 25px 35px;
    overflow-y: auto;
}
.prom-group .detail h3 {
    border-bottom: 0 none;
    color: #023064 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2857em;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.prom-group .detail li,
.prom-group .detail p {
    color: #6f7377;
    font-size: 0.8571em;
    line-height: 22px;
    margin-bottom: 6px;
}
.promo-thumbs .col-md-6 {
    margin-bottom: 25px;
}
.prom-group .detail i {
    color: #004ace;
    font-size: 0.6em;
    margin-right: 4px;
    vertical-align: middle;
}
.prom-group.slide {
    overflow: hidden;
}
.prom-group.slide .detail {
    bottom: -364px;
}
.prom-group.flip {
    perspective: 800px;
}
.prom-group.flip .thumb-prom {
    transition: transform 1s ease;
    transform-style: preserve-3d;
}
.prom-group.flip .detail,
.prom-group.flip .theFlip {
    transform: rotateY(-180deg);
}
.prom-group.flip img,
.prom-group.flip .detail {
    backface-visibility: hidden;
}
.prom-group.flip .theFlip .detail {
    backface-visibility: visible;
}
.promo-thumbs .container .row {
    margin: 28px 0;
}
.info-tarjetas .form-control {
    cursor: pointer;
    background: #ececf0;
    height: 40px;
    border: none;
    box-shadow: inherit;
    border-radius: 0;
}
/* contacto / agencias */
section.contactenos {
    margin-top: 0;
    padding-top: 40px;
}
.cover-left,
.cover-right {
    background: #004a9c;
}
.cover-left img,
.cover-right img {
    opacity: 0.2;
}
.link-thumb h3 {
    font-size: 1.4em;
}
.cover-left:hover,
.cover-right:hover {
    background: #000;
}
.cover-left:hover img,
.cover-right:hover img {
    opacity: 0.8;
}
.section.noticia-detalle .image-description p {
    font-size: 0.85em;
    line-height: 17px;
    padding: 0 20px;
}
.section.noticia-detalle p,
.section.noticia-detalle li {
    text-align: left;
    line-height: 1.8;
    b {
        color: #004ace;
    }
}
.data-info-post-wrapper {
    width: 100%;
    overflow-x: auto;
    display: flex;
    align-items: flex-start;
}
.data-info-post {
    border: 1px solid rgba(196, 196, 196, 0.65);
    border-radius: 24px;
    border-collapse: separate;
    margin: 20px 0 30px;
    overflow: hidden;
    th {
        background: #004ace;
        color: #fff;
        padding: 20px 40px;
        .sm-th {
            font-size: 0.85em;
            display: block;
        }
    }
    th:nth-child(2),
    th:nth-child(3) {
        width: 30%;
        text-align: center;
    }
    td {
        padding: 12px 40px;
        border-bottom: 1px solid rgba(196, 196, 196, 0.65);
        line-height: 1.4;
    }
    td:nth-child(2),
    td:nth-child(3) {
        font-weight: 500;
        text-align: center;
    }
    tr:last-child td {
        border-bottom: none;
    }
}
.section.noticia-detalle .post-content ul li {
    list-style: none;
}
.section.noticia-detalle .post-content ul li:before {
    font-family: 'FontAwesome', sans-serif;
    font-size: 0.6em;
    content: '\f04d';
    color: #636363;
    vertical-align: top;
    margin-right: 8px;
}
.search-news .btn.btn-primary.btn-md {
    background: #004a9c none repeat scroll 0 0;
    border-color: #004a9c;
    border-radius: 0 4px 4px 0;
    height: 34px;
    padding: 0 10px;
}
table.gsc-search-box {
    display: none !important;
}
.gsc-adBlock {
    display: none !important;
}
.list-benefits.ic-list dt::before {
    content: '';
}
.owl-theme .owl-nav [class*='owl-'] {
    padding: 1px 7px;
    border-radius: 50px;
}
.asistencia-text-visa .yellow-bullet > li {
    margin-bottom: 0;
}
.info-tarjetas .container {
    width: var(--bgr-max-width);
}
.tarjetas-visa .owl-item ul.tab-nav li {
    border-top: medium none;
    box-shadow: none;
    display: inline-block;
    font-size: 1.2em;
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    background: none;
}
.tarjetas-visa .owl-item ul.tab-nav li a {
    font-size: 0.8em;
}
.tarjetas-visa .owl-item ul.tab-nav li.active {
    border-bottom: 3px solid #003576;
    border-left: none;
    border-right: none;
    border-top: none;
}
.tarjetas-visa .gray-panel-visa {
    background: #f2f7fb;
}
.tarjetas-visa .owl-item ul.tab-nav {
    background: none;
    height: 40px;
}
.info-tarjetas .owl-carousel .tab-content {
    padding: 30px 40px;
}
.video-reconocimientos-bgr {
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 2;
}
ul.sec-level {
    list-style: initial;
    padding-left: 15px;
}
ul.sec-level li {
    line-height: 25px;
    margin-bottom: 0 !important;
}
.programa-asistencia.owl-carousel.owl-drag,
.programa-asistencia-supermaxi.owl-drag,
.programa-asistencia-gold.owl-drag {
    margin-top: 60px;
}
.programa-asistencia.owl-carousel.stage-margin .owl-stage-outer,
.programa-asistencia-supermaxi.owl-carousel.stage-margin .owl-stage-outer,
.programa-asistencia-gold.owl-carousel.stage-margin .owl-stage-outer {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.programa-asistencia.owl-carousel.owl-drag .owl-item,
.programa-asistencia-supermaxi.owl-drag .owl-item,
.programa-asistencia-gold.owl-drag .owl-item {
    padding: 0 !important;
}
.programa-asistencia.owl-carousel.owl-drag .owl-dots,
.programa-asistencia-supermaxi.owl-carousel.owl-drag .owl-dots,
.programa-asistencia-gold.owl-drag .owl-dots {
    position: absolute;
    right: 0;
    top: -50px;
}
.centro-atencion-al-cliente,
.servicio-informacion-viajeros,
.reposicion-de-tarjeta-y-desembolso-de-efectivo-emergencia,
.proteccion-de-precio,
.servicio-informacion-viajeros,
.seguro-alquiler-autos,
.proteccion-de-precio,
.garantia-extendida,
.proteccion-de-compra {
    display: inline-block;
    font-size: 1.4em !important;
    line-height: 1.3em;
    padding-left: 80px;
    text-transform: none;
    width: 100%;
}
.centro-atencion-al-cliente {
    background: url('/Portals/0/assets/images/visa/programa-de-asistencia/centro-atencion-al-cliente.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 75px;
    padding-top: 20px;
    padding-left: 85px;
}
.servicio-informacion-viajeros {
    background: url('/Portals/0/assets/images/visa/programa-de-asistencia/servicio-informacion-viajeros.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 85px;
    padding-top: 25px;
    padding-left: 85px;
}
.reposicion-de-tarjeta-y-desembolso-de-efectivo-emergencia {
    background: url('/Portals/0/assets/images/visa/programa-de-asistencia/reposicion-de-tarjeta-y-desembolso-de-efectivo-emergencia.svg')
        no-repeat scroll 0 0 / 140px auto;
    height: 85px;
    padding-top: 15px;
    padding-left: 160px;
}
.proteccion-de-precio {
    background: url('/Portals/0/assets/images/visa/programa-de-asistencia/proteccion-de-precio.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 75px;
    padding-top: 25px;
    padding-left: 85px;
}
.seguro-alquiler-autos {
    background: url('/Portals/0/assets/images/visa/programa-de-asistencia/seguro-alquiler-autos.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 75px;
    padding-left: 85px;
    padding-top: 25px;
}
.garantia-extendida {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/visa/programa-de-asistencia/garantia-extendida.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 95px;
    padding-top: 25px;
    padding-left: 85px;
}
.proteccion-de-compra {
    background: rgba(0, 0, 0, 0)
        url('/Portals/0/assets/images/visa/programa-de-asistencia/proteccion-de-compra.svg')
        no-repeat scroll 0 0 / 70px auto;
    height: 75px;
    padding-left: 85px;
    padding-top: 25px;
}
.img-googleplay {
    float: left;
    height: auto;
    width: 180px !important;
}
.label-googleplay {
    color: #023064;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 0.8em;
    position: relative;
    top: 5px;
    vertical-align: bottom;
}
.blog-posts.list-news h3 {
    font-size: 1.3em;
    margin-bottom: 5px;
}
.blog-posts.list-news .post-content span {
    display: block;
    font-size: 0.8751em;
    margin-bottom: 3px;
}
.blog-posts.list-news .red-link {
    float: right;
}
.blog-posts.list-news p {
    margin-bottom: 6px;
}
.mapa-google.mb-lg {
    margin-top: -35px;
}
.mapa-google.mb-lg.contactenos-map {
    margin-top: 0;
}
.filtros-busqueda h3 {
    font-size: 1.5em;
    margin-top: 20px;
}
/** mensaje simulador **/
.msg-form {
    display: none;
    font-size: 0.75em;
    margin-top: 0;
    font-style: italic;
}
.msg-form.error {
    color: #ff0011;
    font-weight: bold;
}
.interes-group {
    display: none;
}
.resultado_calculo {
    width: 100%;
}
.results {
    display: none;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 240px;
}
.tc-card-name {
    display: block;
    font-size: 1.15em;
    margin-top: 4px;
}
/** Responsive Rules **/
/** BGR Site **/
@media only screen and (max-width: 479px) {
    body,
    .dropdown-menu {
        font-size: 12px;
    }
    h1 {
        font-size: 2.29em;
    }
    h2 {
        font-size: 1.85em;
        margin: 0 0 10px;
    }
    .mb-xlg {
        margin-bottom: 15px !important;
    }
    .floating-button.simulador-conoce {
        top: 133px;
        left: 50%;
    }
    .simulador-conoce a {
        font-size: 0.8em;
    }
    .shadow-box {
        box-shadow: none;
    }
    .menu-container {
        position: relative;
        margin: 10px auto;
        padding: 20px;
        min-height: 150px;
    }
    .menu-container h2 {
        margin: 0;
        padding-bottom: 15px;
    }
    .menu-container .nav a {
        padding: 5px;
    }
    .section.big-thumbs {
        padding-bottom: 0;
    }
    .section.noticias .noticias-panel {
        padding: 0 10px;
    }
    #header .header-logo img {
        width: auto !important;
        height: 48px !important;
    }
    #mainNav.nav > li.bgrnet-link.hidden-xs {
        display: none !important;
    }
    #header .header-search .form-control {
        width: 300px;
    }
    #header .header-search .btn-default {
        margin-left: -25px;
    }
    ul.nav-top li {
        background: none;
    }
    .main {
        margin-bottom: 0;
    }
    .breadcrumb-container.pb-xlg {
        padding-bottom: 10px !important;
    }
    .nav-sections.container {
        display: none;
    }
    section.section {
        padding: 20px 0;
    }
    .section.noticias {
        padding: 15px 0 25px;
        border-top: 1px solid #ececec;
    }
    .nombre-producto {
        border-bottom: none;
        padding-top: 15px;
        padding-bottom: 25px;
    }
    .nombre-producto h1 {
        text-align: left;
    }
    .noticias-panel > .row:nth-child(2) > .col-md-6:nth-child(2) {
        border-left: none;
    }
    .noticias-panel .pr-xlg {
        padding-right: 0 !important;
    }
    .descripcion-producto h2 {
        line-height: 1em;
        margin-bottom: 20px;
    }
    .descripcion-producto p {
        margin-top: 15px;
    }
    .descripcion-producto .fltr {
        float: initial;
        margin: 0 24%;
        position: relative;
    }
    .list-benefits {
        padding-right: 0;
    }
    .nf-image {
        width: 100px;
        margin-right: 15px !important;
        margin-bottom: 50px !important;
    }
    .mb-md {
        margin-bottom: 10px !important;
    }
    .noticia-principal {
        margin-bottom: 10px;
    }
    .thumb-noticias .col-md-12 {
        padding: 0 !important;
    }
    .thumb-noticias.pl-md {
        padding-left: 0 !important;
    }
    .thumb-noticias .mb-lg {
        margin-bottom: 10px !important;
    }
    .main-nav .container {
        padding: 0;
    }
}
@media only screen and (max-width: 991px) {
    #header .header-body {
        min-height: 80px;
        border-bottom: 3px solid #004585;
    }
    #header .header-btn-collapse-nav {
        border-radius: 0;
        padding: 4px 8px 4px 12px;
        margin: 15px -5px 10px 10px;
    }
    #header .header-nav-main nav > ul li {
        /* border-bottom: none; */
        display: block !important;
        text-align: center;
    }
    #header .header-nav-main nav > ul li:nth-child(3) {
        border-bottom: none;
    }
    #header .header-nav-main nav > ul > li.active > a,
    #header .header-nav-main nav > ul > li.active > a:focus,
    #header .header-nav-main nav > ul > li.active > a:hover {
        background: transparent;
    }
    #header .header-nav-main nav > ul > li.active > a,
    #header .header-nav-main nav > ul > li.active > a:focus,
    #header .header-nav-main nav > ul > li.active > a:hover {
        color: #154c7a;
    }
    .nav-bgrnet {
        display: inline-block;
        list-style: none;
        padding: 0;
        float: left;
    }
}
/** Información Corporativa **/
@media only screen and (max-width: 479px) {
    section.section.section-parallax {
        background-size: auto 65%;
    }
    .section.intro-bgr {
        margin-bottom: 0;
        padding-top: 40px;
    }
    .section.intro-bgr .row.sb-section-4 {
        padding: 0 5px;
    }
    .section.intro-bgr .sb-section-1 {
        background: none;
    }
    .section.intro-bgr .sb-section-2 {
        background: none;
        padding: 0;
    }
    .section.intro-bgr .sb-section-2 .col-md-5 {
        padding-top: 0;
    }
    .section.intro-bgr .sb-section-3 {
        padding: 25px;
    }
    .section.intro-bgr .sb-section-4 .valores-principios,
    .container-reconocimientos {
        padding: 25px 0;
    }
    .section.intro-bgr .sb-section-4 .valores-principios.owl-carousel .owl-prev,
    .section.intro-bgr .sb-section-4 .valores-principios.owl-carousel .owl-next,
    #reconocimientos.section .reconocimientos.owl-carousel .owl-prev,
    #reconocimientos.section .reconocimientos.owl-carousel .owl-next {
        border-radius: 24px;
        height: 24px;
        width: 24px;
    }
    .section.intro-bgr
        .sb-section-4
        .valores-principios.owl-carousel
        .owl-nav
        .owl-prev,
    #reconocimientos.section .reconocimientos.owl-carousel .owl-nav .owl-prev {
        left: 0;
    }
    .section.intro-bgr
        .sb-section-4
        .valores-principios.owl-carousel
        .owl-nav
        .owl-prev:before,
    #reconocimientos.section
        .reconocimientos.owl-carousel
        .owl-nav
        .owl-prev:before {
        font-size: 22px;
        line-height: 20px;
    }
    .section.intro-bgr
        .sb-section-4
        .valores-principios.owl-carousel
        .owl-nav
        .owl-next:before,
    #reconocimientos.section
        .reconocimientos.owl-carousel
        .owl-nav
        .owl-next:before {
        font-size: 22px;
        line-height: 20px;
    }
    .section.intro-bgr
        .sb-section-4
        .valores-principios.owl-carousel
        .owl-nav
        .owl-next,
    #reconocimientos.section .reconocimientos.owl-carousel .owl-nav .owl-next {
        right: 0;
    }
    .section.intro-bgr
        .sb-section-4
        .valores-principios.owl-carousel.owl-drag
        .owl-item,
    #reconocimientos.section .reconocimientos.owl-carousel.owl-drag .owl-item {
        padding-left: 5px;
        padding-right: 5px;
    }
    .owl-carousel.stage-margin .owl-stage-outer {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .section.transparencia-de-informacion {
        padding-top: 25px;
    }
    .section.transparencia-de-informacion .img-transparencia {
        margin-left: -15%;
        margin-top: 30px;
    }
    .section.transparencia-de-informacion .row .col-md-7.align-left {
        text-align: center !important;
    }
    .section.educacion-financiera {
        height: 240px;
        padding: 0;
    }
    .section.educacion-financiera .row .col-md-12 {
        height: 240px;
        top: 10px;
    }
    .section.educacion-financiera .content-banner .title-img {
        width: 70% !important;
        margin-left: 85px;
    }
    .section.educacion-financiera .blue-label {
        line-height: 15px;
        margin-left: 85px;
        margin-top: 15px;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
        width: 72%;
    }
    .section.educacion-financiera .btn-panel {
        top: 25%;
    }
    .section.gobierno-corporativo {
        padding: 0;
    }
    .section.gobierno-corporativo h2 {
        text-align: center;
        margin-bottom: 20px;
    }
    .section.gobierno-corporativo h4 {
        padding-top: 15px;
    }
    .section.gobierno-corporativo .container {
        padding: 25px;
    }
    .section.reconocimientos {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .section.memoria-bgr {
        height: 265px;
        padding: 60px 0 0;
    }
    .memoria-bgr .title-img.memoria-2023 {
        left: 0 !important;
        top: 20px;
        width: 100% !important;
    }
    .links-images-thumbs > li {
        background: #f5f5f6 none repeat scroll 0 0;
        float: left;
        list-style: outside none none;
        width: 33%;
    }
    section.links-de-interes {
        margin-bottom: -4px;
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 991px) {
}
/** BGR VISA **/
@media only screen and (max-width: 479px) {
    .logo-visa {
        margin-left: 0;
    }
    .logo-visa img {
        width: 130px !important;
        height: auto !important;
    }
    .go-home {
        right: 0;
        top: 5px;
        left: 175px;
    }
    .pure-toggle-label {
        top: -2px !important;
    }
    .pure-toggle-label[data-toggle-label='right'] {
        right: 1% !important;
    }
}
@media only screen and (max-width: 359px) {
    .nav-bgrnet .btn-bgrnet {
        width: 130px;
    }
    .ic-personas-dark,
    .ic-empresas-dark,
    .ic-canales-dark {
        display: none;
    }
    .memoria-bgr .title-img.memoria-2023 {
        left: 0 !important;
        top: 20px;
        width: 100% !important;
    }
}
.mapgoogle {
    width: 100%;
    height: 600px;
    border: none;
}
.img-qr {
    width: 172px !important;
    height: auto !important;
}
.title-img.memoria-2023 {
    left: 50%;
    position: relative;
    top: 20px;
    width: 480px !important;
    transform: translateX(-50%);
}
.owl-carousel.medios-disponibles .owl-item {
    padding: 0 20px;
}
.list-recent-articles {
    border: 1px #e8e9ed solid;
    border-radius: 24px;
    min-height: 585px;
}
h3.latest-blog-title {
    color: #154c7a;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 25px 0 25px 25px;
    background: url('/Portals/0/assets/images/general/bg-title-blog.png')
        no-repeat 23px 70px;
}
img.round-corner {
    border-radius: 24px;
}
.list-recent-articles > ul {
    list-style: none;
    padding: 0 25px;
    margin-bottom: 18px;
}
.list-recent-articles > ul > li {
    border-bottom: 1px solid #e8e9ed;
    font-size: 16px;
    height: 70px;
    padding: 25px 0;
    text-transform: uppercase;
}
.list-recent-articles > ul > li:last-child {
    border-bottom: none;
}
.dark-bg {
    color: #fff !important;
}
.article-info-ba {
    left: 60px;
    top: 50px;
    position: absolute;
}
.category-article {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}
.title-article {
    display: block;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 35px;
}
.article-info-thumb {
    background: rgba(0, 0, 0, 0.45);
    display: block;
    height: 100%;
    left: 15px;
    position: absolute;
    top: 0;
    width: calc(100% - 30px);
}
.article-info-thumb:hover {
    background: rgba(0, 0, 0, 0.65);
}
.article-info-thumb a.box-white-button:hover {
    background: rgba(0, 0, 0, 0.25);
}
.article-info-thumb-text {
    margin-top: 70px;
    text-align: center;
}
.article-info-thumb .category-article {
    text-align: center;
}
.article-info-thumb .title-article {
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    font-weight: normal;
    line-height: 35px;
    text-align: center;
    text-transform: none;
}
.box-white-button {
    border: 1px solid #fff;
    border-radius: 30px;
    display: inline-block;
    min-width: 140px !important;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
}
a.box-white-button:hover {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
}
.white-link {
    color: #fff;
}
.roundborder {
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e8e9ed;
}
.dialog-fs {
    max-width: 100%;
    width: 100%;
    padding: 40px 25px;
    text-align: center;
}
.dialog-fs > img {
    margin: 0 auto;
}
.video-calificacion-bgr {
    position: absolute;
    right: 40px;
    top: 50px;
    z-index: 2;
}
.sign-contact p {
    font-size: 0.9em;
    margin: 0;
}
.img-suscrito img {
    height: auto;
    margin-bottom: 18px;
    max-width: 320px;
}
.img-solicitud img {
    height: auto;
    margin-bottom: 18px;
    max-width: 320px;
}
.img-error-solicitud img {
    height: auto;
    margin-bottom: 18px;
    max-width: 323px;
}
ul.checks-ul li {
    list-style: outside none none;
}
.fa.bluecheck {
    color: #154c7a;
    margin-left: -24px;
    margin-right: 9px;
}
/***************************************/
/* TABS VERTICALES
/***************************************/
/*  bhoechie tab */
div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-top: 1px solid #e8e9ed;
}
div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group {
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group > a {
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group > a .glyphicon,
div.bhoechie-tab-menu div.list-group > a .fa {
    color: #5a55a3;
}
div.bhoechie-tab-menu div.list-group > a:first-child {
    border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group > a:last-child {
    border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group > a.active,
div.bhoechie-tab-menu div.list-group > a.active .glyphicon,
div.bhoechie-tab-menu div.list-group > a.active .fa {
    color: #ffffff;
}
div.bhoechie-tab-menu div.list-group > a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #5a55a3;
}
div.bhoechie-tab-content {
    background-color: transparent;
    padding-left: 20px;
    padding-top: 10px;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}
.bhoechie-tab-menu .list-group .list-group-item {
    border-bottom: 1px solid #ddd;
    border-top: medium none;
    border-left: none;
    border-right: none;
}
.bhoechie-tab-menu .list-group .list-group-item:last-child {
    border-bottom: none;
}
.btn-agua,
.btn-luz,
.btn-telefonia,
.btn-educacion,
.btn-impuestos,
.btn-seguros,
.btn-hogar,
.btn-tecnologia,
.btn-entretenimiento,
.btn-turismo {
    display: block;
    width: 72px;
    height: 72px;
    position: relative;
    padding: 4px;
}
.bhoechie-tab {
    border-left: none;
}
.btn-agua {
    background: #14b3e7 !important;
}
.btn-agua.active,
.btn-agua:hover {
    background: #3873b9 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-agua.active:after {
    border-left: 10px solid #3873b9;
}
.btn-luz {
    background: #f0e94c !important;
}
.btn-luz.active,
.btn-luz:hover {
    background: #d3ab42 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-luz.active:after {
    border-left: 10px solid #d3ab42;
}
.btn-telefonia {
    background: #47b649 !important;
}
.btn-telefonia.active,
.btn-telefonia:hover {
    background: #1f803f !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-telefonia.active:after {
    border-left: 10px solid #1f803f;
}
.btn-educacion {
    background: #f99d3b !important;
}
.btn-educacion.active,
.btn-educacion:hover {
    background: #f15f35 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-educacion.active:after {
    border-left: 10px solid #f15f35;
}
.btn-impuestos {
    background: #224a73 !important;
}
.btn-impuestos.active,
.btn-impuestos:hover {
    background: #2b265c !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-impuestos.active:after {
    border-left: 10px solid #2b265c;
}
.btn-seguros {
    background: #ad5b5b !important;
}
.btn-seguros.active,
.btn-seguros:hover {
    background: #7e2f2f !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-seguros.active:after {
    border-left: 10px solid #7e2f2f;
}
.btn-hogar {
    background: #815ea5 !important;
}
.btn-hogar.active,
.btn-hogar:hover {
    background: #643092 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-hogar.active:after {
    border-left: 10px solid #643092;
}
.btn-tecnologia {
    background: #858585 !important;
}
.btn-tecnologia.active,
.btn-tecnologia:hover {
    background: #575757 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-tecnologia.active:after {
    border-left: 10px solid #575757;
}
.btn-entretenimiento {
    background: #ef403e !important;
}
.btn-entretenimiento.active,
.btn-entretenimiento:hover {
    background: #bf2027 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-entretenimiento.active:after {
    border-left: 10px solid #bf2027;
}
.btn-turismo {
    background: #96bc40 !important;
}
.btn-turismo.active,
.btn-turismo:hover {
    background: #7a7d37 !important;
}
div.bhoechie-tab-menu div.list-group > a.btn-turismo.active:after {
    border-left: 10px solid #7a7d37;
}
.icon-agua,
.icon-luz,
.icon-telefonia,
.icon-educacion,
.icon-impuestos,
.icon-seguros,
.icon-hogar,
.icon-tecnologia,
.icon-entretenimiento,
.icon-turismo {
    display: block;
    width: 64px;
    height: 64px;
    position: relative;
    background-size: auto 100% !important;
}
.icon-agua {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/agua.png')
        no-repeat center center;
}
.icon-luz {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/luz.png')
        no-repeat center center;
}
.icon-telefonia {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/telefonia.png')
        no-repeat center center;
}
.icon-educacion {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/educacion.png')
        no-repeat center center;
}
.icon-impuestos {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/impuestos.png')
        no-repeat center center;
}
.icon-seguros {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/seguros.png')
        no-repeat center center;
}
.icon-hogar {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/hogar.png')
        no-repeat center center;
}
.icon-tecnologia {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/tecnologia.png')
        no-repeat center center;
}
.icon-entretenimiento {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/entretenimiento.png')
        no-repeat center center;
}
.icon-turismo {
    background: url('/Portals/0/assets/images/bgrnet/iconos-pagos/turismo.png')
        no-repeat center center;
}
.txt-bgrnet-pagos {
    font-family: 'Arvo', Arial, sans-serif;
    font-size: 1.25em;
}
.bhoechie-tab-menu .list-group .list-group-item:first-child,
.bhoechie-tab-menu .list-group .list-group-item:last-child {
    border-radius: 0;
}
.iframe-creditos {
    width: 100%;
    min-height: 550px;
}
.card-header h4 {
    margin-top: 0;
    width: 100%;
    text-align: left;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    margin-bottom: -1px;
    background: #f9f9f9;
    padding: 10px 25px;
}
.card-header h4.btn-link.mb-0:hover {
    background: #f6f6f6;
    border: 1px solid #e5e5e5;
    text-decoration: none;
}
#headingOne h4 {
    border-radius: 4px 4px 0 0;
}
#headingFour h4 {
    border-radius: 0 0 4px 4px;
}
#perfil-cliente .card .collapse {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.perfiles-visa {
    width: 100%;
}
.perfiles-visa tr:last-child td:nth-child(1),
.perfiles-visa tr:last-child td:nth-child(2) {
    border-bottom: none;
}
.perfiles-visa td:nth-child(1) {
    padding: 5px 30px;
    border-bottom: 1px dotted #fafafa;
    background: #8eafcf;
    color: #fff;
    width: 35%;
}
.perfiles-visa td:nth-child(2) {
    border-bottom: 1px dotted #e5e5e5;
    padding: 5px 10px;
}
#collapseFive {
    margin-bottom: -15px;
}
.call-to-action {
    min-height: 205px;
}
.call-to-action.call-to-action-primary.banner-bg {
    background: url('/Portals/0/assets/images/background/bg-promo-mundial.png')
        no-repeat scroll center center / auto 100%;
    min-height: 195px;
}
.call-to-action .call-to-action-btn {
    right: 25px;
}
.call-to-action .call-to-action-btn {
    right: -90px;
}
.mockup-landing-page {
    margin: 60px auto 15px !important;
}
.copy-call-to-action {
    position: absolute;
    top: 50px;
    left: -30px;
}
#data-affiliate {
    border-right: 1px solid #e8e9ed;
    padding-right: 30px;
    min-height: 790px;
}
.guides-panel h3 {
    margin-right: 0;
    font-size: 1.65em;
}
.guides-panel .list-benefits dt,
.guides-panel .list-benefits dd {
    padding-left: 50px;
}
.guides-panel .list-benefits dt {
    height: 48px;
    line-height: 48px;
}
.guides-panel .list-benefits dt:before {
    content: none;
}
.guides-panel .list-benefits dt.bgr-net {
    background: url('/Portals/0/assets/images/general/canales-icons.svg')
        no-repeat 0 0;
    background-size: 48px auto;
}
.guides-panel .list-benefits dt.bgr-movil {
    background: url('/Portals/0/assets/images/general/canales-icons.svg')
        no-repeat 0 -48px;
    background-size: 48px auto;
}
.guides-panel .list-benefits dt.bgr-visa {
    background: url('/Portals/0/assets/images/general/canales-icons.svg')
        no-repeat 0 -96px;
    background-size: 48px auto;
}
.guides-panel .list-benefits dt.oficinas-bgr {
    background: url('/Portals/0/assets/images/general/canales-icons.svg')
        no-repeat 0 -144px;
    background-size: 48px auto;
}
.service-logo-img {
    width: 128px;
    border-radius: 50%;
    background: #fafafa;
    float: left;
    margin-right: 30px;
    height: 128px;
}
.service-title {
    font-family: 'Montserrat', sans-serif;
    color: #444;
    text-transform: initial;
    font-size: 1.65em;
}
.list-service-title {
    margin-top: 40px;
    margin-bottom: 25px;
}
.services-list {
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.services-list li {
    list-style: none;
    width: 33.33%;
    min-height: 100px;
    text-align: center;
    background: #fcfcfc;
    padding: 20px;
}
.services-list li:nth-child(2n) {
    background: #f9f9f9;
}
.services-list li a img {
    width: 64px;
    height: 64px;
}
.services-list li a h5 {
    margin: 0;
    text-transform: initial;
    font-size: 0.85em;
    color: #337ab7;
    text-decoration: underline;
}
.new-search {
    display: block;
    text-align: center;
    margin-top: 25px;
}
.channels-list-panel {
    display: none;
    border-top: 1px solid #e8e9ed;
    padding-top: 25px;
    margin-top: 25px;
}
.channels-list {
    display: none;
}
.title-service-channel {
    text-transform: initial;
    color: #444;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.32em;
    font-weight: 300;
}
.list-channel-title {
    font-size: 1.1em;
    color: #75787a;
    text-transform: initial;
}
.list-items-channels {
    display: flex;
    padding: 0;
    list-style: none;
    margin-top: 30px;
}
.list-items-channels li {
    width: 33.33%;
    text-align: center;
    height: 120px;
    border-right: 2px solid rgba(226, 231, 235, 0.7);
    background-size: auto 75% !important;
}
.list-items-channels li:nth-child(3n),
.list-items-channels li:last-child {
    border-right: none;
}
.list-items-channels li.bgr-fono {
    background: url('/Portals/0/assets/images/canales/iconos/bgr-fono.png')
        no-repeat 50% 10%;
}
.list-items-channels li.bgr-movil {
    background: url('/Portals/0/assets/images/canales/iconos/bgr-movil.png')
        no-repeat 50% 10%;
}
.list-items-channels li.bgr-net {
    background: url('/Portals/0/assets/images/canales/iconos/bgr-net.png')
        no-repeat 50% 10%;
}
.list-items-channels li.bgr-visa {
    background: url('/Portals/0/assets/images/canales/iconos/bgr-visa.png')
        no-repeat 50% 10%;
}
.list-items-channels li.cajeros-automaticos {
    background: url('/Portals/0/assets/images/canales/iconos/cajeros-automaticos.png')
        no-repeat 50% 10%;
}
.list-items-channels li.oficinas-bgr {
    background: url('/Portals/0/assets/images/canales/iconos/oficinas-bgr.png')
        no-repeat 50% 10%;
}
.list-items-channels li.ventanilla-bp {
    background: url('/Portals/0/assets/images/canales/iconos/ventanilla-bp.png')
        no-repeat 50% 10%;
}
.list-items-channels li.ventanilla-sp {
    background: url('/Portals/0/assets/images/canales/iconos/ventanilla-sp.png')
        no-repeat 50% 10%;
}
.list-items-channels li span {
    font-size: 0.9em;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #023064;
    display: block;
    margin-top: 85px;
    line-height: 1.1em;
}
.channels-list {
    display: none;
}
.channels-list.active {
    display: block;
}
.prog-message {
    font-style: italic;
    margin-top: 10px;
}
.prog-message i {
    font-size: 2em;
    color: #1b75bb;
    vertical-align: middle;
}
.channels-list .red-link {
    float: left;
    font-size: 0.78em;
    margin-top: 30px;
}
#data-affiliates {
    margin-bottom: 30px;
}
.list-affilates-panel {
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
}
.list-affilates-panel .category-thumb {
    padding: 0 20px;
    height: 200px;
    flex: 1;
    align-items: center;
    justify-content: center;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-direction: row;
}
.list-affilates-panel .category-thumb > div {
    flex: none;
    max-width: 80%;
    -ms-flex: none;
}
.list-affilates-panel img {
    width: 128px;
    height: 128px;
}
.channels-list .sm-message a.red-link {
    margin: 0;
    float: none;
}
.channels-list .sm-message a.red-link {
    margin: 0;
    float: none;
}
.loading {
    position: fixed;
    top: 0;
    left: 0;
    background: url('/Portals/0/assets/images/general/loading.svg') no-repeat
        center center #fff;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.banners-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
.webchatContainer {
    height: 100% !important;
    top: 0 !important;
}
.webchatStartButtonContainer {
    box-shadow: none !important;
    left: calc(100% - 88px) !important;
    top: 40px !important;
}
.webchatStartButtonContainer.stickyheader {
    top: 10px !important;
}
.scroll-down img {
    width: 42px !important;
    height: 42px !important;
}
.call-to-action.call-to-action-primary.banner-bg.promomillas-home-banner {
    background: url(/Portals/0/assets/images/background/bg-promomillas.png)
        center center/auto 100% no-repeat;
}
.promomillas-home-banner.call-to-action .call-to-action-btn {
    right: calc(50% - 199px);
    top: 135px;
}
#popupModal .modal-dialog {
    width: 720px;
    max-width: 90%;
}
#popupModal .modal-content {
    overflow: hidden;
}
#popupModal .modal-body {
    width: 720px;
    max-width: 100%;
    max-height: 520px;
    height: auto;
    padding: 0;
}
#popupModal .modal-dialog img {
    width: 100%;
    height: auto;
}
#popupModal #banners-carousel {
    margin-bottom: 0;
}
.thumb-home-noticias {
    max-width: 164px;
    height: auto;
    border-radius: 8px;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
    border-top: 3px solid #1a2965;
}
.forget-password,
.forget-user {
    font-size: 1.25rem;
}
.form-container h4 {
    color: #1a2965;
    font-size: 17px;
}
.form-container input {
    margin: 12px 0;
}
.form-container .form-button {
    margin-top: 25px;
}
.form-container .form-control::placeholder {
    color: #999;
    opacity: 0.4;
}
.form-container ul.bgr-access-nav li {
    border-bottom: none;
}
.recover-info {
    padding: 0;
    margin: 0;
}
.recover-info li {
    display: inline;
}
.recover-info li:nth-child(2) {
    display: inline;
    margin-left: 10px;
    border-left: 1px solid #2f6089;
    padding-left: 10px;
}
.slider-new {
    width: 100%;
    height: 640px;
}
.slider-new img {
    width: 100%;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
#bannerCarouselHome .carousel-inner {
    height: 580px;
}
#bannerCarouselHome .carousel-inner > .item {
    overflow: hidden;
}
.footer-login a {
    color: #fff;
    text-decoration: underline;
}
.copy-text {
    position: absolute;
    top: 12%;
    left: 0;
    width: 500px;
    background: rgba(32, 43, 68, 0.9);
    border-radius: 0 10px 10px 0;
    padding: 4rem 3rem 4rem 7rem;
}
.typografy-title {
    color: #fff;
    text-transform: initial;
    font-size: 4.2rem;
    border-left: 2px solid #fff;
    padding-left: 2.5rem;
    line-height: 1;
    margin-bottom: 1.5rem;
    font-weight: 300;
}
.typography-intro {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.7rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.15em;
    padding-left: 1em;
    display: block;
}
.light-green {
    color: #00e5b9;
}
.light-blue {
    color: #4c9af4;
}
.action-btn {
    position: absolute;
    top: 65%;
    left: 100px;
}
.logo-banner-sm {
    width: 250px;
    height: auto;
}
.right-space {
    margin-right: 15px !important;
}
.search-link-menu {
    margin-left: 0 !important;
}
.search-link {
    font-weight: 600 !important;
}
#videoBanner {
    margin-top: -10%;
}
#form-wrapper-banner.hide,
#copy-wrapper-banner.hide {
    opacity: 0;
}
#form-wrapper-banner.show,
#copy-wrapper-banner.show {
    opacity: 1;
}
.noticia-principal button {
    border-radius: 16px;
    overflow: hidden;
    padding: 0;
}
/*********************************************************
* BGR Digital
*********************************************************/
.bg-lighter-gray {
    background: #fcfcfc !important;
}
.bg-light-gray {
    background: #f5f5f5 !important;
}
.bg-mid-gray {
    background: #e9e9e9 !important;
}
.bg-blue {
    background: #004ace !important;
}
.bg-white {
    background: #fff !important;
}
.bg-ocean-blue {
    background: #143a5e !important;
}
.btn-white {
    background: #fff !important;
    color: #004ace !important;
}
.heading-blue h2,
.heading-blue h2 span {
    color: #004ace !important;
}
.filter-initial {
    filter: initial !important;
}
img.h-100 {
    height: initial !important;
}
.square-info-box {
    width: 100%;
    max-height: 220px;
    height: 220px;
}
.light-text {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    li,
    a,
    ol,
    ul,
    label,
    i {
        color: #fff !important;
    }
}
.info-box.square-info-box .info-box-wrapper .info-box-image img {
    overflow: hidden;
    border-radius: 24px;
    width: 100%;
    height: 100% !important;
}
.info-box.square-info-box
    .info-box-wrapper
    .description-info-box.bg-blue.white.sm-description {
    padding: 20px;
    gap: 0;
}
.info-box.square-info-box
    .info-box-wrapper
    .description-info-box.bg-blue.white.sm-description
    h3 {
    margin-bottom: 10px;
    font-size: 18px;
}
.info-box.square-info-box
    .info-box-wrapper
    .description-info-box.bg-blue.white.sm-description
    p {
    padding: 0;
    line-height: 1.5;
    font-size: 0.9em;
    hyphens: auto;
}
.section-divisor {
    border-top: 1px solid rgba(196, 196, 196, 0.65);
    padding-bottom: 35px;
}
.section-divisor-noline {
    padding-bottom: 35px;
}
.heading-group {
    h2 {
        text-transform: uppercase;
        line-height: 30px;
        letter-spacing: 0.65px;
        padding-right: 50px;
        margin-bottom: 45px;
        .headline {
            color: #4c505d;
            font-size: 25px;
            font-weight: 600;
        }
        .strapline {
            color: #4c505d;
            font-weight: 500;
            font-size: 18px;
            line-height: 40px;
            letter-spacing: 0.65px;
            text-align: left;
            margin-bottom: 0;
        }
    }
}
.heading-group.heading-lg {
    h2 {
        padding: 0;
        .headline {
            font-size: 60px;
            line-height: 83px;
            font-weight: 700;
            letter-spacing: 0;
        }
        .strapline {
            font-size: 32px;
            line-height: 20px;
            letter-spacing: 0.65px;
        }
    }
}
.heading-group.heading-divisor {
    h2 {
        text-transform: uppercase;
        line-height: 30px;
        letter-spacing: 0.65px;
        padding-right: 50px;
        margin-bottom: 35px;
        .headline {
            color: #4c505d;
            font-size: 25px;
            font-weight: 600;
            &:is(.headline-normal) {
                text-transform: initial;
            }
        }
        .strapline {
            color: #4c505d;
            font-weight: 500;
            font-size: 18px;
            line-height: 18px;
            letter-spacing: 0.65px;
            text-align: left;
            margin-bottom: 28px;
            border-bottom: 1px solid #e0e0e0;
            padding-bottom: 28px;
        }
    }
}
.heading-group.heading-md {
    h2 {
        padding: 0;
        .headline {
            font-size: 40px;
            line-height: 48px;
            font-weight: 700;
            letter-spacing: 0;
            white-space: nowrap;
        }
        .strapline {
            font-size: 32px;
            line-height: 30px;
            letter-spacing: 0.65px;
        }
    }
}
.heading-group.heading-normal.heading-center {
    h2 {
        text-align: center;
        padding: 0;
        .headline {
            font-size: 32px;
            line-height: 36px;
            font-weight: 600;
            letter-spacing: 0;
            text-transform: initial;
        }
        .strapline {
            font-size: 32px;
            line-height: 30px;
        }
    }
}
.heading-intro-section {
    h1 {
        color: #4c505d;
        font-size: 2.5rem;
        font-weight: 600;
        width: 100%;
        margin-bottom: 15px;
        line-height: 1.4;
        text-transform: initial;
    }
    h2 {
        color: #4c505d;
        font-size: 24px;
        font-weight: 600;
        width: 100%;
        margin-bottom: 15px;
        line-height: 1.4;
        text-transform: initial;
    }
    p {
        font-size: 18px;
    }
}
.heading-intro-section.heading-center {
    h2,
    p {
        text-align: center;
    }
}
.heading-intro-section.d-flex-title {
    display: flex;
    justify-content: space-between;
    .heading-normal {
        width: 50%;
    }
}
.banner-box {
    background: #fff;
    width: 100%;
    min-height: 160px;
    border-radius: 24px;
    display: flex;
    overflow: hidden;
    .banner-box-content {
        width: 55%;
        padding: 90px 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .banner-box-image {
        width: 45%;
        display: flex;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        img {
            object-fit: contain;
            object-position: center bottom;
            height: 100%;
            width: auto;
        }
        img.width-100 {
            object-fit: cover;
            object-position: center bottom;
            height: auto;
            width: 100%;
        }
        img.height-100 {
            object-fit: contain;
            object-position: center bottom;
            height: 100%;
            width: auto;
        }
    }
    .banner-box-image.w-80 {
        width: 80%;
    }
}
.info-cta-box .container .bgr-flex-row {
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 30px;
}
.info-cta-box .container .bgr-flex-row .bgr-col-6 {
    width: calc(((100% / 12) * 6) - 15px);
}
.news-section .heading-group {
    padding-right: calc((100% / 12) * 8);
}
.card-box-wrapper {
    display: flex;
    gap: 30px;
}
.card-box-wrapper.card-flex-wrap {
    flex-wrap: wrap;
}
.card-box-wrapper.card-flex-nowrap {
    flex-wrap: nowrap;
    .cta-card-box-btn-wrapper.bg-white {
        align-items: flex-start;
        height: 48px;
    }
}
.card-box-wrapper .cards-info-box {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    padding: 32px;
    justify-content: space-between;
    min-height: 100%;
}
.card-box-wrapper .cards-info-box.gap-10 {
    row-gap: 20px;
}
.card-box-wrapper .cards-info-box .title-card-box h3 {
    font-size: 18px;
    text-transform: initial;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.card-box-wrapper .cards-info-box .card-box-image {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}
.card-box-wrapper .cards-info-box .card-box-image img {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}
.card-box-wrapper .cards-info-box .card-box-image span {
    position: absolute;
    color: #fff;
}
.card-box-wrapper .cards-info-box .card-box-image span.title-image {
    bottom: 55px;
    left: 30px;
    z-index: 2;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}
.card-box-wrapper .cards-info-box .card-box-image span.state-image {
    bottom: 30px;
    left: 30px;
    z-index: 3;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.card-box-wrapper .cards-info-box .card-box-image::after {
    content: '';
    display: block;
    background: #004ace;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(0, 74, 206, 1) 100%
    );
    width: 100%;
    height: 40%;
    position: absolute;
    bottom: 0;
    mix-blend-mode: multiply;
}
.card-box-wrapper .cards-info-box .card-box-image.no-gradient::after {
    background: transparent;
}
.card-box-wrapper .cards-info-box .description-card-box {
    min-height: 42px;
    p {
        text-align: left;
        font-size: 1.15rem;
    }
    p:last-child {
        margin: 0;
    }
}
.card-box-wrapper .cards-info-box .description-card-box .g-bullet {
    padding-right: 0;
}
.card-box-wrapper .cards-info-box .description-card-box .link-readmore {
    font-size: 14px;
    font-weight: 600;
}
.card-box-wrapper .cards-info-box .description-card-box .link-readmore i {
    margin-left: 6px;
    font-size: 20px;
    vertical-align: baseline;
    margin-bottom: 4px;
}
.card-box-wrapper .cards-info-box .card-box-icon-label {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 85px;
    .card-box-icon-image {
        img {
            height: 85px;
        }
    }
    .card-box-icon {
        font-size: 2rem;
        width: 5.5rem;
        height: 5.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f5f5f5;
        border-radius: 50%;
        color: #004ace;
    }
    .card-box-label {
        span {
            background: #8fbb3a;
            color: #fff;
            font-weight: 600;
            padding: 8px 20px;
            border-radius: 20px;
            font-size: 0.9em;
        }
    }
    .card-box-label.sky-blue-label {
        span {
            background: #3b8fff;
        }
    }
    .card-box-label.light-blue-label {
        span {
            background: #799ee1;
        }
    }
    .card-box-label.dark-blue-label {
        span {
            background: #23318e;
        }
    }
    .card-box-label.dark-gray-label {
        span {
            background: #707070;
        }
    }
}
.card-box-wrapper .cards-info-box .cta-card-box-btn-wrapper {
    background: #f5f5f5;
    height: 72px;
    display: flex;
    align-items: center;
    margin: 0 -32px -32px;
    padding: 0 32px;
}
.card-flex-wrap {
    .bgr-col-4 {
        width: calc((100% - 2 * 30px) / 3);
        box-sizing: border-box;
    }
    .bgr-col-6 {
        width: 50%;
        box-sizing: border-box;
    }
}
/************************************
/* Cardbox Portada Blog
************************************/
.card-box-wrapper {
    .cards-info-box.cards-blog-preview {
        padding: 0;
        .card-box-image {
            border-radius: 16px 16px 0 0;
            .tag-wrapper {
                position: absolute;
                top: 16px;
                left: 16px;
                .tag-label {
                    border: 2px solid #1c7ae8;
                    padding: 4px 24px;
                    border-radius: 28px;
                    background: #eaf4ff;
                    color: #1c7ae8;
                    font-weight: 500;
                    font-size: 0.85rem;
                    white-space: nowrap;
                }
            }
        }
        .title-card-box {
            padding: 0 32px;
        }
        .description-card-box {
            padding: 0 32px 32px;
            p {
                margin: 0 0 15px;
            }
        }
    }
}
/************************************
/* Cardbox Promociones BGR Visa
************************************/
.card-box-wrapper {
    .cards-info-box.cards-promo-preview {
        padding: 0;
        .card-box-image {
            border-radius: 16px 16px 0 0;
            .tag-wrapper {
                position: absolute;
                top: 16px;
                left: 16px;
                .tag-label {
                    border: 2px solid #1c7ae8;
                    padding: 4px 24px;
                    border-radius: 28px;
                    background: #eaf4ff;
                    color: #1c7ae8;
                    font-weight: 500;
                    font-size: 0.85rem;
                    white-space: nowrap;
                }
            }
        }
        .title-card-box {
            padding: 0 32px;
        }
        .description-card-box {
            padding: 0 32px 32px;
            p {
                margin: 0 0 15px;
            }
        }
    }
}
.modal-promo {
    .modal-content {
        .modal-header {
            h4 {
                margin: 0;
            }
        }
        .modal-body {
            padding: 25px 25px 0;
        }
        .modal-footer {
            padding: 25px;
        }
    }
}
#filters-wrapper {
    display: flex;
    margin-bottom: 30px;
    gap: 30px;
    .btn.active {
        box-shadow: none;
        border-color: #004ace;
    }
    .btn-primary-inactive {
        background: #f5f5f5;
    }
}
.card-box-hide-content {
    .card-box-wrapper {
        max-height: 720px;
        overflow: hidden;
        transition: max-height 0.4s ease;
        position: relative;
    }
    .card-box-wrapper::after {
        content: '';
        width: 100%;
        height: 175px;
        display: block;
        position: absolute;
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.75),
            rgba(255, 255, 255, 1)
        );
        bottom: 0;
    }
    .card-box-wrapper.expanded {
        max-height: initial;
    }
    .card-box-wrapper.expanded::after {
        opacity: 0;
        height: 0;
    }
    .see-more-btn {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        height: 70px;
        a {
            font-size: 1.5rem;
            font-weight: 600;
        }
    }
}
.banner-video-box-content {
    overflow: hidden;
    border-radius: 24px;
    button {
        border: none;
        padding: 0;
        img {
            width: 100%;
        }
    }
}
/***********************************/
.resume_time_wrapper {
    display: flex;
    margin-bottom: 20px;
    font-weight: 400;
    .read_time {
        border-right: 1px solid #45484a;
        padding-right: 15px;
    }
    .date_publication {
        padding-left: 15px;
    }
}
.list-articles {
    display: flex;
    row-gap: 25px;
    flex-direction: column;
    article {
        margin: 0;
        border: none;
        padding: 0;
        min-height: 155px;
        .post-image {
            .img-thumbnail {
                display: flex;
                img {
                    border-radius: 16px;
                }
            }
        }
        .post-content {
            height: 154px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-right: 20px;
            h3 {
                font-size: 18px;
                text-transform: initial;
                letter-spacing: 0;
                line-height: 22px;
                margin: 0 0 20px;
                height: 44px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                a {
                    color: #45484a;
                    text-decoration: none;
                }
            }
            .tag-wrapper {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
        }
    }
}
.description-card-box.d-flex {
    align-items: center;
    justify-content: space-between;
    .resume_time_wrapper {
        margin-bottom: 0;
    }
}
.tag-label {
    border: 2px solid #1c7ae8;
    padding: 4px 24px;
    border-radius: 28px;
    background: #eaf4ff;
    color: #1c7ae8;
    font-weight: 500;
    font-size: 0.85rem;
}
.faq-section {
    border-radius: 48px 48px 0 0;
}
.cta-simple-banner-section {
    .bgr-flex-column {
        gap: 20px;
        justify-content: center;
        align-items: center;
        h2,
        p {
            color: #fff;
            margin: 0;
        }
        h2 {
            font-size: 24px;
            font-weight: 500;
            letter-spacing: 0.65px;
            max-width: 80%;
        }
        p {
            font-size: 16px;
        }
    }
}
.faq-section .bgr-flex-row {
    justify-content: center;
}
.intro-carousel {
    padding-left: calc((100% - 1240px) / 2) !important;
    .intro-general {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding-right: 60px;
    }
}
.introduction.img-logos img {
    height: 48px;
}
.btn-logos-wrapper {
    display: flex;
    gap: 25px;
    img {
        height: 48px;
    }
}
.icon-box {
    background: #fff;
    border-radius: 24px;
    padding: 24px 36px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    width: 300px;
    gap: 15px;
    height: calc(100% - 20px);
    .icon-box-image {
        width: 56px;
        height: 56px;
        background: #004ace;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        img {
            width: 23px !important;
            filter: invert(1);
            transition: all 0.3s ease;
        }
        img:hover {
            scale: 1.1;
        }
        i {
            font-size: 1.75rem;
            color: #fff;
        }
    }
    .icon-box-image.icon-blue-gray-bg {
        width: 72px;
        height: 72px;
        background: #f5f5f5;
        i {
            color: #004ace;
            font-size: 2rem;
        }
    }
    .title-icon-box {
        h3 {
            color: #363636;
            font-size: 16px;
            text-transform: initial;
            line-height: 1.2;
            text-align: center;
            margin-bottom: 0;
        }
    }
    .description-icon-box {
        min-height: 80px;
        p {
            font-size: 1.15rem;
            text-align: center;
            margin: 0;
        }
    }
}
.icon-box.box-border {
    margin: 12px 0;
}
.icon-box.icon-box-full-thumb {
    padding: 0;
    overflow: hidden;
    height: 280px;
}
.icon-box.icon-box-full-thumb .slide-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    padding: 28px 36px;
    top: 225px;
    opacity: 0;
    transition: all 0.15s ease;
}
.icon-box.icon-box-full-thumb:hover .slide-text {
    top: 0;
    opacity: 1;
}
.icon-box.icon-box-full-thumb .slide-text p {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    font-style: italic;
    font-weight: 500;
}
.icon-box.icon-box-full-thumb .slide-text i {
    font-size: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.08;
    transform: rotate(-20deg);
    transform: translateX(-50%) translateY(-50%);
}
.icon-box.icon-box-full-thumb .slide-text p:last-child {
    margin: 0;
}
/***********************************************************************
/* TIPS DE SEGURIDAD
 ***********************************************************************/
.icon-card-box-wrapper {
    display: flex;
    gap: 30px;
    margin-top: 40px;
}
.icon-card-box-wrapper .icon-out-box {
    background: #f5f5f5;
    border-radius: 24px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.icon-card-box-wrapper .icon-out-box .icon-box-image {
    background: #004ace;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -80px;
    margin-bottom: 20px;
}
.icon-card-box-wrapper .icon-out-box .icon-box-image img {
    filter: invert(1);
    max-width: 60%;
    transition: all 0.3s ease;
}
.icon-card-box-wrapper .icon-out-box .icon-box-image img:hover {
    scale: 1.1;
}
.icon-card-box-wrapper .icon-out-box .title-icon-box h3 {
    text-align: center;
    letter-spacing: 0;
    font-size: 1.2486rem;
}
.icon-card-box-wrapper .icon-out-box .description-icon-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.icon-card-box-wrapper .icon-out-box .description-icon-box p {
    text-align: center;
}
.lg-bullet {
    list-style: none;
    padding: 0;
    margin: 0;
}
.accent-description-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    .lg-bullet {
        li {
            font-size: 1.25rem;
            margin-bottom: 6px;
            padding-left: 1.75rem;
            font-weight: 300;
            letter-spacing: 0.0225rem;
        }
        li::before {
            content: '\f00c';
            font-family: 'Font Awesome 6 Pro';
            margin-left: -1.75rem;
            margin-right: 0.75rem;
        }
    }
}
.info-box-group {
    display: flex;
    gap: 30px;
}
.info-box {
    display: block;
    height: 280px;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 24px;
}
.info-box .info-box-wrapper {
    display: block;
    width: 100%;
    height: 100%;
}
.info-box .info-box-wrapper .info-box-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center;
    gap: 20px;
    border-radius: 24px;
}
.info-box .info-box-wrapper .info-box-image img {
    filter: invert(24%) sepia(33%) saturate(5597%) hue-rotate(210deg)
        brightness(88%) contrast(113%);
    height: 142px;
}
.info-box .info-box-wrapper .info-box-image .title-image {
    text-transform: uppercase;
    font-weight: 500;
    color: #4c505d;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
}
.info-box .info-box-wrapper .info-box-image .title-image i {
    margin-right: 1rem;
    font-size: 0.75rem;
}
.info-box .info-box-wrapper .description-info-box {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 30px;
    overflow-y: auto;
    flex-direction: column;
    gap: 20px;
    border-radius: 24px;
}
.info-box .info-box-wrapper .description-info-box h3 {
    display: flex;
    align-items: center;
}
.info-box .info-box-wrapper .description-info-box h3 i {
    margin-right: 1rem;
    font-size: 0.85rem;
}
.info-box .info-box-wrapper .description-info-box p {
    padding: 0 25px;
}
.info-box.flip {
    -webkit-perspective: 800px;
    perspective: 800px;
    -ms-perspective: 800px;
}
.info-box-wrapper {
    -webkit-transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    -ms-transition: transform 1s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}
.info-box.flip .info-box-image,
.info-box.flip .description-info-box {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}
.info-box.flip .description-info-box,
.info-box.flip .theFlip {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
}
.white {
    p {
        color: #fff;
    }
}
.blue-light {
    color: #b6d6fc;
}
.blue-mid {
    color: #7fb5f7;
}
.blue-accent {
    color: #3b8fff;
}
.blue-primary {
    color: #004ace;
}
.br-12 {
    border-radius: 12px !important;
}
.br-24 {
    border-radius: 24px !important;
}
.br-48 {
    border-radius: 48px !important;
}
.br-64 {
    border-radius: 64px !important;
}
.box-read-more-wrapper {
    .content-group-read-more {
        height: 240px;
        transition: all 300ms ease;
        overflow: hidden;
        p {
            text-align: initial;
        }
    }
    .content-group-read-more.show-content {
        height: auto;
    }
    .cta-readmore {
        margin-top: 30px;
    }
}
.floating-image-wrapper {
    position: absolute;
    height: 100%;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    img {
        width: auto;
        max-height: 530px;
    }
}
.position-relative {
    position: relative;
}
.min-420 {
    min-height: 480px;
}
.min-320 {
    min-height: 380px;
}
.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.content-group-wrapper {
    display: flex;
}
.content-group-wrapper .content-group-vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 60px;
    gap: 20px;
}
.content-group-wrapper .content-group-vertical .thumb-icon {
    max-width: 128px;
}
.content-group-wrapper .content-group-vertical .thumb-icon img {
    filter: invert(24%) sepia(33%) saturate(5597%) hue-rotate(210deg)
        brightness(88%) contrast(113%);
    width: 128px;
    height: 128px;
    transition: all 0.3s ease;
}
.content-group-wrapper .content-group-vertical .thumb-icon img:hover {
    scale: 1.1;
}
.lg-number {
    font-size: 1.4em;
    font-weight: 500;
    color: #2043bb;
    margin-right: 8px;
}
.cta-wrapper {
    margin-top: 30px;
}
.bg-intro-phishing {
    background: url('/Portals/0/assets/images/tips-seguridad/bg-seguridad-intro.webp')
        no-repeat bottom center #fff !important;
    background-size: 100% auto !important;
}
.bg-steps-phishing {
    background: url('/Portals/0/assets/images/tips-seguridad/bg-phising-steps.webp')
        no-repeat top center transparent !important;
    background-size: 100% auto !important;
}
.text-md-accent {
    color: #004ace;
    font-size: 1.25em;
}
.strong-title {
    font-weight: 800 !important;
    display: block;
    font-size: 2.7em !important;
    margin-left: -6px !important;
    line-height: 0.8 !important;
}
.intro-banner-text {
    color: #fff;
    text-align: left;
    display: block;
    b {
        font-size: 1.1em !important;
        line-height: 50px !important;
        font-weight: 500 !important;
    }
}
.banner-text-title-center {
    text-align: center !important;
    font-size: 32px !important;
    .strong-title {
        font-weight: 600 !important;
        display: block;
        font-size: 1.2em !important;
        margin-left: 0 !important;
        line-height: 0.8 !important;
    }
}
.intro-center-text {
    text-align: center !important;
}
#video-clave-digital {
    border: none;
    background: none;
    img {
        transition: all 0.3s ease;
    }
    img:hover {
        scale: 1.1;
    }
}
#read-less-cd {
    display: none;
}
h3 > i {
    color: #004ace;
}
#parent-div-sticky.sticky .floating-image-wrapper img {
    position: sticky;
    bottom: 0;
}
/******************************************
/* Modal Fullscreen
/******************************************/
.modal.modal-fullscreen .close.popup-close {
    right: 20px;
    top: 25px;
    background: #f5f5f5;
    color: #004ace;
    height: 48px;
    width: 48px;
    transition: all 0.3s ease;
}
.modal.modal-fullscreen .close.popup-close i {
    font-size: 36px;
}
.modal.modal-fullscreen .close.popup-close:hover {
    background: #004ace;
    color: #fff;
}
.modal.modal-fullscreen .modal-dialog {
    width: 100vw;
    height: 100vh;
    background: #fff;
    margin: 0;
    max-width: 100vw;
    max-height: 100vh;
}
.modal.modal-fullscreen .modal-content {
    box-shadow: none;
    border: none;
}
.modal.modal-fullscreen .modal-content .modal-header {
    position: relative;
    z-index: 2;
    background: url('/Portals/0/assets/images/general/logo-bgr-blue.svg')
        no-repeat;
    background-size: auto 60px;
    background-position: calc(100% - 100px) 50%;
    border-bottom: 1px solid #e0e0e0;
}
.modal.modal-fullscreen .modal-content .modal-body {
    max-height: 100vh;
    overflow-y: auto;
    padding: 60px 0;
}
/*.modal.modal-fullscreen .modal-content .modal-body .section {
	overflow-x: hidden;
}*/
.modal.modal-fullscreen .modal-content .modal-body .section.section-50h {
    min-height: calc(363px - 95px);
}
/*.modal.modal-fullscreen .modal-content .modal-body .section:first-child {
	padding-top: 0;
}*/
.modal.modal-fullscreen .modal-content .modal-body .section:last-child {
    padding-bottom: 120px;
}
.modal.modal-fullscreen .modal-content .modal-body .container {
    width: 100%;
    max-width: 100%;
}
.modal.modal-fullscreen .modal-content .modal-body .container.boxed-container {
    width: 90%;
    max-width: 1240px;
}
.modal.modal-logo-corner {
    .modal-content {
        .modal-body::after {
            content: '';
            display: block;
            position: fixed;
            width: 120px;
            height: 120px;
            background: url('/Portals/0/assets/images/banca-digital/logo-corner.svg')
                no-repeat bottom right transparent;
            background-size: 120px;
            bottom: 0;
            right: 0;
        }
    }
}
/******************************************
/* Modal Fullscreen Slide Right
/******************************************/
.modal.fade.slide-right .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transform: translate(125%, 0);
    -ms-transform: translate(125%, 0);
    -o-transform: translate(125%, 0);
    transform: translate(125%, 0);
}
.modal.in.slide-right .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
/******************************************
/* Vertical Tabs Component
/******************************************/
.tab-wrapper-section {
    display: flex;
    width: 100%;
    align-items: flex-end;
    gap: 30px;
    margin-top: 30px;
}
.tab-wrapper-section .nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.tab-wrapper-section .nav li a img {
    filter: invert(80%) sepia(0%) saturate(0%) hue-rotate(156deg)
        brightness(98%) contrast(94%);
    width: 64px;
}
.tab-wrapper-section .nav li.active a {
    background: transparent;
}
.tab-wrapper-section .nav li.active a img {
    filter: invert(17%) sepia(73%) saturate(4256%) hue-rotate(216deg)
        brightness(89%) contrast(102%);
}
.tab-wrapper-section .nav li.active a:hover,
.tab-wrapper-section .nav li.active a:focus {
    background: transparent;
}
.tab-wrapper-section .tab-content {
    height: 100%;
    width: 100%;
    min-height: 540px;
}
.tab-wrapper-section .tab-content .tab-pane {
    background: #004ace;
    width: 100%;
    height: 100%;
    border-radius: 48px 0 0 48px;
}
.tab-wrapper-section .tab-content .tab-pane .tab-content-group {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    padding: 60px 0;
    position: relative;
}
.tab-wrapper-section .tab-content .tab-pane .tab-content-group .tab-image {
    display: flex;
    width: 40%;
    height: 540px;
    margin-top: -120px;
    border-radius: 48px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}
.tab-wrapper-section .tab-content .tab-pane .tab-content-group .tab-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tab-wrapper-section
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text {
    width: calc((100% / 12) * 6) !important;
    height: 420px;
    margin-right: 60px;
    overflow-y: auto;
}
.tab-wrapper-section
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text.tab-noscroll {
    overflow-y: initial;
}
.tab-wrapper-section.tabs-right
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text {
    margin-right: initial;
    margin-left: 60px;
    order: 3;
}
.tab-wrapper-section.tabs-left .tab-content .tab-pane .tab-content-group {
    justify-content: space-between;
}
.tab-wrapper-section.tabs-left
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text {
    margin-left: initial;
    margin-right: 60px;
}
.tab-wrapper-section
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text
    h1,
.tab-wrapper-section
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text
    h2,
.tab-wrapper-section
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text
    h3,
.tab-wrapper-section
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text
    h4,
.tab-wrapper-section
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text
    p,
.tab-wrapper-section
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text
    li,
.tab-wrapper-section
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text
    a {
    color: #fff;
    letter-spacing: 0;
}
.tab-wrapper-section
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text
    h4 {
    font-size: 1.25em;
    font-weight: 600;
}
.tab-wrapper-section
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-content-text
    a {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 0.0893rem;
}
.tab-wrapper-section .tab-content .tab-pane .tab-content-group .scroll-icon {
    color: #fff;
    font-size: 2rem;
    position: absolute;
    top: 50px;
    right: 75px;
}
.modal.modal-noscroll .modal-content .modal-body {
    overflow: hidden;
}
.text-accent {
    font-weight: 500;
    font-size: 1.1em;
}
.list-icon-accent {
    dt {
        float: left;
        margin-right: 40px;
        margin-bottom: 30px;
        img {
            filter: invert(1);
            width: auto;
            height: 48px;
        }
    }
    dd {
        min-height: 64px;
    }
}
#badget-txt-ssl {
    filter: invert(1);
    height: 64px;
    margin: 10px auto;
}
.modal-video {
    z-index: 100000000000000;
}
.form-component {
    display: flex;
    justify-content: center;
    .input_search_component {
        width: calc((100% / 12) * 6);
        border-radius: 24px;
        border: 1px solid rgba(196, 196, 196, 0.65);
        position: relative;
        height: 48px;
        input {
            border-radius: 24px;
            border: none;
            height: 46px;
            width: 100%;
            padding: 10px 60px;
            font-size: 1.2rem;
        }
        .search-icon {
            position: absolute;
            left: 20px;
            top: 10px;
            color: #004ace;
            font-size: 24px;
        }
        button {
            position: absolute;
            right: 2px;
            top: 2px;
            font-size: 21px;
        }
        .btn_round {
            background: #004ace;
            color: #fff;
            width: 42px;
            height: 42px;
            padding: 0;
        }
    }
}
.accordion_faqs {
    margin: 60px 0 0;
}
.accordion_faqs .panel-group {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.accordion_faqs .panel-group .panel {
    box-shadow: none;
    border: 1px solid rgba(196, 196, 196, 0.65);
    border-radius: 16px;
    padding: 42px 42px 27px;
}
.accordion_faqs .panel-group .panel .panel-heading {
    background: transparent;
    border-color: rgba(196, 196, 196, 0.65);
    padding-bottom: 15px;
}
.accordion_faqs .panel-group .panel .panel-heading h5 {
    font-size: 1.2857rem;
    margin-bottom: 15px;
    text-transform: initial;
}
.accordion_faqs .panel-group .panel .panel-heading h5 a.accordion-plus-toggle {
    padding: 0;
    position: relative;
}
.accordion_faqs
    .panel-group
    .panel
    .panel-heading
    h5
    a.accordion-plus-toggle
    .icon-panel {
    position: absolute;
    font-size: 27px;
    top: -2px;
    right: 0;
}
.accordion_faqs
    .panel-group
    .panel
    .panel-heading
    h5
    a.accordion-plus-toggle[aria-expanded='true']
    .icon-panel
    .fa-circle-plus,
.accordion_faqs
    .panel-group
    .panel
    .panel-heading
    h5
    a.accordion-plus-toggle[aria-expanded='false']
    .icon-panel
    .fa-circle-minus {
    display: none;
}
.accordion_faqs
    .panel-group
    .panel
    .panel-heading
    h5
    a.accordion-plus-toggle[aria-expanded='true']
    .icon-panel
    .fa-circle-minus,
.accordion_faqs
    .panel-group
    .panel
    .panel-heading
    h5
    a.accordion-plus-toggle[aria-expanded='false']
    .icon-panel
    .fa-circle-plus {
    display: block;
}
/*
.accordion_faqs .panel-group .panel .panel-heading h5 a.accordion-plus-toggle.collapsed .icon-panel .fa-circle-plus {
	display: none;
}
.accordion_faqs .panel-group .panel .panel-heading h5 a.accordion-plus-toggle.collapsed .icon-panel .fa-circle-minus {
	display: block;
}*/
.accordion_faqs .panel-group .panel .panel-heading p {
    margin: 0;
    padding-right: 50%;
}
ol.list-links-alpha {
    padding-left: 8px;
    list-style: decimal-leading-zero;
    color: #004ace;
    margin-bottom: 0;
    li {
        line-height: 20px;
        margin-bottom: 6px;
    }
}
ul.nav-menu-modal {
    background: #004ace;
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 35px calc((100% / 12) * 0.95);
    li {
        display: inline;
        font-size: 0.9rem;
        font-weight: 500;
        a {
            color: #fff;
            text-decoration-color: #fff;
        }
    }
}
.img-sm-thumbnail {
    width: 50%;
    max-width: 320px;
    margin-bottom: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 16px;
}
.form-wrapper {
    width: calc(33.33333333% - 90px);
    position: absolute;
    top: 145px;
    right: calc((100% - 1240px) / 2);
    z-index: 2;
    max-width: calc(1240px / 3 - 25px);
}
.form-wrapper .card {
    box-shadow: 0 0 12px 0 rgba(0, 74, 206, 0.15);
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
}
.form-wrapper .card .widget-login-tab {
    display: flex;
    flex: 1 auto;
    border: none;
}
.form-wrapper .card .widget-login-tab li {
    width: 50%;
}
.form-wrapper .card .widget-login-tab li a {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0;
    line-height: 42px;
    border: none;
}
.form-wrapper .card .widget-login-tab li a i {
    margin-right: 6px;
}
.form-wrapper .card .widget-login-tab li:is(.active) a {
    border: none;
    border-radius: 0;
    color: #004ace;
}
.form-wrapper .card .tab-content .form-holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    min-height: 220px;
    justify-content: center;
}
.form-wrapper .card .tab-content .form-holder :is(div) {
    width: 100%;
}
.form-wrapper .card .tab-content .form-holder :is(div) .copy-login {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0;
    justify-content: center;
    min-height: 220px;
    gap: 10px;
}
.form-wrapper .card .tab-content .form-holder :is(div) .copy-login h2 {
    margin-bottom: 0;
    color: #004ace;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.0357rem;
    text-align: center;
}
.form-wrapper .card .tab-content .form-holder :is(div) .copy-login h2 span,
.form-wrapper
    .card
    .tab-content
    .form-holder
    :is(div)
    .copy-login
    h2.light-text {
    display: block;
    width: 100%;
    text-transform: initial;
    line-height: 1;
    text-align: center;
    font-weight: 300;
}
.form-wrapper
    .card
    .tab-content
    .form-holder
    :is(div)
    .copy-login
    .md-text-widget {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.25;
    color: #004ace;
    margin: 0;
}
.form-wrapper
    .card
    .tab-content
    .form-holder
    :is(div)
    .copy-login
    .md-text-widget
    b {
    text-transform: uppercase;
}
.form-wrapper .card .tab-content .form-holder :is(div) .copy-login span {
    display: block;
    width: 100%;
}
.form-wrapper .card .tab-content .form-holder :is(div) .copy-login hr {
    background-image: linear-gradient(
        to right,
        transparent,
        #dbdbdb,
        transparent
    );
    border: 0;
    height: 1px;
    margin: 20px 0;
    width: 100%;
}
.form-wrapper
    .card
    .tab-content
    .form-holder
    :is(div)
    .copy-login
    .sm-text-widget {
    font-size: 0.875rem;
    margin: 0;
    line-height: 1.4;
    text-align: center;
}
.form-wrapper
    .card
    .tab-content
    .form-holder
    :is(div)
    .copy-login
    .sm-text-widget
    a {
    color: #004ace;
    text-decoration: underline;
    text-decoration-color: #004ace;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}
.form-wrapper .card .tab-content .form-holder :is(div) .disclaimer-form {
    margin-top: 50px;
}
.form-wrapper
    .card
    .tab-content
    .form-holder
    :is(div)
    .disclaimer-form
    .sm-text-widget {
    font-size: 0.875rem;
    margin: 10px 0;
    line-height: 1.4;
    text-align: center;
}
.form-wrapper
    .card
    .tab-content
    .form-holder
    :is(div)
    .disclaimer-form
    .sm-text-widget
    a {
    color: #004ace;
    text-decoration: underline;
    text-decoration-color: #004ace;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}
.form-wrapper .card .tab-content .form-holder .panel-login-tab-new.full-height {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.form-wrapper .card .tab-content .form-holder .hr-login {
    background-image: url('/Portals/0/assets/images/widget-login-tab/hr-login.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 100%;
    height: 30px;
    margin-top: -15px;
    position: relative;
}
.form-wrapper .card .tab-content .form-holder .panel-bottom-login {
    background: url('/Portals/0/assets/images/banners/home/widget-login-tab.svg')
        center center transparent;
    background: #004ace;
    border-top: 2px solid #154c7a;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -24px;
    padding: 30px 0 10px;
}
.form-wrapper .card .tab-content .form-holder .panel-bottom-login h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.0357rem;
    text-align: center;
}
.form-wrapper .card .tab-content .form-holder .panel-bottom-login h2 span {
    display: block;
    width: 100%;
    text-transform: initial;
    line-height: 1;
    text-align: center;
    font-weight: 300;
}
.form-wrapper
    .card
    .tab-content
    .form-holder
    .panel-bottom-login
    .sm-text-widget {
    font-size: 0.875rem;
    margin: 10px 0;
    line-height: 1.4;
    text-align: center;
    color: #fff;
}
.form-wrapper
    .card
    .tab-content
    .form-holder
    .panel-bottom-login
    .sm-text-widget
    a {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: #fff;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}
.form-wrapper .card .tab-content .form-holder .panel-bottom-login .btn-login {
    background: #fff;
    color: #004ace;
}
.form-wrapper
    .card
    .tab-content
    .form-holder
    .panel-bottom-login
    .btn-login:hover {
    background: #8dcdfc;
    color: #0e4794;
}
.form-wrapper .card .tab-content .form-holder .btn-login-bottom,
.form-wrapper .card .tab-content .form-holder .btn-login {
    background: #004ace;
    color: #fff;
    height: 42px;
    line-height: 42px;
    display: block;
    width: 70%;
    text-align: center;
    border-radius: 21px;
    margin: 0 auto;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 0.8571rem;
    max-width: 260px;
}
.form-wrapper .card .tab-content .form-holder .btn-login:hover,
.form-wrapper .card .tab-content .form-holder .btn-login-bottom:hover {
    color: #fff;
    text-decoration: none;
    background: #005cff;
}
.tp-simpleresponsive .txt-copy-image {
    max-width: 480px !important;
    height: auto !important;
}
.img-responsive.logo-copy {
    width: 150px !important;
    height: auto !important;
}
.iframe-anticipo-sueldo {
    width: 100%;
    min-height: 720px;
}
.heading-group.heading-padding-5 {
    padding-right: calc((100% / 12) * 5);
}
.heading-group.heading-image {
    margin-bottom: 30px;
    img {
        max-width: 100%;
        max-height: 120px;
    }
    img.h-150 {
        max-height: 150px;
    }
    &.h-220 {
        img {
            max-height: 220px;
        }
    }
}
.heading-group.heading-text {
    h3 {
        text-transform: initial;
        letter-spacing: 0;
        font-size: 2.5rem;
        line-height: 1.25;
        color: #707070;
        font-weight: 700;
    }
    p {
        font-size: 1.4rem;
        color: #707070;
        text-align: left;
    }
}
#sliderHomePromos {
    .carousel-indicators {
        display: none;
        li {
            border: 1px solid #004ace;
        }
        li.active {
            background-color: #004ace;
        }
    }
    .carousel-control-wrapper {
        .carousel-control-prev,
        .carousel-control-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            border: none;
            background: #f5f5f5;
            width: 48px;
            height: 48px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            i {
                font-size: 1.75rem;
                color: #004ace;
            }
        }
        .carousel-control-prev {
            left: -60px;
        }
        .carousel-control-next {
            right: -60px;
        }
    }
}
.sentence-case {
    text-transform: initial;
}
.wide-side-image {
    max-height: 480px !important;
    width: 48% !important;
    overflow: hidden;
    position: absolute;
    border-radius: 0 48px 48px 0;
    display: flex;
    align-items: center;
}
.wide-side-image img {
    object-fit: cover;
    width: 100%;
}
ol.list-links-alpha.text-black {
    color: #4f5254;
}
ol.list-links-alpha.text-black b {
    color: #004ace;
}
.tab-wrapper-section.tabs-top {
    flex-direction: column;
    margin-top: 0;
    align-items: flex-start;
}
.tab-wrapper-section.tabs-top.tabs-right {
    align-items: flex-end;
}
.tab-wrapper-section.tabs-top.tabs-left {
    align-items: flex-start;
}
.tab-wrapper-section.tabs-top .nav.nav-pills.nav-side-left {
    flex-direction: row;
}
.tab-wrapper-section .tab-content .tab-pane.tab-pane-transparent {
    background: transparent !important;
}
.tab-wrapper-section.tabs-top
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-image {
    width: 40%;
    height: 560px;
    margin-top: -200px;
    border-radius: 48px;
    overflow: hidden;
    position: relative;
    margin-left: 0;
}
.tab-wrapper-section.tabs-top
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-image-shadow {
    width: 40%;
    height: 560px;
    position: absolute;
    top: -80px;
    right: -100px;
    background: #004ace;
    z-index: 0;
    border-radius: 48px 0 0 48px;
}
.tabs-left .tab-content {
    border-radius: 0;
    border-left: none;
}
.tab-wrapper-section.tabs-left {
    .tab-content.tab-inner-offset-left {
        margin-left: 60px;
        .tab-content-group {
            .tab-image {
                margin-left: -60px;
            }
            .tab-content-text {
                width: calc((100% / 12) * 6 + 60px) !important;
                padding-right: 10px;
            }
        }
    }
}
.tab-wrapper-section.tabs-top.tabs-right
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-image-shadow {
    right: initial;
    left: calc((100vw - var(--bgr-max-width)) * (-1));
    border-radius: 0 48px 48px 0;
    width: calc(
        (var(--bgr-max-width) * 0.4) + ((100vw - var(--bgr-max-width)) - 96px)
    );
}
.tab-wrapper-section.tabs-top.tabs-left
    .tab-content
    .tab-pane
    .tab-content-group
    .tab-image-shadow {
    left: initial;
    right: calc(((100vw - var(--bgr-max-width)) / 2) * (-1));
    border-radius: 48px 0 0 48px;
    width: calc((var(--bgr-max-width) * 0.4) + 96px);
}
.tab-wrapper-section
    .tab-content
    .tab-pane.tab-pane-transparent
    .tab-content-group
    .tab-content-text
    h1,
.tab-wrapper-section
    .tab-content
    .tab-pane.tab-pane-transparent
    .tab-content-group
    .tab-content-text
    h2,
.tab-wrapper-section
    .tab-content
    .tab-pane.tab-pane-transparent
    .tab-content-group
    .tab-content-text
    h3,
.tab-wrapper-section
    .tab-content
    .tab-pane.tab-pane-transparent
    .tab-content-group
    .tab-content-text
    h4,
.tab-wrapper-section
    .tab-content
    .tab-pane.tab-pane-transparent
    .tab-content-group
    .tab-content-text
    p,
.tab-wrapper-section
    .tab-content
    .tab-pane.tab-pane-transparent
    .tab-content-group
    .tab-content-text
    li,
.tab-wrapper-section
    .tab-content
    .tab-pane.tab-pane-transparent
    .tab-content-group
    .tab-content-text
    a {
    color: #45484a;
}
.tab-wrapper-section
    .tab-content
    .tab-pane.tab-pane-transparent
    .tab-content-group
    .tab-content-text
    a.btn {
    color: #fff;
    text-decoration: none;
}
.tab-wrapper-section.tabs-top .nav.nav-pills.nav-side-left {
    flex-direction: row;
    border-radius: 16px;
    width: 70%;
    gap: 0;
    height: 100px;
    align-items: center;
}
.tab-wrapper-section.tabs-top.tabs-right .nav.nav-pills.nav-side-left {
    justify-content: flex-end;
}
.tab-wrapper-section.tabs-top.tabs-left .nav.nav-pills.nav-side-left {
    justify-content: flex-start;
}
.tab-wrapper-section.tabs-top .nav-pills.nav-side-left > li {
    width: 160px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tab-wrapper-section.tabs-top .nav-pills.nav-side-left > li img {
    width: auto;
    height: 72px;
}
.tab-wrapper-section.tabs-top .nav-pills.nav-side-left > li.active {
    background: #004ace;
    border-radius: 16px;
}
.tab-wrapper-section.tabs-top .nav.nav-side-left li.active a img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg)
        brightness(100%) contrast(100%);
}
.image-banner-box .banner-box-image {
    overflow: hidden;
    border-radius: 24px;
}
.image-banner-box .banner-box-image img {
    width: 100%;
}
.align-items-center {
    align-items: center !important;
}
.glosary-content .active-item {
    display: block;
}
.glosary-content .deactive-item {
    display: none;
}
.list-glosary-alphabet {
    list-style: none;
    display: flex;
    gap: 40px;
    margin: 40px 0;
}
.list-glosary-alphabet li {
    font-weight: 500;
    cursor: pointer;
}
.list-glosary-alphabet li a {
    color: #004ace;
    padding: 15px;
    cursor: pointer;
}
.list-glosary-alphabet li a:hover {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 4px;
}
.list-glosary-alphabet li.active a {
    background: #004ace;
    color: #fff;
    padding: 15px;
    border-radius: 4px;
}
.sound-carousel .carousel-indicators {
    bottom: -40px;
}
.sound-carousel .carousel-indicators {
    bottom: -40px;
}
.sound-carousel .carousel-indicators li {
    background: #e0e0e0;
    border-radius: 0;
    width: 60px;
    height: 6px;
}
.sound-carousel .carousel-indicators li.active {
    background: #004ace;
}
.modal-header .heading-group h2 {
    padding: 30px 5%;
    margin: 0;
}
.tab-content-group.tab-left-content.tab-inside-content.bg-light-gray {
    border-radius: 32px 0 0 32px;
}
.tab-content-group.tab-left-content {
    align-items: flex-end;
}
.tab-content-group.tab-left-content .tab-image {
    order: 2;
}
.tab-content-group.tab-left-content .tab-content-text {
    order: 1;
}
.tab-pane.bg-light-gray h3,
.tab-pane.bg-light-gray p,
.tab-pane.bg-light-gray li {
    color: #4c505d !important;
}
a.btn.btn-primary {
    text-decoration: none !important;
}
a.btn.btn-full-width {
    width: 100% !important;
}
.tab-wrapper-section .tab-content .tab-pane .tab-content-group.tab-inside-content {
    align-items: center;
}
.tab-wrapper-section .tab-content .tab-pane .tab-content-group.tab-inside-content .tab-image {
    margin-top: 0;
}
.tab-wrapper-section .tab-content .tab-pane .tab-content-group.tab-inside-content .tab-content-1-3 {
    width: calc((100% / 12) * 4) !important;
    height: 100%;
}
.tab-wrapper-section .tab-content .tab-pane .tab-content-group.tab-inside-content .tab-content-2-3 {
    width: calc((100% / 12) * 8) !important;
}
.height-320.owl-carousel .owl-stage-outer {
    max-height: 320px !important;
}
.owl-carousel .owl-stage-outer {
    border-radius: 24px 0 0 24px;
}
.tab-wrapper-section .tab-content .tab-pane .tab-content-group .tab-image img.unbox-image {
    position: initial;
    top: initial;
    left: initial;
    transform: initial;
    height: 100%;
    width: auto;
}
.two-col-section.text-image .bgr-flex-row {
    order: 2;
}
.txt-img-section .wide-side-image {
    right: 0;
    border-radius: 48px 0 0 48px;
}
.modal_iframe {
    width: 100vw;
    height: calc(100vh - 93px);
}
#estrategia-propuesta-valor {
    display: flex;
}
#gobierno-corporativo {
    overflow: hidden;
}
#reconocimientos {
    .reconocimiento-wrapper {
        display: flex;
        align-items: center;
        min-height: 480px;
        .col-md-5 {
            display: flex;
            justify-content: flex-end;
            img {
                max-width: 320px;
            }
        }
        .col-md-7 {
            h3 {
                font-size: 1.5714em;
                line-height: 1.4em;
                margin-bottom: 10px;
                margin-top: 0;
            }
        }
    }
}
#valores-principios {
    .grid-content-wrapper {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        grid-template-rows: 1fr 1fr;
        overflow: hidden;
        .value-icon-wrapper {
            display: flex;
            height: 25vw;
            position: relative;
            align-items: center;
            padding: 5%;
            min-height: 380px;
            img {
                position: absolute;
                width: 128px;
                height: 128px;
                top: 0;
                right: 0;
            }
            h3 {
                width: 70%;
                font-size: 2.1em;
                text-transform: initial;
                color: #fff;
                line-height: 2.1rem;
            }
        }
        .thumb-wrapper-image {
            height: 25vw;
            width: 25vw;
            overflow: hidden;
            position: relative;
            img {
                width: 100%;
                height: auto;
                object-fit: cover;
                object-position: center center;
                position: absolute;
                top: 0;
                transform: translateX(-50%);
                left: 50%;
            }
        }
    }
}
.side-carousel.owl-carousel .owl-stage {
    display: flex;
}
#side-carousel.owl-carousel .owl-stage-outer {
    padding: 0 12px !important;
}
.bg-red {
    background: #fd0d23 !important;
}
.bg-yellow {
    background: #ffa301 !important;
}
.bg-green {
    background: #008d7b !important;
}
.bg-purple {
    background: #451965 !important;
}
.block-intro-section {
    display: flex;
    align-items: flex-start;
    width: calc((100% / 12) * 10) !important;
    margin: 0 auto;
    gap: 60px;
    padding: 0 60px;
    position: relative;
    flex-wrap: wrap;
    .wrapper-center-content-image {
        border-radius: 24px;
        overflow: hidden;
    }
    .introduction.accent-text {
        p {
            font-size: 1.45em;
            line-height: 1.5;
        }
    }
}
.wrapper-sticky-image {
    display: flex;
    width: 50%;
    position: sticky;
    top: 60px;
    padding-bottom: 60px;
    .wrapper-image-shadow {
        width: calc(100% - 120px);
        top: 0;
    }
    .wrapper-image {
        display: flex;
        width: 100%;
        top: 0;
        justify-content: center;
    }
}
.wrapper-content-section.wct-right .wrapper-sticky-image {
    order: 1;
    padding-left: calc((100% - 1240px) / 2) !important;
}
.wrapper-content-section.wct-left .wrapper-sticky-image {
    order: 2;
    padding-right: calc((100% - 1240px) / 2) !important;
}
.wrapper-content-section {
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding: 0;
    position: relative;
}
.wrapper-content-text {
    width: calc((100% / 12) * 7);
}
.wrapper-image-shadow {
    position: absolute;
    top: 0;
    width: 40%;
    height: 40vw;
    background: #004ace;
    z-index: 0;
    margin-top: 60px;
}
.wrapper-image {
    width: calc((100% / 12) * 5);
    height: 40vw;
    border-radius: 48px;
    overflow: hidden;
    position: relative;
    margin-top: 0;
}
.wrapper-image img {
    height: 100%;
    max-width: initial;
    object-fit: contain;
}
.wrapper-content-section.wct-left .wrapper-content-text {
    order: 1;
    padding-left: calc((100% - 1240px) / 2) !important;
    padding-right: 90px;
}
.wrapper-content-section.wct-left .wrapper-image-shadow {
    right: 0;
    border-radius: 48px 0 0 48px;
}
.wrapper-content-section.wct-left .wrapper-image {
    right: 0;
}
.wrapper-content-section.wct-right .wrapper-image {
    left: 0;
}
.wrapper-content-section.wct-right .wrapper-image-shadow {
    left: 0;
    border-radius: 0 48px 48px 0;
}
.wrapper-content-section.wct-right .wrapper-content-text {
    order: 2;
    padding-right: calc((100% - 1240px) / 2) !important;
    padding-left: 90px;
}
.dl-icon .thumb-dl-icon {
    float: left;
    margin-right: 20px;
    width: 64px;
    height: 64px;
    display: block;
    background-size: 100% auto;
}
.dl-icon dd {
    padding-left: 92px;
}
.icon-ods-3 {
    background: url('/Portals/0/assets/images/sostenibilidad/thumb-ods-3.webp')
        no-repeat center center;
}
.icon-ods-4 {
    background: url('/Portals/0/assets/images/sostenibilidad/thumb-ods-4.webp')
        no-repeat center center;
}
.icon-ods-5 {
    background: url('/Portals/0/assets/images/sostenibilidad/thumb-ods-5.webp')
        no-repeat center center;
}
.icon-ods-8 {
    background: url('/Portals/0/assets/images/sostenibilidad/thumb-ods-8.webp')
        no-repeat center center;
}
.icon-ods-13 {
    background: url('/Portals/0/assets/images/sostenibilidad/thumb-ods-13.webp')
        no-repeat center center;
}
.scrollTopModal {
    position: fixed;
    left: 10px;
    bottom: 0;
    opacity: 0;
    background: #404040;
    padding: 6px 10px;
    min-width: 49px;
    border-radius: 7px 7px 0 0;
    z-index: 999999;
}
.scrollTopModal i {
    font-size: 2.5rem;
    color: #fff;
}
.scrollTopModal:hover {
    opacity: 0.9;
}
.modal.modal-fullscreen {
    overflow-y: hidden;
}
.cta-wrapper-block {
    display: flex;
    width: 100%;
    padding: 30px 0 60px;
    gap: 20px;
    justify-content: center;
}
.wrapper-image-12 {
    position: relative;
    overflow: hidden;
    border-radius: 48px;
}
.footer-image {
    background: #0c295eab;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 10px 48px;
}
.icon-adn-sostenible {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url('/Portals/0/assets/images/sostenibilidad/icon-adn-sostenible.svg')
        no-repeat center center;
    filter: invert(20%) sepia(96%) saturate(2204%) hue-rotate(210deg)
        brightness(91%) contrast(114%);
    vertical-align: middle;
}
.icon-gestion-riesgos {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url('/Portals/0/assets/images/sostenibilidad/icon-risk-managament.svg')
        no-repeat center center;
    filter: invert(20%) sepia(96%) saturate(2204%) hue-rotate(210deg)
        brightness(91%) contrast(114%);
    vertical-align: middle;
}
.icon-productos-sostenibles {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url('/Portals/0/assets/images/sostenibilidad/icon-portafolio-sostenible.svg')
        no-repeat center center;
    filter: invert(20%) sepia(96%) saturate(2204%) hue-rotate(210deg)
        brightness(91%) contrast(114%);
    vertical-align: middle;
}
.icon-agentes-cambio {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url('/Portals/0/assets/images/sostenibilidad/icon-agente-cambio.svg')
        no-repeat center center;
    filter: invert(20%) sepia(96%) saturate(2204%) hue-rotate(210deg)
        brightness(91%) contrast(114%);
    vertical-align: middle;
}
.cta-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.table-contents {
    padding-left: 24px;
}
.table-contents li {
    font-size: 1.45em;
    line-height: 1.5;
}
.blog-cover .img-responsive,
.blog-cover .thumbnail > img,
.blog-cover .thumbnail a > img,
.blog-cover .carousel-inner > .item > img,
.blog-cover .carousel-inner > .item > a > img {
    width: 100%;
}
.article-thumb img,
.article-thumb .article-info-thumb,
.blog-featured-articles img {
    border-radius: 24px;
    overflow: hidden;
    padding: 0;
}
.article-info-ba .title-article {
    text-align: left;
}
#simulador-credito .tab-content-text.tab-content-1-3,
#simulador-ahorro .tab-content-text.tab-content-1-3,
#simulador-inversion .tab-content-text.tab-content-1-3 {
    margin-left: 60px;
}
/************************************************************/
/* Simuladores Temporales
/************************************************************/
.componente_calculadora_50_30_20 {
    padding: 30px 15px;
}
.contenedor_cajas {
    display: flex;
    gap: 30px;
    margin: 40px 0 30px;
}
#caja1,
#caja2,
#caja3 {
    background: #f5f5f5;
    border-radius: 16px;
    padding: 20px;
    width: calc(100% / 3);
}
.cajadesc p {
    hyphens: auto;
    font-size: 0.75rem;
}
#caja1ico {
    font-size: 1.25rem;
    min-height: 48px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.foot {
    background: #004ace;
    border-radius: 16px;
    min-height: 80px;
    margin: 0 -15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.foot p {
    color: #fff;
    margin: 0;
}
/***/
.accordion_icons_faqs {
    display: flex;
    justify-content: space-between;
    gap: 0;
    flex-wrap: nowrap;
    .faq-accordion-icon {
        padding: 20px;
        flex: 1;
        border: 1px solid #d8d8d8;
        border-radius: 16px;
        min-height: 160px;
        margin: 0 15px;
        a {
            display: flex;
            flex-wrap: wrap;
            height: 100%;
            width: 100%;
            justify-content: center;
            align-items: center;
            i {
                font-size: 48px;
                display: block;
            }
            .label-faq-icon {
                display: block;
                width: 100%;
                font-size: 0.9rem;
                font-weight: 500;
                color: #434343;
                text-align: center;
            }
        }
    }
    .faq-accordion-icon:first-child {
        margin-left: 0;
    }
    .faq-accordion-icon:last-child {
        margin-right: 0;
    }
}
#edu-faqs.accordion_faqs {
    margin: 30px 0 0;
}
.thumb-image i {
    position: absolute;
    top: 25px;
    right: 18px;
    color: #fff;
    font-size: 24px;
    text-shadow: 0 0 6px #004ace;
}
.disclaimer-box-wrapper p {
    margin-bottom: 4px;
    line-height: 1.75;
    font-size: 0.75rem;
}
#tema-ef,
#tema-cr,
#tema-vh,
#tema-bd,
#tema-tc,
#tema-ai {
    display: none;
}
.faq-accordion-icon.selected {
    background: #f5f5f5;
    box-shadow: 0 0 12px 0 rgba(0, 74, 206, 0.15);
}
.strapline i {
    color: #004ace;
    font-size: 2.5rem;
    margin-right: 10px;
    vertical-align: sub;
}
.formula-wrapper {
    background: #f3f3f3;
    display: block;
    padding: 20px;
    margin: 10px 0 20px;
    border-radius: 8px;
    font-weight: 500;
}
.btn-primary.btn-white {
    background: #fff !important;
}
.icon-hand-cursor {
    background: url('/Portals/0/assets/images/general/hand-icon-cursor.svg')
        no-repeat center center;
    display: block;
    width: 28px;
    height: 28px;
    filter: invert(1);
}
#CookiebotWidget {
    left: initial !important;
    right: 10px !important;
}
/********/
#CookiebotWidget,
#CookiebotWidget * {
    font-family: 'Montserrat', Arial, sans-serif !important;
}
#CybotCookiebotDialog {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 300 !important;
    line-height: 26px !important;
    color: #45484a !important;
    letter-spacing: initial !important;
}
#CybotCookiebotDialog *,
#CybotCookiebotDialogBodyUnderlay * {
    font-size: 0.9rem !important;
    text-align: justify !important;
    letter-spacing: initial !important;
    /*align-self: end !important;*/
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    border-radius: 42px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 500 !important;
    height: 42px !important;
    padding: 0 !important;
    width: 200px !important;
}
#CybotCookiebotDialogHeader {
    background: #004ace !important;
}
#CybotCookiebotDialogPoweredbyCybot {
    display: none !important;
}
#CybotCookiebotDialogPoweredbyImage {
    display: none !important;
}
#CybotCookiebotDialogPoweredbyLink {
    background: url('https://www.bgr.com.ec/assets/images/general/logo-bgr.svg')
        no-repeat left center / auto 100% !important;
    height: 50px;
    filter: invert(1);
}
.CookiebotWidget-main-logo {
    display: none !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogContentWrapper {
    align-items: center !important;
}
#CybotCookiebotDialogPoweredbyCybot,
#CybotCookiebotDialogPoweredbyLink {
    width: 100% !important;
}
#CybotCookiebotDialog h2 {
    text-transform: uppercase !important;
}
#CookiebotWidget #CookiebotWidget-buttons button {
    border-radius: 42px !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 0.8571rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500 !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-radius: 42px !important;
    height: 42px !important;
    line-height: 1 !important;
    max-width: 200px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    width: 200px !important;
    padding: 0 !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
    gap: 15px;
}
.CybotEdge.CybotCookiebotDialogActive
    #CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyButtonsWrapper {
    gap: 0px;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
    border-color: #004ace !important;
    color: #004ace !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: #004ace !important;
    border-color: #004ace !important;
}
#CybotCookiebotDialog.CybotEdge
    #CybotCookiebotDialogBodyEdgeMoreDetails
    a::after {
    color: #004ace !important;
}
#CybotCookiebotDialog #CybotCookiebotBannerCloseButtonE2E {
    fill: #004ace !important;
}
#CybotCookiebotDialog .CybotCookiebotBannerCloseButton {
    fill: #ffffff !important;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li svg {
    fill: #4c505d !important;
}
#CybotCookiebotDialog
    .CybotCookiebotDialogBodyLevelButtonIABContainerToggleHide,
#CybotCookiebotDialog
    .CybotCookiebotDialogBodyLevelButtonIABContainerToggleShow,
#CybotCookiebotDialog a::after,
#CybotCookiebotDialog a::before,
#CybotCookiebotDialog button::after,
#CybotCookiebotDialog button::before {
    border-color: #004ace !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    border-width: 0px !important;
}
.CybotCookiebotDialogTabPanel,
.CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
    line-height: 1.5;
}
#CybotCookiebotDialogDetailBodyContentTextAbout br {
    display: flex;
    margin: 3px 0;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
    text-align: center !important;
}
h4 .nuevo-producto {
    font-size: 0.65rem;
    letter-spacing: 0;
    text-transform: initial;
    font-weight: 300;
}
#calcula-tus-ganancias .container {
    width: 100%;
    #result {
        display: none;
    }
}
.banner-widget
    #bannerCarouselHome
    .carousel-inner
    .copy-banner-bgr-digital.usa-bgr-digital
    :is(img) {
    width: auto;
    height: 220px;
}
.banner-widget
    #bannerCarouselHome
    .carousel-inner
    .copy-banner-bgr-digital.lanzamiento-deuna
    :is(img) {
    width: auto;
    height: 400px;
}
.banner-widget
    #bannerCarouselHome
    .carousel-inner
    .copy-banner-bgr-digital.bgr-al-frente-junto-a-ti
    :is(img) {
    width: auto;
    height: 140px;
}
.simple-cta-box-wrapper {
    h4 {
        margin: 24px 0 0;
    }
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding-right: 14px;
    .simple-cta-box {
        padding: 40px;
        border: 1px solid #e2e2e2;
        border-radius: 16px;
        h5 {
            font-size: 1.25em;
            text-transform: initial;
            letter-spacing: 0.025rem;
        }
        a {
            width: 200px;
        }
    }
}
.text-sm.banner-copy {
    display: block;
    font-weight: 500 !important;
    color: #fff;
}
.hide-d {
    display: none;
}
ul.tab-nav.bgr-visa-tarjetas li a,
ul.tab-nav.bgr-visa-tarjetas li.active a {
    text-decoration: none;
    font-weight: 600;
}
.img-paga-deuna {
    margin: 0 auto;
}
.captcha-widget-wrapper {
    margin: 30px auto 0;
    display: flex;
    justify-content: center;
}
.download-qr-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cta-wrapper-columns {
    display: flex;
    background: #f5f5f5;
    border-radius: 16px;
    justify-content: space-evenly;
    .cta-item {
        padding: 30px 20px;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        h3 {
            text-transform: initial;
            letter-spacing: 0;
            font-weight: 600;
            width: 100%;
            text-align: center;
            margin: 0 0 10px;
        }
    }
    .border-lr {
        border-left: 1px solid rgba(196, 196, 196, 0.45);
        border-right: 1px solid rgba(196, 196, 196, 0.45);
    }
}
.section.funciones-del-defensor-del-cliente {
    padding-top: 36px;
}
.icon-box-wrapper {
    border: 1px solid rgba(196, 196, 196, 0.65);
    border-radius: 24px;
    padding: 32px;
    display: flex;
    align-items: center;
    gap: 20px;
    .image-icon-box {
        background: #f5f5f5;
        color: #004ace;
        width: 64px;
        height: 64px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        font-size: 2rem;
    }
    .text-icon-box {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        h3 {
            color: #4c505d;
            font-size: 22px;
            font-weight: 500;
            text-transform: initial !important;
            letter-spacing: 0;
            margin-bottom: 0;
            &:is(.title-bold) {
                font-weight: 600;
            }
        }
        p {
            margin: 0;
            font-size: 1.15rem;
        }
    }
}
.icon-box-wrapper.items-start {
    align-items: flex-start;
}
.icon-box-wrapper.dark-box {
    .text-icon-box {
        h3,
        p {
            color: #fff;
        }
    }
}
.line-separator {
    border-top: 1px solid rgba(196, 196, 196, 0.65);
    margin: 40px 0;
}
.list-links-icon {
    list-style: none;
    padding: 0;
    padding-right: 15%;
    a {
        white-space: break-spaces;
        position: relative;
        i {
            position: absolute;
            top: 0;
            right: -15%;
        }
    }
}
.title-contactanos {
    margin: 45px 0 15px;
    font-weight: 600;
    font-size: 2em;
}
.subheading-bold {
    text-transform: initial;
    letter-spacing: 0;
    margin: 0;
    font-size: 1.25rem;
}
.list-number {
    list-style: decimal;
    padding-left: 1.25rem;
    li {
        margin-bottom: 0.75rem;
    }
}
.custom-icon-facebook,
.custom-icon-youtube,
.custom-icon-linkedin,
.custom-icon-instagram,
.custom-icon-tiktok {
    display: block;
    width: 36px;
    height: 36px;
    filter: invert(24%) sepia(99%) saturate(2037%) hue-rotate(210deg)
        brightness(80%) contrast(114%);
}
.custom-icon-facebook {
    background: url('/Portals/0/assets/images/icons/icon-facebook.svg')
        no-repeat center center;
}
.custom-icon-youtube {
    background: url('/Portals/0/assets/images/icons/icon-youtube.svg') no-repeat
        center center;
}
.custom-icon-linkedin {
    background: url('/Portals/0/assets/images/icons/icon-linkedin.svg')
        no-repeat center center;
}
.custom-icon-instagram {
    background: url('/Portals/0/assets/images/icons/icon-instagram.svg')
        no-repeat center center;
}
.custom-icon-tiktok {
    background: url('/Portals/0/assets/images/icons/icon-tiktok.svg') no-repeat
        center center;
}
.download-app-wrapper {
    display: flex;
    gap: 10px;
    a {
        width: 50%;
    }
    span {
        display: block;
        height: 36px;
        width: 100%;
    }
    .icon-download-appstore {
        background: url('/Portals/0/assets/images/icons/app-store-download.svg')
            no-repeat center center;
        background-size: auto 100%;
    }
    .icon-download-google-play {
        background: url('/Portals/0/assets/images/icons/google-play-download.svg')
            no-repeat center center;
        background-size: auto 100%;
    }
}
.dd-buttons {
    justify-content: flex-start;
    a {
        min-width: 150px;
        width: auto;
        span {
            height: 48px;
        }
    }
}
.home-main-menu-wrapper {
    display: flex;
    gap: 40px;
    .menu-container {
        h2 {
            color: #004ace;
            font-size: 1.1429em;
            letter-spacing: 0.05em;
            line-height: 1.129em;
            padding-bottom: 25px;
            text-align: center;
            text-transform: uppercase;
            font-family: 'Montserrat', Arial, sans-serif;
            font-weight: bold;
            margin: 0;
        }
        .nav {
            li {
                font-weight: 600;
                line-height: 1.8 !important;
                i.bullet-bg-circle {
                    background: #f5f5f5;
                    font-size: 1.25rem;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                }
                .nav.nav-list {
                    padding-left: 50px !important;
                    li {
                        font-weight: 400;
                        a:before {
                            border: none;
                            margin: 6px 0 0 -20px !important;
                            content: '';
                            height: 8px;
                            width: 8px;
                            background: #004ace;
                            border-radius: 50%;
                        }
                    }
                }
            }
        }
    }
}
.home-main-menu-scroll {
    display: none;
}
.list-img-bullet {
    padding-left: 42px !important;
    li::before {
        display: none;
    }
    li {
        position: relative;
        margin-bottom: 12px;
        img {
            width: 28px;
            height: 28px;
            position: absolute;
            left: -42px;
            top: 0;
        }
    }
}
.wrapper-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    .wrapper-row {
        display: flex;
        gap: 20px;
        align-items: center;
        .icon-infography {
            width: 64px;
            height: 64px;
        }
        .text-infography {
            dl,
            dd {
                margin: 0;
            }
        }
    }
}
.sm-gray-title {
    color: #45484a;
    text-transform: initial;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
}
#filtros {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}
.filter-pills-wrapper {
    margin: 20px 0 40px;
    #filtros {
        justify-content: flex-start;
        li.active {
            a {
                border-radius: 24px;
                padding: 6px 24px;
            }
        }
    }
}
.promo-thumbs-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    li {
        margin-bottom: 30px;
        .cards-info-box {
            min-height: 480px;
        }
    }
}
.hidden-content-promo {
    display: none;
}
#submit-form-solicitud-btn-wrapper {
    display: none;
}
#form-wrapper-banner-bgr-visa {
    display: none;
}
.form-wrapper-bgr-visa {
    width: calc(33.33333333% - 90px);
    position: absolute;
    top: 145px;
    right: calc((100% - 1240px) / 2);
    z-index: 2;
    max-width: calc(1240px / 3 - 25px);
    .card {
        box-shadow: 0 0 12px 0 rgba(0, 74, 206, 0.15);
        background: #fff;
        border-radius: 24px;
        overflow: hidden;
        height: 261px;
        .form-holder {
            .panel-login-wrapper {
                height: 261px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                .copy-login {
                    h2 {
                        text-align: center;
                        font-size: 1.5rem;
                        line-height: 1.25;
                        color: #282828;
                        font-weight: 400;
                        margin-bottom: 20px;
                        .logo-bgr-visa {
                            font-weight: 600;
                            letter-spacing: 0.0357rem;
                            display: flex;
                            margin-top: 10px;
                            justify-content: center;
                            align-items: center;
                            .ic_visa {
                                height: 22px;
                                width: 50px;
                            }
                        }
                    }
                    .cta-accesos-wrapper {
                        display: flex;
                        flex-direction: column;
                        padding: 0 65px;
                        gap: 15px;
                    }
                    .md-text-widget {
                        font-size: 1.15rem;
                        margin: 20px 0 0;
                        font-weight: 400;
                        line-height: 1.8;
                        text-align: center;
                    }
                }
            }
        }
    }
}
.mobile-link {
    display: none;
}
.bgr-icon {
    display: inline-flex;
    width: 28px;
    height: 28px;
}
.bgr-icon-cuenta-on {
    background: url('/Portals/0/assets/images/general/on-icon.svg') no-repeat
        center center;
}
.bgr-icon-deuna {
    background: url('/Portals/0/assets/images/general/deuna-icon.svg') no-repeat
        center center;
}
.multiple-general-card {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.tp-logo {
    position: absolute;
    bottom: 60px;
    right: 60px;
    max-width: 150px;
    img {
        width: 100%;
    }
}
ul.projects-thumbs-list {
    list-style: none;
    display: flex;
    gap: 30px;
    padding: 0;
    align-items: stretch;
    flex-wrap: wrap;
    li {
        padding: 0;
        width: calc(33.33333333% - 20px);
    }
}
#links-interest-carousel.owl-carousel {
    margin-bottom: -24px !important;
}
ul.yellow-bullet > li > ul {
    list-style: none;
    padding: 0;
    margin-top: 10px;
    li:before {
        color: #004ace;
        content: '\f105';
        font-size: 1rem;
    }
}
.form-wrapper-header {
    max-width: 720px;
    margin: 0 auto;
    width: 100%;
    .nombre-producto {
        padding-top: 20px;
        padding-bottom: 20px;
        .producto-strapline:after {
            background: transparent;
        }
    }
}
.form-wrapper-container {
    max-width: 640px;
    margin: 30px auto 30px;
}
.wide-youtube-iframe {
    overflow: hidden;
    border-radius: 24px;
    min-height: 460px;
}
/*****************************************************************************/
/* FIX MODAL LARGE
/*****************************************************************************/
.modal-dialog.modal-lg {
    width: 1140px;
    max-width: 90%;
}
/*****************************************************************************/
/* Breakpoints generales 1640, 1440, 1240, 1020, 840, 480
/*****************************************************************************/
@media only screen and (min-width: 1640px) {
    /*.form-wrapper {right: -20px;}*/
    .form-wrapper .col-md-8 {
        width: 75.2%;
    }
    .form-wrapper .row {
        height: 680px;
    }
    .copy-text {
        top: 18%;
        left: 10%;
        border-radius: 10px;
        padding: 4rem 3rem 4rem 7rem;
    }
    .action-btn {
        top: 60%;
        left: 14%;
    }
    .carousel-indicators {
        bottom: 40px;
    }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    .container {
        width: 1246px;
    }
    .boxed-container {
        width: 1246px;
    }
    .intro-carousel {
        padding-left: calc((100% - 1246px) / 2) !important;
    }
    .wrapper-image img {
        width: 100%;
        object-fit: cover;
        height: auto;
    }
    .tab-wrapper-section.tabs-top .nav.nav-pills.nav-side-left {
        margin-right: 0;
    }
    .tab-wrapper-section.tabs-top
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-image {
        width: 45%;
        margin-left: 0;
        border-radius: 48px;
    }
    .tab-wrapper-section.tabs-right
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-content-text {
        margin-left: 30px;
    }
    .tab-wrapper-section.tabs-left
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-content-text {
        margin-right: 30px;
    }
    .block-intro-section {
        width: calc((100% / 12) * 12) !important;
        max-width: 1024px;
    }
    .content-banner-sc {
        width: 50%;
    }
    .wrapper-content-section {
        padding: 0;
    }
    .wrapper-images {
        padding: 0;
    }
    .wrapper-content-section.wct-left .wrapper-content-text {
        padding-left: calc(((100% - 1246px) / 2) + 30px) !important;
    }
    .wrapper-content-section.wct-left .wrapper-sticky-image {
        padding-right: calc(((100% - 1246px) / 2) + 30px) !important;
    }
    .wrapper-content-section.wct-right .wrapper-content-text {
        padding-right: calc(((100% - 1246px) / 2) + 30px) !important;
    }
    .wrapper-content-section.wct-right .wrapper-sticky-image {
        padding-left: calc(((100% - 1246px) / 2) + 30px) !important;
    }
    #footer .container {
        width: calc(100% - 160px);
        max-width: 1246px;
    }
}
@media only screen and (min-width: 1280px) {
    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader {
        width: 140px !important;
        display: none !important;
    }
}
@media only screen and (min-width: 1280px) {
    #CybotCookiebotDialog.CybotEdge {
        box-shadow: 0 -30px 50px rgba(0, 0, 0, 0.3) !important;
    }
    #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper {
        align-items: flex-end;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 0;
        padding-left: 0.375em;
        width: 150px !important;
        margin: 0 !important;
    }
    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBody {
        position: relative !important;
    }
    #CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled
        #CybotCookiebotBannerCloseButtonE2E {
        display: flex;
        align-self: baseline !important;
    }
    #CybotCookiebotDialogHeader {
        padding: 0.75em 1.25em !important;
    }
}
@media only screen and (max-width: 1280px) {
    .banner-widget
        #bannerCarouselHome
        .carousel-inner
        .copy-banner-bgr-digital {
        left: calc((100% - 1240px) / 2 + 50px);
    }
}
@media only screen and (max-width: 1240px) {
    .intro-carousel {
        padding-left: calc((100% - 1040px) / 2) !important;
    }
    .boxed-container,
    .container {
        width: 90%;
        max-width: 1040px;
    }
    .content-banner-sc {
        width: 50%;
    }
    .wrapper-content-section {
        padding: 0;
    }
    .wrapper-images {
        padding: 0;
    }
    .tab-wrapper-section.tabs-top
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-image {
        width: 450px;
        margin-left: -160px;
    }
}
@media only screen and (min-width: 1020px) and (max-width: 1240px) {
    .bg-text-wrapper {
        right: 45%;
        width: 55%;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .header-row .header-column:nth-child(2) {
        padding-right: 0;
    }
    .banner-widget #bannerCarouselHome .carousel-inner .bg-banner-carousel {
        width: auto !important;
        height: 100% !important;
        max-width: initial !important;
        margin-left: -200px;
    }
    .form-wrapper,
    .form-wrapper-bgr-visa {
        right: calc((100% - var(--bgr-max-width)) / 2 + 4px);
        max-width: calc(var(--bgr-max-width) / 3 - 20px);
    }
}
@media only screen and (max-width: 1024px) {
    .banner-widget #bannerCarouselHome .carousel-inner .bg-banner-carousel {
        width: auto !important;
        height: 100% !important;
        max-width: initial !important;
        margin-left: 0;
    }
    .tp-caption.big-caption {
        font-size: 2.125rem !important;
        min-width: 300px !important;
    }
    .tp-caption.medium-caption {
        font-size: 2.25rem !important;
        max-width: 420px !important;
    }
    .tp-caption.big-caption.w-420,
    .tp-caption.w-420 {
        width: 300px;
    }
    .font-xl {
        font-size: 3.5rem !important;
    }
    .title-sm-banner {
        font-size: 2.85rem !important;
    }
    .tp-subcaption.tp-sm-banner {
        font-size: 1.025em;
    }
    #wrapper-info-inversiones-en-linea {
        display: block;
    }
    .general-card-wrapper {
        max-width: 100vw;
        gap: 30px;
        flex-wrap: nowrap;
        .card-left-side.col-4,
        .card-right-side.col-8 {
            width: 100% !important;
        }
    }
    .home-main-menu-wrapper {
        overflow-x: scroll;
        padding: 0 15px 20px;
        margin: 0 -5%;
        .menu-container {
            min-width: 380px;
            max-width: 380px;
        }
    }
    .home-main-menu-scroll {
        display: flex;
        justify-content: center;
        position: relative;
        i {
            color: #004ace;
            font-size: 2.5rem;
        }
    }
    #sliderHomePromos {
        .carousel-indicators {
            display: block;
            position: absolute;
            margin-left: initial;
            width: auto;
            bottom: -40px;
            left: 50%;
            transform: translateX(-50%);
        }
        .carousel-control-wrapper {
            display: none;
        }
    }
    .h-420 {
        height: 320px !important;
    }
    .h-480 {
        height: 360px !important;
    }
    .banner-box {
        .banner-box-image {
            align-items: flex-end;
            img {
                object-fit: cover;
                object-position: bottom;
                height: 100%;
                width: auto;
            }
        }
    }
    #video-conoce-bgr {
        padding: 0;
    }
    #valores-principios {
        .grid-content-wrapper {
            display: grid;
            grid-template-columns: 50% 50%;
            grid-template-rows: 1fr 1fr;
            .thumb-wrapper-image {
                height: 50vw;
                width: 50vw;
            }
            .value-icon-wrapper {
                height: 50vw;
                margin-top: -5px;
            }
        }
    }
    .image-fix-side-wrapper {
        margin-bottom: 30px;
        img {
            height: auto;
            width: 100%;
        }
    }
    .section.reconocimientos {
        .heading-group {
            padding: 0 40px;
        }
    }
    #transparencia-informacion {
        .heading-group,
        .introduction {
            padding: 0 40px;
        }
    }
    .bgr-flex-row {
        flex-direction: column;
    }
    .bgr-col-1,
    .bgr-col-2,
    .bgr-col-3,
    .bgr-col-4,
    .bgr-col-5,
    .bgr-col-6,
    .bgr-col-7,
    .bgr-col-8,
    .bgr-col-9,
    .bgr-col-10,
    .bgr-col-11,
    .bgr-col-12 {
        width: calc((100% / 12) * 12);
    }
    .tab-wrapper-section.tabs-top .nav.nav-pills.nav-side-left {
        width: 100%;
    }
    .tab-wrapper-section
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-content-text {
        width: calc((100% / 12) * 12) !important;
        height: auto;
    }
    .tab-wrapper-section .tab-content .tab-pane .tab-content-group {
        flex-direction: column;
    }
    .tab-wrapper-section.tabs-top
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-image {
        width: 100%;
        margin-top: 0;
    }
    .tab-wrapper-section
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-image
        img {
        height: auto;
        width: 100%;
    }
    .tab-wrapper-section.tabs-top.tabs-left
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-image-shadow {
        display: none;
    }
    .section.intro-bgr
        .sb-section-4
        .valores-principios.owl-carousel
        .owl-nav
        .owl-prev,
    #reconocimientos.section .reconocimientos.owl-carousel .owl-nav .owl-prev {
        left: 50px;
    }
    .section.intro-bgr
        .sb-section-4
        .valores-principios.owl-carousel
        .owl-nav
        .owl-next,
    #reconocimientos.section .reconocimientos.owl-carousel .owl-nav .owl-next {
        right: 50px;
    }
    .links-images-thumbs > li {
        width: 33.33333%;
    }
    #footer-wrapper {
        flex-wrap: wrap;
        padding: 0 40px;
        .links-logos {
            width: 100%;
            padding: 0 0 50px;
            border-right: none;
            border-bottom: 1px solid #004ace;
        }
    }
    #footer .container {
        width: 100%;
        max-width: var(--bgr-max-width);
    }
    ul.projects-thumbs-list {
        flex-wrap: wrap;
        li {
            padding: 0;
            width: calc(50% - 15px);
        }
    }
}
@media only screen and (max-width: 1020px) {
    .hide-tm {
        display: none;
    }
    .hide-d {
        display: block;
    }
    .list-articles {
        article {
            .post-image {
                .img-thumbnail {
                    img {
                        border-radius: 16px;
                    }
                }
            }
            .post-content {
                height: 180px;
                h3 {
                    a {
                        color: #45484a;
                        text-decoration: none;
                    }
                }
                .tag-wrapper {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: flex-start;
                    .tag-label {
                        margin-bottom: 10px;
                    }
                }
            }
        }
    }
}
@media only screen and (min-width: 840px) and (max-width: 1020px) {
    .bg-text-wrapper {
        right: 45%;
        width: 55%;
    }
    .tp-caption.big-caption {
        font-size: 2.75rem !important;
    }
    .font-xl {
        font-size: 4rem !important;
    }
    .tarjetas-visa .intro-text-visa {
        padding: 24px 20px;
        margin-top: 0;
    }
    .tarjetas-carousel.owl-carousel {
        .adside {
            margin: 0 !important;
            padding: 65px 0 !important;
            min-height: 290px !important;
        }
    }
    .heading-intro-section {
        h1 {
            color: #4c505d;
            font-size: 2.25rem;
            font-weight: 600;
            width: 100%;
            margin-bottom: 15px;
            line-height: 1.25;
            text-transform: initial;
        }
    }
    .card-flex-wrap {
        gap: 30px;
        .bgr-col-4 {
            width: calc((100% - 1 * 30px) / 2);
            box-sizing: border-box;
            padding: 20px;
            min-height: 365px;
            .description-card-box {
                min-height: 120px;
            }
            .cta-card-box-btn-wrapper {
                margin: 0 -32px -20px;
            }
        }
    }
    #filters-wrapper {
        display: flex;
        margin-bottom: 30px;
        gap: 20px;
        overflow-x: auto;
    }
    .tp-caption.medium-caption {
        font-size: 2.25rem !important;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1379px) {
    .tarjetas-visa {
        .nav-sections {
            .tab-nav {
                padding: 0 50px;
                li {
                    a {
                        font-size: 13px;
                    }
                }
            }
        }
    }
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
    :root {
        --bgr-max-width: 90%;
    }
    #header .header-topbar {
        width: calc(100% - 120px);
        max-width: var(--bgr-max-width);
    }
    #header .header-body {
        max-width: var(--bgr-max-width);
    }
    .intro-carousel {
        padding-left: calc((100% - var(--bgr-max-width)) / 2) !important;
    }
    .container {
        width: var(--bgr-max-width);
    }
    .boxed-container {
        width: var(--bgr-max-width);
    }
    .tab-wrapper-section.tabs-top .nav.nav-pills.nav-side-left {
        margin-right: 0;
    }
    .tab-wrapper-section.tabs-top
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-image {
        width: 40%;
        margin-left: 0;
        border-radius: 48px;
    }
    .tab-wrapper-section.tabs-right
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-content-text {
        margin-left: 10px;
    }
    .content-banner-sc {
        width: 50%;
    }
    .wrapper-content-section {
        padding: 0;
    }
    .wrapper-images {
        padding: 0;
    }
    .block-intro-section {
        width: calc((100% / 12) * 12) !important;
        max-width: var(--bgr-max-width);
    }
    .wrapper-content-section.wct-left .wrapper-content-text {
        padding-left: calc((100% - var(--bgr-max-width)) / 2) !important;
        padding-right: 60px;
    }
    .wrapper-content-section.wct-left .wrapper-sticky-image {
        padding-right: calc((100% - var(--bgr-max-width)) / 2) !important;
    }
    .wrapper-content-section.wct-right .wrapper-content-text {
        padding-right: calc((100% - var(--bgr-max-width)) / 2) !important;
        padding-left: 60px;
    }
    .wrapper-content-section.wct-right .wrapper-sticky-image {
        padding-left: calc((100% - var(--bgr-max-width)) / 2) !important;
    }
    .wrapper-image img {
        width: 100%;
        object-fit: cover;
        height: auto;
    }
    .left-panel,
    .right-panel {
        padding: 36px 24px;
    }
    #footer .container {
        width: calc(100% - 160px);
        max-width: var(--bgr-max-width);
    }
    .section.reconocimientos {
        .heading-group {
            padding: 0 40px;
        }
    }
    #transparencia-informacion {
        .heading-group,
        .introduction {
            padding: 0 20px;
        }
    }
    .bgr-flex-row {
        flex-direction: column;
    }
    .bgr-col-1,
    .bgr-col-2,
    .bgr-col-3,
    .bgr-col-4,
    .bgr-col-5,
    .bgr-col-6,
    .bgr-col-7,
    .bgr-col-8,
    .bgr-col-9,
    .bgr-col-10,
    .bgr-col-11,
    .bgr-col-12 {
        width: calc((100% / 12) * 12);
    }
    .tab-wrapper-section .tab-content .tab-pane .tab-content-group {
        flex-direction: column;
    }
    .tab-wrapper-section.tabs-top
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-image {
        width: 100%;
    }
    .tab-wrapper-section
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-image
        img {
        height: auto;
        width: 100%;
    }
    .tab-wrapper-section.tabs-top.tabs-left
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-image-shadow {
        display: none;
    }
    #footer .container {
        width: 100%;
        max-width: var(--bgr-max-width);
    }
    #footer .footer-copyright a {
        font-size: 10px;
    }
    .simple-cta-wrapper {
        .bgr-col-8 {
            width: calc((100% / 12) * 8);
        }
        .bgr-col-4 {
            width: calc((100% / 12) * 4);
        }
    }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .banner-widget #bannerCarouselHome .carousel-inner .bg-banner-carousel {
        width: auto !important;
        height: 100% !important;
        max-width: initial !important;
        margin-left: 0;
    }
    .form-wrapper {
        width: 360px;
        position: absolute;
        top: 148px;
        right: calc((100% - var(--bgr-max-width)) / 2 + 4px);
        z-index: 2;
        max-width: 360px;
    }
    .form-wrapper-bgr-visa {
        width: 360px;
        position: absolute;
        top: 148px;
        right: calc((100% - var(--bgr-max-width)) / 2 + 4px);
        z-index: 2;
        max-width: 360px;
    }
    .banner-widget
        #bannerCarouselHome
        .carousel-inner
        .copy-banner-bgr-digital {
        left: calc((100% - var(--bgr-max-width)) / 2);
    }
    .banner-widget
        #bannerCarouselHome
        .carousel-inner
        .copy-banner-bgr-digital.usa-bgr-digital
        :is(img) {
        width: auto;
        height: 170px;
    }
    .banner-widget
        #bannerCarouselHome
        .carousel-inner
        .copy-banner-bgr-digital.lanzamiento-deuna
        :is(img) {
        width: auto;
        height: 320px;
    }
    .banner-widget
        #bannerCarouselHome
        .carousel-inner
        .copy-banner-bgr-digital.bgr-al-frente-junto-a-ti
        :is(img) {
        width: auto;
        height: 130px;
    }
    .copy-login p {
        color: #ffffff;
        font-size: 1.7rem;
        text-align: center;
    }
    .footer-login {
        margin: 0;
        width: 100%;
    }
    .nav.nav-tabs.widget-login-tab li,
    .nav.nav-tabs.widget-login-tab li a {
        font-size: 10px;
    }
    .copy-text {
        width: 420px;
        padding: 4rem 3rem 4rem 3rem;
    }
    .typografy-title {
        font-size: 2.75rem;
    }
    .typography-intro {
        font-size: 1.9rem;
    }
    .action-btn {
        top: 50%;
        left: 40px;
    }
    .logo-banner-sm {
        width: 200px;
    }
    .font-xl {
        font-size: 3.65rem !important;
    }
    .tp-subcaption {
        font-size: 1.05rem !important;
    }
}
@media only screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: 40px;
    }
}
@media only screen and (max-width: 768px) {
    .visa-card-wrapper {
        flex-wrap: wrap;
        gap: 20px;
        .card-left-side {
            width: 100%;
            flex-wrap: wrap;
            gap: 20px;
            #servicios-visa {
                height: 320px;
            }
        }
        .card-right-side {
            width: 100%;
            flex-wrap: wrap;
            gap: 20px;
        }
    }
    .title-img {
        height: 48px;
    }
    .section.intro-tarjetas {
        padding: 20px 0 40px;
        .visa-card-wrapper {
            flex-wrap: wrap;
            gap: 20px;
            .card-left-side.col-4 {
                width: 100%;
                flex-wrap: wrap;
            }
            .card-right-side.col-8 {
                width: 100%;
                flex-wrap: wrap;
                gap: 20px;
            }
        }
    }
    .simple-card-box {
        h2 {
            font-size: 20px;
            line-height: 1.2;
        }
    }
    .heading-intro-section {
        h1 {
            color: #4c505d;
            font-size: 2.25rem;
            font-weight: 600;
            width: 100%;
            margin-bottom: 15px;
            line-height: 1.25;
            text-transform: initial;
        }
    }
    .card-flex-wrap {
        gap: 20px;
        .bgr-col-4 {
            width: calc((100% - 1 * 20px) / 2);
            box-sizing: border-box;
            padding: 20px;
            min-height: 265px;
            .title-card-box {
                h3 {
                    height: auto;
                }
            }
            .description-card-box {
                min-height: 120px;
            }
            .cta-card-box-btn-wrapper {
                margin: 0 -32px -20px;
            }
        }
    }
    #filters-wrapper {
        display: flex;
        margin-bottom: 30px;
        gap: 20px;
        overflow-x: auto;
    }
    .cta-box-wrapper-wide {
        padding: 0 30px !important;
        p {
            text-align: center;
        }
    }
    .tp-caption.medium-caption {
        font-size: 2.125rem !important;
    }
}
@media only screen and (min-width: 319px) and (max-width: 767px) {
    .p-lxxl {
        padding-left: 45px !important;
    }
}
@media only screen and (min-width: 480px) and (max-width: 840px) {
    .vw-25,
    .vw-30,
    .vw-35,
    .vw-40,
    .vw-45,
    .vw-50 {
        width: 40vw !important;
    }
    .bg-text-wrapper {
        right: 40%;
        width: 60%;
    }
    .tp-caption.big-caption.w-540,
    .tp-caption.w-540 {
        width: 430px;
    }
    .lh-14 {
        line-height: 1.25 !important;
    }
    /************************************/
    section.section {
        padding: 30px 0;
    }
    .bg-intro-phishing {
        padding-bottom: 240px !important;
        .left-offset-5 {
            margin-left: 0 !important;
            padding: 30px !important;
        }
    }
    .bg-steps-phishing {
        padding: 60px 0 0 !important;
        .min-320 {
            min-height: 320px;
            .content-group-wrapper {
                .content-group-vertical {
                    padding: 0 30px;
                    width: calc((100% / 12) * 4);
                    .thumb-icon {
                        img {
                            width: 64px;
                            height: 64px;
                        }
                    }
                }
            }
        }
    }
    #phishing-caracteristicas {
        .left-offset-1 {
            margin-left: 0 !important;
        }
        .p-xxlg {
            padding: 60px 30px !important;
        }
        .floating-image-wrapper {
            img {
                max-height: 330px;
            }
        }
        .right-offset-4 {
            margin-right: 0 !important;
        }
        .min-420 {
            min-height: 280px;
        }
    }
    #phishing-detectar {
        .bgr-flex-row {
            flex-direction: row;
            .bgr-col-4 {
                width: calc((100% / 12) * 4);
            }
            .bgr-col-8 {
                width: calc((100% / 12) * 8);
            }
            .left-offset-1 {
                margin-left: 0 !important;
            }
            .p-xxlg {
                padding: 60px 30px !important;
            }
            .floating-image-wrapper {
                position: relative;
                img {
                    max-height: 330px;
                }
            }
            .bgr-col-4 {
                width: calc((100% / 12) * 4);
            }
            .bgr-col-8 {
                width: calc((100% / 12) * 8);
            }
            .left-offset-1 {
                margin-left: 0 !important;
            }
            .p-xxlg {
                padding: 60px 30px !important;
            }
            .floating-image-wrapper {
                position: relative;
                img {
                    max-height: 330px;
                }
            }
        }
    }
    #herramientas-bgr-seguridad {
        .info-box .info-box-wrapper {
            .info-box-image img {
                height: 96px;
            }
        }
    }
    #activar-clave-digital {
        .bgr-flex-row {
            flex-direction: row;
            .bgr-col-5 {
                width: calc((100% / 12) * 5);
            }
            .bgr-col-7 {
                width: calc((100% / 12) * 7);
            }
            .py-5 {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
        }
        .img-responsive {
            margin: 0 auto;
        }
    }
    #medios-seguros-bgr {
        .icon-card-box-wrapper {
            flex-wrap: wrap;
            row-gap: 80px;
            .icon-out-box {
                min-height: 210px;
            }
            .bgr-col-3 {
                width: calc((100% / 12) * 6 - 15px);
            }
        }
    }
    .tp-caption.big-caption {
        font-size: 2.5rem !important;
    }
    .font-xl {
        font-size: 3.45rem !important;
    }
    #thumbs-categories {
        display: flex;
        flex-wrap: wrap;
        h4 {
            width: 100%;
        }
        .category-thumb {
            width: calc(100% / 12 * 3);
            margin: 0 !important;
        }
    }
    .link-back-bottom {
        right: initial;
    }
    .list-articles {
        article {
            .row {
                display: flex;
                .col-md-5 {
                    width: calc(100% / 12 * 5);
                }
                .col-md-7 {
                    width: calc(100% / 12 * 7);
                }
            }
            .post-image {
                .img-thumbnail {
                    img {
                        border-radius: 16px;
                    }
                }
            }
            .post-content {
                height: 180px;
                h3 {
                    a {
                        color: #45484a;
                        text-decoration: none;
                    }
                }
                .tag-wrapper {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: flex-start;
                    .tag-label {
                        margin-bottom: 10px;
                    }
                }
            }
        }
    }
    .heading-intro-section {
        h1 {
            color: #4c505d;
            font-size: 2.25rem;
            font-weight: 600;
            width: 100%;
            margin-bottom: 15px;
            line-height: 1.25;
            text-transform: initial;
        }
    }
    .card-flex-wrap {
        gap: 20px;
        .bgr-col-4 {
            width: calc((100% - 1 * 20px) / 2);
            box-sizing: border-box;
            padding: 20px;
            min-height: 365px;
            .description-card-box {
                min-height: 120px;
            }
            .cta-card-box-btn-wrapper {
                margin: 0 -32px -20px;
            }
        }
    }
    #filters-wrapper {
        display: flex;
        margin-bottom: 30px;
        gap: 20px;
        overflow-x: auto;
    }
    ul.projects-thumbs-list {
        flex-wrap: wrap;
        gap: 20px;
        li {
            padding: 0;
            width: calc(50% - 10px);
        }
    }
    .heading-group.heading-text {
        h3 {
            font-size: 1.65rem;
            line-height: 1.25;
            padding-right: 20px;
        }
        p {
            font-size: 1.2rem;
            line-height: 1.4;
            padding-right: 20px;
        }
    }
}
@media only screen and (max-width: 480px) {
    .tab-wrapper-section
        .tab-content
        .tab-pane
        .tab-content-group.tab-inside-content
        .tab-content-1-3 {
        width: calc((100% / 12) * 12) !important;
        padding: 30px 15px;
    }
    .tab-wrapper-section
        .tab-content
        .tab-pane
        .tab-content-group.tab-inside-content
        .tab-content-2-3 {
        width: calc((100% / 12) * 12) !important;
    }
}
@media only screen and (max-width: 480px) {
    .bg-text-wrapper {
        width: 70%;
        right: 30%;
    }
    .titulo-producto {
        font-size: 1em;
        line-height: 24px;
        height: 24px;
        padding: 0 12px;
    }
    .tp-caption.big-caption {
        font-size: 1.8em !important;
    }
    .font-xl {
        font-size: 1.5em !important;
        margin-top: 0;
    }
    .fullwidth {
        width: 100% !important;
    }
    .section.beneficios-seguros {
        background-position-x: 90%;
        background-size: auto 390px;
        height: 100vh;
        padding-bottom: 50vh;
        background-position-y: bottom;
    }
    .beneficios-seguros .row {
        height: 400px;
    }
    .beneficios-content {
        background: transparent;
        padding: 30px 20px;
        border-radius: 20px;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .section.beneficios-seguros .medium-red-button {
        display: none !important;
    }
    .seguro-wrapper {
        width: 100%;
    }
    .videos-educacion .nav.nav-pills.sort-source a {
        letter-spacing: 0;
    }
    #filtros {
        margin-bottom: 15px;
        overflow-x: scroll;
        width: 100%;
        display: flex;
        gap: 0;
    }
    .videos-educacion ul.nav-pills.sort-source > li.active > a {
        padding: 6px 15px !important;
    }
    .seguro-description {
        min-height: 180px;
        height: initial;
        text-align: left;
        padding-bottom: 24px;
    }
    .seguro-description h3 {
        text-align: left;
        font-size: 1.3em;
        margin-bottom: 0;
    }
    .seguro-description .red-link {
        font-size: 1em;
    }
    .section.beneficios-seguros h2 {
        padding-right: 20%;
        line-height: 1.4;
    }
    .seguro-long-description h4 {
        text-align: left;
    }
    .button-top-action {
        position: relative;
        top: 1.2rem;
        right: initial;
    }
    .seguro-long-description .col-md-8 .seguro-content-group {
        padding-top: 0 !important;
    }
    .mobile-scroll-table {
        overflow-x: scroll;
    }
    .seguro-wrapper table.data-table {
        min-width: 480px;
    }
    .seguro-thumb {
        transform: rotate(-6deg) scale(1.2);
        overflow: hidden;
        height: 200px;
    }
    .seguro-thumb img {
        transform: rotate(6deg) scale(1);
    }
    .fa-sm {
        display: block;
        font-size: 1.85em;
        color: #26aecc;
        font-weight: lighter;
        position: absolute;
        top: 2px;
        right: 40px;
    }
    .card-box-wrapper.card-flex-wrap {
        flex-wrap: wrap;
        .bgr-col-6 {
            width: 100%;
        }
    }
}
@media only screen and (max-width: 480px) {
    ._hj_feedback_container {
        display: none;
    }
    #promociones {
        width: 100% !important;
    }
    /*
	._hj-1uQd9__MinimizedWidgetMiddle__text {
		writing-mode: initial !important;
		transform: rotate(0deg) !important;
	}
	._hj_feedback_container ._hj-21t0-__MinimizedWidgetMiddle__label {
		width: 100% !important;
		flex-direction: row-reverse !important;
		background-color: #0a3775 !important;
		height: 42px !important;
		border-radius: 0 !important;
		margin-left: -4px !important;
		padding: 0 !important;
		align-items: center !important;
		justify-content: center !important;
		opacity: 1 !important;
	}
	._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault ._hj-3obO5__EmotionIconDefault__commentIcon:before,
	._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault ._hj-2RA7u__EmotionIconDefault__expressionIcon._hj-150gX__EmotionIconDefault__invert:before {
		color: #0a3775 !important;
	}
	._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container._hj-1QnQT__MinimizedWidgetMiddle__right {
		left: 0 !important;
		bottom: 0 !important;
		transform: translateY(0) !important;
		top: initial !important;
		width: 50% !important;
		right: initial !important;
	}
	._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container ._hj-u1G5O__MinimizedWidgetMiddle__emotionIcon {
		float: initial !important;
		margin: 0 10px !important;
	}
	._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container._hj-1QnQT__MinimizedWidgetMiddle__right ._hj-21t0-__MinimizedWidgetMiddle__label {
		background-color: #0a3775 !important;
	}
	._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault._hj-1BEBR__EmotionIconDefault__like ._hj-2RA7u__EmotionIconDefault__expressionIcon:before,
	._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault ._hj-3obO5__EmotionIconDefault__commentIcon:before,
	._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault ._hj-2RA7u__EmotionIconDefault__expressionIcon._hj-150gX__EmotionIconDefault__invert:before {
		color: #0a3775 !important;
	}
	.widget-chat {
		z-index: 2147483639;
		position: absolute;
	}
	.chat-bottom {
		border-radius: 0;
		width: calc(50% + 2px);
		right: 0;
		bottom: 0;
		border-left: 1px solid #255995;
		box-shadow: none;
		background: #0a3775;
		height: 42px;
	}*/
    #footer {
        margin-bottom: 42px;
        border-bottom: 1px solid #255995;
    }
    button.btn-chat::before {
        content: 'Conversemos';
        color: #fff;
        margin-right: -24px;
    }
    button.btn-chat,
    .rotate-in button.btn-chat {
        background: url('/Portals/0/assets/images/chat/chat-bottom.svg')
            no-repeat center center;
        background-size: 20px auto;
        background-position-x: 40px;
        width: 100%;
    }
    .rotate-in {
        transform: rotate(0deg);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .chat-bottom:hover {
        box-shadow: none;
        bottom: 0;
    }
}
@media only screen and (max-width: 480px) {
    .banner-sc-wrapper {
        height: 480px;
        align-items: flex-end;
    }
    .banner-sc-wrapper .image-banner-sc {
        margin-bottom: 190px;
        margin-left: -75px;
        width: 0%;
    }
    .banner-sc-wrapper .image-banner-sc .scubigrl {
        max-height: 280px;
    }
    .banner-sc-wrapper .content-banner-sc {
        width: 100%;
        padding: 0;
    }
    .banner-sc-wrapper .content-banner-sc .text-banner-sc h2 {
        font-size: 1.4rem;
        line-height: 1.2;
        text-align: right;
    }
    .banner-sc-wrapper .content-banner-sc .text-banner-sc h2 span {
        font-size: 2rem;
    }
    .banner-sc-wrapper .content-banner-sc .text-banner-sc .big-caption {
        width: 70%;
        font-size: 1.25rem;
        line-height: 1.25;
        text-align: right;
    }
    .section .container .descripcion-producto p .medium-red-button {
        display: block;
        text-align: center;
    }
    .section .container .descripcion-producto p .ml-sm-none {
        margin-left: 0 !important;
        margin-top: 20px;
    }
    #requisitos-beneficios {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        margin-top: -30px;
        margin-bottom: 30px;
    }
    #requisitos-beneficios .col-md-4 {
        order: 2;
    }
    #requisitos-beneficios .col-md-8 {
        order: 1;
    }
    #requisitos-beneficios .col-md-8 .left-panel,
    #requisitos-beneficios .col-md-8 .right-panel {
        padding: 36px !important;
    }
    #requisitos-beneficios .col-md-8 .right-panel .list-benefits dt,
    #requisitos-beneficios .col-md-8 .right-panel .list-benefits dd {
        padding-left: 24px;
    }
    #requisitos-beneficios .col-md-8 .sm-message.pl-xlg {
        padding: 0 !important;
    }
    .blue-panel :is(sub),
    .light-yellow-panel :is(sub) {
        text-align: center;
        display: block;
        margin-bottom: 30px !important;
        line-height: 1;
    }
}
@media only screen and (max-width: 480px) {
    /* Tips de Seguridad */
    #header .header-topbar {
        justify-content: center;
    }
    #header .header-topbar .topbar-left {
        display: none;
    }
    #header .header-body {
        min-height: 64px;
        border-bottom: none !important;
        padding: 0 10px;
        margin: 0 10px;
        width: calc(100% - 20px);
        border-radius: 6px;
    }
    #header .header-body #bgr-logo {
        width: 75%;
        order: 0;
        text-align: left;
        justify-content: flex-start;
    }
    #header .header-body #bgr-logo a {
        display: inline-block;
        height: 48px;
    }
    #header .header-body #main-menu {
        width: 25%;
        order: 1;
    }
    #header .header-body #header-cta-section {
        display: none;
    }
    #header .header-topbar .topbar-right {
        width: 100%;
    }
    #header .header-topbar .nav-topbar-right {
        justify-content: space-between;
    }
    .main-menu {
        width: calc(100% - 20px);
    }
    .main-menu .nav-tabs li {
        width: 100%;
    }
    .main-menu .nav-tabs li a {
        padding: 0.8571rem 0 !important;
    }
    .main-menu #sm-personas,
    .main-menu #sm-empresas,
    .main-menu #sm-canales {
        display: flex;
        flex-wrap: wrap;
    }
    .main-menu #sm-personas .menu-list-wrapper,
    .main-menu #sm-empresas .menu-list-wrapper,
    .main-menu #sm-canales .menu-list-wrapper {
        width: 100%;
    }
    .main-menu #sm-personas .form-holder,
    .main-menu #sm-empresas .form-holder,
    .main-menu #sm-canales .form-holder {
        display: none;
    }
    .main-menu.maximize {
        padding: 36px 20px;
    }
    #footer {
        margin-bottom: 0;
        border-bottom: none;
    }
    #footer #footer-wrapper {
        flex-wrap: wrap;
        padding: 24px 10px;
        border: none;
        gap: 0;
        justify-content: space-between;
    }
    #footer #footer-wrapper .links-logos {
        display: flex;
        width: 100%;
        padding: 0;
        border: none;
        margin-bottom: 30px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #004ace;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }
    #footer #footer-wrapper .links-logos .footer-logo a {
        display: inline-block;
    }
    #footer #footer-wrapper .links-logos .footer-logo a img {
        max-width: 70px;
    }
    #footer #footer-wrapper .links-logos .footer-social-media {
        width: 100%;
    }
    #footer #footer-wrapper .links-logos .footer-social-media .social-icons {
        margin: 0;
        column-gap: 10px;
        row-gap: 0;
        justify-content: space-between;
        margin-top: 15px;
        padding: 0 10px;
        & li {
            margin: 0;
        }
    }
    #footer #footer-wrapper .links-logos > .DnnModule.DnnModule-DNN_HTML,
    #footer
        #footer-wrapper
        .contact-info-wrapper
        > .DnnModule.DnnModule-DNN_HTML,
    #footer #footer-wrapper .contact-info-wrapper {
        width: 100%;
    }
    #footer
        #footer-wrapper
        .links-logos
        .footer-social-media
        .social-icons
        .social-icons-envelope {
        display: none !important;
    }
    #footer #footer-wrapper .links-logos .footer-social-media .social-icons i {
        font-size: 24px;
    }
    .social-icons li a,
    .custom-icon-facebook,
    .custom-icon-youtube,
    .custom-icon-linkedin,
    .custom-icon-instagram,
    .custom-icon-tiktok {
        width: 42px;
        height: 42px;
    }
    #footer #footer-wrapper .links-corporate {
        width: 100%;
    }
    #footer #footer-wrapper .links-interest {
        width: 100%;
        margin-top: 30px;
    }
    #footer #footer-wrapper .contact-info {
        width: 100%;
        margin-top: 30px;
    }
    #footer #footer-wrapper .contact-info .newsletter-form {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
    }
    #footer #footer-wrapper .contact-info .contact-data {
        display: flex;
        flex-wrap: wrap;
        text-align: left;
    }
    .download-app-wrapper span {
        display: block;
        height: 48px;
        width: 100%;
    }
    #footer #footer-wrapper .contact-info .contact-data h4 {
        width: 100%;
    }
    #footer #footer-wrapper .contact-info .contact-data p {
        margin: 0 auto;
        width: 100%;
    }
    #footer #footer-wrapper h4 {
        font-size: 0.9em;
        letter-spacing: 1px;
    }
    #footer .footer-copyright {
        padding: 10px 0;
    }
    #footer .footer-copyright .row {
        flex-wrap: wrap;
        height: auto;
        margin: 0;
    }
    #footer .footer-copyright .row .col-xs-12 {
        padding: 0;
        text-align: center;
    }
    #footer .footer-copyright .row .col-xs-12 nav {
        justify-content: center;
        float: initial;
        padding: 0 5px;
        margin-right: 0;
    }
    #footer .footer-copyright .row .col-xs-12 nav li {
        padding: 0 8px;
    }
    .heading-group h2 {
        margin-bottom: 15px;
        line-height: 24px;
        padding: 0;
    }
    .heading-group h2 .headline {
        font-size: 20px;
    }
    .heading-group.heading-normal.heading-center h2 .headline {
        font-size: 20px;
        line-height: 1.3;
    }
    .heading-group.heading-divisor h2 {
        margin-bottom: 15px;
        line-height: 24px;
        padding-right: 0;
    }
    .heading-group.heading-divisor h2 .strapline {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 14px;
        padding-bottom: 14px;
    }
    .heading-group.heading-divisor h2 .headline {
        padding-right: 20%;
        font-size: 20px;
    }
    .heading-group.heading-lg h2 .strapline,
    .heading-group.heading-md h2 .strapline {
        font-size: 24px;
        line-height: 28px;
    }
    .heading-group.heading-lg h2 .headline,
    .heading-group.heading-md h2 .headline {
        font-size: 40px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0;
    }
    .intro-carousel .intro-general {
        padding: 30px 20px 0;
    }
    .intro-carousel .owl-container.mt-xlg {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .intro-carousel .owl-carousel .owl-stage-outer::before {
        display: none;
    }
    .icon-box .description-icon-box p {
        line-height: 1.5;
    }
    .info-cta-box .container .bgr-flex-row .bgr-col-6 {
        width: 100%;
    }
    .banner-box {
        flex-wrap: wrap;
    }
    .banner-box .banner-box-content {
        width: 100%;
        padding: 40px 20px;
    }
    .banner-box .banner-box-image {
        width: 100%;
    }
    #app-banca-digital.banner-box .banner-box-image {
        order: 0;
    }
    #app-banca-digital.banner-box .banner-box-content {
        order: 1;
    }
    #sliderHomePromos {
        #app-banca-digital.banner-box {
            .banner-box-content {
                order: 0;
                height: 70vw;
                padding: 20px;
                .cta-group {
                    justify-content: center;
                }
            }
            .banner-box-image {
                order: 1;
                height: 65vw;
                img {
                    width: 100vw;
                    height: auto;
                    position: absolute;
                    bottom: 0;
                }
            }
        }
    }
    #transferencias-banca-digital .banner-box-image,
    #onboarding-banca-digital .banner-box-image {
        order: 0;
        text-align: center;
    }
    #transferencias-banca-digital .banner-box-image img,
    #onboarding-banca-digital .banner-box-image img {
        width: 55%;
    }
    #transferencias-banca-digital .banner-box-content,
    #onboarding-banca-digital .banner-box-content {
        order: 1;
    }
    .card-box-wrapper {
        flex-wrap: wrap;
    }
    .card-box-wrapper.card-flex-nowrap {
        flex-wrap: wrap;
    }
    .card-box-wrapper .cards-info-box {
        padding: 20px 20px;
    }
    .card-box-wrapper .cards-info-box .card-box-image {
        border-radius: 12px;
    }
    .icon-box.no-slide {
        width: 100%;
        padding: 36px 60px;
        .description-icon-box {
            min-height: 20px;
        }
    }
    .news-section {
        padding: 30px 0;
    }
    .news-section .heading-group {
        padding-right: 0;
    }
    .faq-section {
        border-radius: 24px 24px 0 0;
    }
    .form-component .input_search_component {
        width: calc((100% / 12) * 11);
    }
    .accordion_faqs {
        margin: 30px 0 0;
    }
    .accordion_faqs .panel-group {
        margin-bottom: 0;
    }
    .accordion_faqs .panel-group .panel {
        padding: 28px 28px 13px;
    }
    .accordion_faqs
        .panel-group
        .panel
        .panel-heading
        h5
        a.accordion-plus-toggle
        .icon-panel {
        top: 0px;
        right: -10px;
    }
    .accordion_faqs .panel-group .panel .panel-heading p {
        padding-right: 0;
    }
    .cta-simple-banner-section {
        padding: 40px 0 !important;
    }
    .cta-simple-banner-section .bgr-flex-column {
        gap: 10px;
    }
    .cta-simple-banner-section .bgr-flex-column h2 {
        font-size: 20px;
        line-height: 1.25;
        text-align: center;
        max-width: 75%;
    }
    .content-group-wrapper {
        flex-direction: column;
        margin-top: 20px;
    }
    .content-group-wrapper .content-group-vertical .thumb-icon img {
        width: 72px;
        height: 72px;
    }
    .p-xxlg {
        padding: 10px !important;
    }
    .box-read-more-wrapper .cta-readmore {
        text-align: center;
    }
    .info-box {
        height: 240px;
    }
    .info-box .info-box-wrapper .info-box-image img {
        height: 96px;
    }
    .icon-card-box-wrapper .icon-out-box {
        border-radius: 16px;
    }
    .icon-card-box-wrapper .icon-out-box .icon-box-image {
        width: 64px;
        height: 64px;
        margin-top: -64px;
    }
    .tab-wrapper-section {
        flex-direction: column;
        align-items: center;
    }
    .tab-wrapper-section .nav {
        flex-direction: row;
        gap: 5px;
    }
    .tab-wrapper-section .nav li a img {
        width: 48px;
    }
    .tab-wrapper-section .tab-content .tab-pane {
        border-radius: 0 0 48px 48px;
    }
    .tab-wrapper-section .tab-content .tab-pane .tab-content-group {
        flex-direction: column;
        padding: 0;
        gap: 25px;
    }
    .tab-wrapper-section .tab-content .tab-pane .tab-content-group .tab-image {
        width: 100%;
        height: 95vw;
        margin-top: 0;
    }
    .tab-wrapper-section
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-content-text {
        width: 100% !important;
        height: initial;
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow-y: auto;
    }
    .tab-wrapper-section
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-content-text
        ul {
        padding-left: 10px;
    }
    .tab-wrapper-section
        .tab-content
        .tab-pane
        .tab-content-group
        .scroll-icon {
        bottom: 190px;
        right: 15px;
        top: initial;
    }
    .tab-wrapper-section.tabs-top
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-image {
        width: 100% !important;
        height: 60vw;
        margin: 0 !important;
        border-radius: 16px;
    }
    .tab-wrapper-section
        .tab-content
        .tab-pane
        .tab-content-group
        .tab-image
        img {
        width: 100%;
        object-fit: cover;
        object-position: center center;
    }
    .modal.modal-noscroll .modal-content .modal-body {
        overflow: initial;
    }
    .intro-banner-text {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .bg-intro-phishing,
    .bg-steps-phishing {
        background-size: 480px auto !important;
        background-position-x: 170px !important;
    }
    #intro-tip-seguridad,
    #pasos-phising,
    #herramientas-bgr-seguridad,
    #activar-clave-digital,
    #medios-seguros-bgr {
        padding: 50px 0 !important;
    }
    #phishing-caracteristicas,
    #phishing-detectar {
        padding: 40px 0 10px !important;
    }
    #medios-seguros-bgr {
        padding-top: 0 !important;
    }
    #phishing-caracteristicas .br-24 {
        overflow: hidden;
    }
    #phishing-caracteristicas .br-24 .bgr-col-6.position-relative {
        order: 1;
    }
    #phishing-caracteristicas
        .br-24
        .bgr-col-6.position-relative
        .floating-image-wrapper {
        position: relative;
        height: auto;
        align-items: flex-start;
        padding-top: 30px;
        box-shadow: 0 4px 4px rgba(0, 74, 206, 0.05);
    }
    #phishing-caracteristicas
        .br-24
        .bgr-col-6.position-relative
        .floating-image-wrapper
        img {
        max-height: 230px;
    }
    #phishing-caracteristicas .br-24 .bgr-col-6.min-420 {
        order: 2;
        min-height: auto;
        padding: 40px 15px 30px !important;
    }
    #phishing-caracteristicas .br-24 .bgr-col-6.min-420 .content-group h3 {
        font-size: 1.125rem !important;
    }
    #phishing-caracteristicas .br-24 .bgr-col-6.min-420 .content-group ul {
        padding-left: 15px;
    }
    #phishing-detectar .br-24 {
        overflow: hidden;
    }
    #phishing-detectar
        .br-24
        .bgr-col-4.position-relative
        .floating-image-wrapper {
        position: relative;
        height: auto;
        align-items: flex-start;
        padding-top: 30px;
        box-shadow: 0 4px 4px rgba(0, 74, 206, 0.05);
    }
    #phishing-detectar
        .br-24
        .bgr-col-4.position-relative
        .floating-image-wrapper
        img {
        max-height: 230px;
    }
    #phishing-detectar .br-24 .bgr-col-8 {
        min-height: auto;
        padding: 40px 15px 30px !important;
    }
    #phishing-detectar .br-24 .bgr-col-8 .content-group-read-more h3 {
        font-size: 1.125rem !important;
    }
    #phishing-detectar .br-24 .bgr-col-8 .content-group-read-more ul {
        padding-left: 15px;
    }
    #phishing-detectar
        .br-24
        .bgr-col-8
        .content-group-read-more
        .img-sm-thumbnail {
        width: 80%;
    }
    #herramientas-bgr-seguridad
        .heading-group.heading-normal.heading-center
        h2
        .headline {
        font-size: 16px;
        line-height: 1.3;
    }
    #activar-clave-digital h2 {
        font-size: 1.65em;
    }
    #activar-clave-digital .accent-description-center .lg-bullet li {
        font-size: 14px;
    }
    #activar-clave-digital p .btn {
        padding: 10px 20px;
    }
    #valores-principios {
        .grid-content-wrapper {
            display: grid;
            grid-template-columns: 100%;
            grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
            .thumb-wrapper-image {
                width: 100vw;
                height: 100vw;
            }
        }
    }
    .image-fix-side-wrapper {
        height: 90vw;
        margin-bottom: 30px;
    }
    #reconocimientos {
        .reconocimiento-wrapper {
            display: block;
            .col-md-5 {
                padding-top: 100px;
                justify-content: center;
                img {
                    max-width: 240px;
                }
            }
        }
    }
    .cta-wrapper {
        text-align: center;
    }
    .tab-wrapper-section.tabs-top.tabs-right .nav.nav-pills.nav-side-left {
        justify-content: flex-end;
        width: 100%;
        border-radius: 16px;
        height: 72px;
        margin: 20px 0 0;
    }
    .tab-wrapper-section.tabs-top .nav-pills.nav-side-left > li {
        width: 25%;
        height: 90px;
    }
    .tab-wrapper-section.tabs-top .nav-pills.nav-side-left > li img {
        width: auto;
        height: 48px;
    }
    /***/
    .modal.modal-fullscreen .modal-content .modal-header {
        background-image: none;
    }
    .modal-header .heading-group h2 {
        padding: 15px 5%;
        font-size: 18px;
        .headline {
            font-size: 18px;
        }
    }
    .modal-simuladores-ef section {
        padding: 20px;
    }
    .modal-simuladores-ef .contenedor_cajas {
        flex-wrap: wrap;
        #caja1 , #caja2, #caja3 {
            width: 100%;
        }
    }
    .modal-simuladores-ef .cajanumero {
        font-size: 1.75rem;
        font-weight: 500;
    }
    .modal-simuladores-ef .cajanumero::after {
        content: ' USD';
        font-size: 1.25rem;
    }
    .modal-simuladores-ef section .foot {
        padding: 20px;
    }
    #simuladorSueldoNeto.modal-simuladores-ef .bgr-col-6 .container .row {
        margin: 0;
        #salary {
            margin: 10px 0 20px;
        }
    }
    .modal.modal-fullscreen .modal-content .modal-body .section:last-child {
        padding-bottom: 100px;
    }
    .modal.modal-fullscreen .close.popup-close {
        top: 5px;
        right: 5px;
    }
    .wrapper-image-12 {
        border-radius: 24px;
        img {
            max-width: 100%;
            height: 75vw;
            object-fit: cover;
            object-position: 90%;
        }
        .footer-image {
            padding: 10px;
            line-height: 1.25;
            font-size: 0.75rem;
        }
    }
    .block-intro-section {
        padding: 0;
        width: 100% !important;
        gap: 30px;
        .wrapper-center-content-image {
            border-radius: 16px;
        }
        .introduction.accent-text {
            p {
                font-size: 1.2em;
                hyphens: auto;
            }
            .table-contents {
                li {
                    font-size: 1.2em;
                }
            }
        }
    }
    .wrapper-content-section {
        flex-wrap: wrap;
    }
    .wrapper-content-section.wct-left,
    .wrapper-content-section.wct-right {
        .wrapper-sticky-image {
            position: relative;
            top: 0;
            width: 100%;
            padding: 20px !important;
            order: 1;
            .wrapper-image-shadow {
                height: 75vw;
                border-radius: 0 0 0 24px;
                width: calc(100% - 60px);
            }
            .wrapper-image {
                height: 75vw;
                border-radius: 24px;
                img {
                    max-width: initial;
                    object-fit: cover;
                    width: 100%;
                    height: auto;
                }
            }
        }
        .wrapper-content-text {
            width: 100%;
            padding: 0 20px !important;
            order: 2;
            margin-top: 60px;
            p {
                hyphens: auto;
            }
            ol {
                text-align: justify;
                padding-left: 15px;
                hyphens: auto;
            }
        }
    }
    .wrapper-content-section.wct-right {
        .wrapper-sticky-image {
            .wrapper-image-shadow {
                border-radius: 0 24px 24px 0;
            }
        }
    }
    .info-box-group.square-box-wrapper {
        flex-direction: row;
        overflow-x: auto;
        height: 65vw;
        overflow-y: hidden;
        .square-info-box {
            height: 60vw;
            .info-box-wrapper {
                width: 60vw;
                height: 60vw;
                .info-box-image {
                    gap: 0;
                    img {
                        object-fit: cover;
                        width: 100%;
                        height: auto !important;
                    }
                }
            }
        }
    }
    .bg-blue {
        a, li, p, h1, h2, h3, h4, h5, h6 {
            color: #fff;
        }
    }
    .card-box-wrapper .cards-info-box.gap-10 {
        row-gap: 10px;
    }
    /***/
    #footer {
        font-size: 0.9em;
    }
}
@media only screen and (max-width: 480px) {
    .form-wrapper {
        width: 100%;
    }
    #schedulePopUpDateModal.popup-modal .modal-dialog {
        width: 100%;
        max-width: 95%;
        max-height: 95%;
    }
    #schedulePopUpDateModal.popup-modal {
        .close.popup-close {
            top: -30px;
            right: 12px;
        }
    }
    .popup-modal img.modal-img {
        height: auto;
        width: 100%;
        border-radius: 3px;
    }
    #bannerCarouselHome .carousel-inner {
        display: none;
    }
}
@media only screen and (max-width: 480px) {
    .copy-banner-bgr-digital {
        display: none !important;
    }
}
@media only screen and (max-width: 480px) {
    #AgentAppContainer {
        display: none !important;
    }
    .tab-wrapper-section.tabs-top.tabs-left .nav.nav-pills.nav-side-left {
        width: 100%;
    }
    .accordion_icons_faqs {
        overflow-x: scroll;
        & .faq-accordion-icon {
            min-width: 120px;
            min-height: 120px;
            padding: 20px 10px;
            margin: 5px;
            & a {
                & .label-faq-icon {
                    line-height: 1.4;
                    margin-top: 10px;
                }
            }
        }
    }
    #footer .footer-copyright a {
        font-size: 10px;
    }
}
@media only screen and (max-width: 480px) {
    .descripcion-producto h2 {
        width: 100%;
        line-height: 1.4;
    }
    #requisitos .modal-body {
        padding: 0 10px;
    }
    #requisitos .tab-list.sc-level {
        overflow-x: scroll;
    }
    #requisitos ul.tab-nav {
        width: 1010px;
    }
    #requisitos .tab-content.pl-xlg.pr-xlg {
        padding: 20px 10px !important;
    }
    .left-panel,
    .right-panel {
        padding: 24px 18px;
    }
    .right-panel.box-border.pl-xxlg {
        padding-left: 18px !important;
    }
    .simple-cta-box-wrapper {
        padding-right: 0;
    }
    .visa-card-wrapper {
        flex-wrap: wrap;
        gap: 20px;
        .card-left-side {
            width: 100%;
            flex-wrap: wrap;
            gap: 20px;
            #servicios-visa {
                height: 320px;
            }
        }
        .card-right-side {
            width: 100%;
            flex-wrap: wrap;
            gap: 20px;
        }
    }
    .title-img {
        height: 48px;
    }
    .section.intro-tarjetas {
        padding: 20px 0 40px;
        .visa-card-wrapper {
            flex-wrap: wrap;
            gap: 20px;
            .card-left-side.col-4 {
                width: 100%;
                flex-wrap: wrap;
            }
            .card-right-side.col-8 {
                width: 100%;
                flex-wrap: wrap;
                gap: 20px;
            }
        }
    }
    .simple-card-box {
        padding: 24px;
        h2 {
            font-size: 20px;
            line-height: 1.2;
        }
    }
    .img-paga-deuna {
        width: 100%;
    }
    .right-panel {
        h4 {
            font-size: 1.35em;
        }
    }
    #tarjetas-carousel .owl-item.active .col-md-4,
    #tarjetas-carousel .owl-item.active .col-md-8 {
        padding: 0 !important;
    }
    .simple-box-wrapper {
        .simple-box {
            background: #fff;
            padding: 32px 16px;
            h4 {
                padding: 0;
            }
        }
    }
    .icon-bullet {
        padding-right: 0;
    }
    .underlined {
        padding-bottom: 32px;
    }
    .tarjetas-visa .intro-text-visa {
        padding: 32px 16px;
    }
    .tarjetas-carousel.owl-carousel .owl-nav {
        top: 200px;
        width: 100%;
        left: 50%;
        margin-top: 0;
    }
    .tarjetas-carousel.owl-carousel.owl-drag .owl-item {
        opacity: 0;
    }
    .general-card-wrapper {
        flex-direction: column;
        max-width: 100%;
        padding: 0 10px;
        gap: 15px;
        .card-left-side.col-3, .card-left-side.col-4, .card-left-side.col-5, .card-left-side.col-6, .card-left-side.col-7, .card-left-side.col-8, .card-left-side.col-9, .card-left-side.col-10, .card-left-side.col-11, .card-left-side.col-12 {
            order: 1;
        }
        .card-right-side.col-3, .card-right-side.col-4, .card-right-side.col-5, .card-right-side.col-6, .card-right-side.col-7, .card-right-side.col-8, .card-right-side.col-9, .card-right-side.col-10, .card-right-side.col-11, .card-right-side.col-12 {
            order: 2;
        }
    }
    .col-md-12 {
        .general-card-wrapper {
            padding: 0;
        }
    }
    .read-more {
        font-size: 1.05rem !important;
    }
    .icon-box-wrapper {
        flex-wrap: wrap;
        padding: 24px;
        .text-icon-box {
            width: 100%;
            h3 {
                font-size: 20px;
            }
            p {
                font-size: 1.05rem;
            }
            .read-more {
                display: block;
                width: 100%;
                position: relative;
                white-space: initial;
                i {
                    position: absolute;
                    top: 0;
                    right: 0;
                }
            }
        }
    }
    .title-contactanos {
        font-size: 1.75em;
        margin: 30px 0 10px;
    }
    .cards-collapsible-box {
        padding: 36px;
        .card {
            .card-header {
                h2 {
                    button {
                        font-size: 1.25rem;
                    }
                }
            }
        }
    }
    .list-links-read-more {
        li {
            a {
                line-height: 1.5;
                display: flex;
                justify-content: space-between;
                white-space: normal;
            }
        }
    }
    #video-conoce-bgr {
        padding: 0;
    }
    .home-main-menu-wrapper {
        .menu-container {
            min-width: 100%;
            max-width: 100%;
        }
    }
    #sliderHomePromos {
        .carousel-indicators {
            display: block;
            position: absolute;
            margin-left: initial;
            width: auto;
            bottom: -40px;
            left: 50%;
            transform: translateX(-50%);
        }
        .carousel-control-wrapper {
            display: none;
        }
    }
    .home-main-menu {
        margin-bottom: 0;
    }
    .section.section.novedades-promociones {
        padding-bottom: 40px;
    }
    .general-card-wrapper {
        gap: 15px;
    }
    .h-420 {
        height: 130vw !important;
    }
    .h-480 {
        min-height: 100vh !important;
    }
    .w-460 {
        width: 100% !important;
    }
    .banner-box.h-480 {
        .banner-box-content,
        .banner-box-image {
            max-height: 50vh;
        }
    }
    .heading-intro-section {
        h2 {
            font-size: 18px;
        }
        p {
            font-size: 14px;
        }
    }
    .heading-group.heading-text {
        h3 {
            font-size: 1.65rem;
            line-height: 1.25;
            padding-right: 20px;
        }
        p {
            font-size: 1.2rem;
            line-height: 1.4;
            padding-right: 20px;
        }
    }
    .section.reconocimientos {
        .heading-group {
            padding: 0 15px;
        }
    }
    #transparencia-informacion {
        .heading-group,
        .introduction {
            padding: 0 15px;
        }
    }
    .links-images-thumbs > li {
        width: 50%;
    }
    .cta-wrapper-columns {
        flex-wrap: wrap;
        .cta-item {
            flex-direction: column;
            h3,
            p {
                text-align: center;
            }
        }
        .cta-item.border-lr {
            border-left: initial;
            border-right: initial;
            border-top: 1px solid rgba(196, 196, 196, 0.45);
            border-bottom: 1px solid rgba(196, 196, 196, 0.45);
        }
    }
    .nav-sections {
        display: none;
    }
    #gobierno-corporativo .tab-wrapper-section .tab-content {
        min-height: auto;
        margin-bottom: 20px;
    }
    .section.section-default.fix-section-padding {
        padding: 0 !important;
    }
    .modal.modal-noscroll.fix-tips-seguridad .modal-content .modal-body {
        padding: 52px 0 0;
    }
    .tab-wrapper-section.tabs-left {
        margin: 0;
        gap: 0;
        .tab-content.tab-inner-offset-left {
            margin-left: 0;
            height: calc(100vh - 122px);
            .tab-pane {
                border-radius: 0;
                .tab-content-group {
                    .tab-image {
                        width: 100%;
                        margin: 0;
                        border-radius: 0;
                    }
                    .tab-content-text {
                        width: 100% !important;
                        padding: 0 15px;
                        height: calc(100vh - 152px - 95vw);
                    }
                }
            }
        }
    }
    .cta-group {
        a {
            width: 100%;
        }
    }
    .numbered-list-lg {
        .read-more {
            white-space: wrap;
            .fa-angle-right {
                display: inline-flex;
                float: initial;
            }
        }
    }
    #thumbs-categories {
        display: flex;
        flex-wrap: wrap;
        h4 {
            width: 100%;
        }
        .category-thumb {
            width: calc(100% / 12 * 6);
            margin: 0 !important;
        }
    }
    .link-back-bottom {
        right: initial;
    }
    #data-affiliates {
        padding: 0;
        .list-affilates-panel {
            .category-thumb {
                margin: 0;
                padding: 0;
                width: calc(100% / 12 * 6);
                height: 120px;
                div {
                    max-width: 100%;
                    img {
                        width: 96px;
                        height: 96px;
                    }
                }
            }
        }
    }
    .simple-card-box {
        .btn {
            width: 100%;
        }
    }
    .tarjetas-carousel.owl-carousel {
        .owl-item {
            .container {
                .row {
                    padding: 0 30px;
                    .image-card-wrapper {
                        min-height: 240px;
                        img {
                            max-width: 280px;
                        }
                    }
                }
            }
        }
    }
    .bottom-slider-image {
        width: 100% !important;
        object-fit: cover !important;
    }
    .justify-content-top {
        justify-content: flex-start !important;
    }
    .heading-intro-section.d-flex-title {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 30px;
        .heading-normal {
            width: 100%;
        }
        .read-more {
            width: 200px;
        }
    }
    .description-card-box.d-flex {
        flex-direction: column;
        align-items: flex-start;
        .resume_time_wrapper {
            margin-bottom: 20px;
        }
    }
    .mobile-link {
        display: block;
        position: absolute;
        top: 258px;
        width: 100%;
        color: rgba(0,0,0,0);
    }
    .modal-promo {
        .close.popup-close {
            top: 10px;
            right: 10px;
        }
        .modal-dialog {
            max-width: 100%;
        }
    }
    .data-info-post {
        th {
            font-size: 0.9rem;
            padding: 15px 10px;
        }
        td {
            padding: 12px 10px;
            font-size: 0.9rem;
        }
    }
    .info-box-article {
        padding: 20px 15px;
        h3 {
            margin-top: 0 !important;
        }
        .image-bullet-box {
            gap: 10px;
            flex-direction: column;
        }
    }
    .section-divisor {
        border-top: 1px solid rgba(196, 196, 196, 0.65);
        padding-bottom: 20px;
    }
    .section-divisor-noline {
        padding-bottom: 20px;
    }
    .heading-intro-section {
        h1 {
            color: #4c505d;
            font-size: 2.25rem;
            font-weight: 600;
            width: 100%;
            margin-bottom: 15px;
            line-height: 1.25;
            text-transform: initial;
        }
    }
    .card-flex-wrap {
        .bgr-col-4 {
            width: 100%;
            box-sizing: border-box;
            .description-card-box {
                min-height: auto;
                padding-bottom: 10px;
            }
        }
    }
    #filters-wrapper {
        display: flex;
        margin-bottom: 30px;
        gap: 30px;
        overflow-x: auto;
    }
    .banner-box {
        .banner-box-image.w-80 {
            width: 100%;
        }
    }
    ul.projects-thumbs-list {
        flex-wrap: wrap;
        gap: 20px;
        li {
            padding: 0;
            width: 100%;
        }
    }
    .section-form-modal {
        padding: 30px 20px !important;
    }
    #solicita-aqui .modal-dialog {
        max-width: 100%;
        margin: 0;
    }
    #solicita-aqui .modal-content {
        border-radius: 0;
    }
    #solicita-aqui .modal-body {
        padding: 0 30px;
    }
}
.cookie-fallback {
    max-width: 650px;
    margin: 50px auto;
    padding: 40px;
    border-radius: 24px;
    box-shadow: none;
    .txt-cookie-fallback {
        background: #004ace;
        width: 96px;
        height: 96px;
        color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3rem;
        margin: 0 auto 20px;
    }
    .text-muted {
        font-size: 1.25rem;
        text-align: center;
        padding: 0 20%;
    }
}
.intro-box {
    padding: 40px;
    background: #0048cd;
    border-radius: 24px;
    margin: 0 -40px 30px;
    .txt-intro {
        color: #fff;
        font-size: 1.75rem;
        margin: 0;
    }
}
/**************************************
 * 
 *  Nuevo menú de navegación
 * 
/**************************************/
.close-menu-panel {
    width: 100%;
    border: none;
    display: flex;
    justify-content: space-between;
    font-size: 1.15rem;
    height: 60px;
    align-items: center;
    padding: 24px;
    font-weight: 600;
    i {
        font-size: 1.6rem;
    }
}
.close-menu-panel:hover {
    color: #004ace;
    background: transparent;
}
.close-menu-panel:active,
.close-menu-panel:focus,
.close-menu-panel:active:focus {
    background: transparent;
    box-shadow: none;
    color: #004ace;
    border: none;
    outline-style: none;
}
.main-nav-modal {
    border-right: 1px solid #e0e0e0;
    box-shadow: 10px -10px 10px rgba(0,0,0,0.06);
}
.nav-tabs.main-nav-tab-wrapper {
    padding: 0 24px;
}
.nav-tabs.main-nav-tab-wrapper li a {
    padding: 10px 25px;
    margin: 0;
    color: #4d505c;
    border: initial;
    background: initial;
    border-radius: initial;
    font-size: 1rem;
}
.nav-tabs.main-nav-tab-wrapper li.active a,
.nav-tabs.main-nav-tab-wrapper li.active a:hover,
.nav-tabs.main-nav-tab-wrapper li.active a:focus,
.nav-tabs.main-nav-tab-wrapper li a:hover,
.nav-tabs.main-nav-tab-wrapper li a:focus {
    border-bottom: 2px solid #4d505c;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: 600;
}
.main-nav-tab-wrapper li a:hover {
    background: #f5f5f5;
}
.menu-options-level-01 .list-group-item {
    font-size: 1.1rem;
    padding: 1.1rem 0;
    border: none;
    display: flex;
    justify-content: space-between;
    color: #4d505c;
    align-items: center;
}
.menu-options-level-01 a.list-group-item {
    border: none;
    font-size: 1.15rem;
    transition: 0.3s all ease;
}
.menu-options-level-01 a.list-group-item:hover {
    color: #004ace;
}
.btn-panel-cta {
    border: 1px solid #e0e0e0;
    display: flex;
    border-radius: 12px;
    padding: 16px 24px;
    margin-top: 32px;
    justify-content: space-between;
    align-items: center;
    color: #4d505c;
    font-weight: 500;
    font-size: 1.15rem;
    transition: 0.3s all ease;
}
.btn-panel-cta:hover {
    background: #004ace;
    color: #fff;
    border-color: #004ace;
}
.right-arrow-wrapper {
    background: #f5f5f5;
    padding: 0.25rem 1.25rem;
    border-radius: 25px;
    i {
        color: #4d505c;
        font-size: 1.15rem;
        vertical-align: initial;
        margin-right: initial;
    }
}
#bg-menu.modal-backdrop.in {
    opacity: 1;
    backdrop-filter: blur(5px);
    background: rgba(255,255,255,0.2);
}
#bg-menu.modal-backdrop.in::after {
    background-color: #cfcfcf;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0.25;
}
.modal-left {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    z-index: 1050;
    overflow: hidden;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    border-radius: 0 24px 24px 0;
    align-items: stretch;
}
.menu-left-side {
    width: 100%;
    min-width: 25vw;
}
.menu-right-side {
    display: flex;
    align-items: stretch;
}
.modal-left.open {
    transform: translateX(0);
}
.main-nav-modal .menu-container {
    position: relative;
    height: 100%;
    background: initial;
    border-radius: initial;
    box-shadow: initial;
    padding: initial;
    min-height: initial;
    width: initial;
    z-index: initial;
}
.menu-panel {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    transition: all 0.5s ease;
}
.main-cta-group {
    margin: 40px 0 24px;
}
.main-wrapper-menu {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    transition: transform 0.4s ease-in-out;
    position: relative;
}
.menu-options-level-01 {
    width: 100%;
    max-width: 25vw;
    min-width: 360px;
    flex-shrink: 0;
    background: #fff;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    z-index: 2;
    padding: 20px 24px;
}
.menu-options-level-01 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-options-level-01 li {
    border-bottom: 1px solid #f5f5f5;
}
.menu-options-level-01 li.active a {
    font-weight: 600;
}
.menu-options-level-01 li.active a .right-arrow-wrapper {
    background: #4d505c;
}
.menu-options-level-01 li.active a .right-arrow-wrapper i {
    color: #fff;
}
.menu-options-level-01 li a.list-group-item:focus,
.menu-options-level-01 li a.list-group-item:hover,
.menu-options-level-01 li button.list-group-item:focus,
.menu-options-level-01 li button.list-group-item:hover {
    background-color: transparent;
}
.menu-options-level-02 {
    background: #f5f5f5;
    width: 100%;
    max-width: 25vw;
    padding: 0 15px;
    overflow-y: auto;
    border-left: 1px solid #eee;
    opacity: 0;
    transform: translateX(-25vw);
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    z-index: 1;
}
.menu-options-level-02.active {
    opacity: 1;
    transform: translateX(0);
    min-width: 25vw;
}
.menu-options-level-02 .menu-panel {
    padding: 24px;
}
.level-02 h3 {
    font-size: 1.25rem;
    margin-top: 20px;
    font-weight: 600;
    text-transform: initial;
    letter-spacing: 0.01rem;
}
.level-02 ul {
    list-style: none;
    padding: 0;
    li {
        padding: 0.5rem 0;
        a {
            color: #4d505c;
            transition: 0.3s all ease;
        }
        a:hover {
            color: #004ace;
            font-weight: 500;
        }
    }
}
.back-btn {
    display: none;
}
.info-box-article {
    h3 {
        margin-top: 0 !important;
    }
}
.cta-grid-box {
    display: grid;
    grid-template-columns: 50% 50%;
    div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1.5rem;
        h3 {
            margin: 0 !important;
        }
        a {
            width: 240px;
        }
        img {
            width: 100%;
        }
    }
}
.image-wrapper-box.h-520 {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 520px;
    position: relative;
    img {
        object-fit: fill;
        width: auto;
        height: 520px;
    }
}
.post-content {
    h4 {
        font-size: 1.25rem;
    }
}
@media (max-width: 1024px) {
    .simple-card-image.h-image-380 {
        max-height: 100%;
    }
}
@media (max-width: 767px) {
    .main-wrapper-menu {
        flex-direction: column;
    }
    .menu-options-level-01,
    .menu-options-level-02 {
        width: 100%;
        max-width: 100%;
    }
    .menu-options-level-01.hidden {
        display: none;
    }
    .menu-options-level-02 {
        display: none;
    }
    .menu-options-level-02.active {
        display: block;
        animation: slideIn 0.3s ease forwards;
    }
    .back-btn {
        display: block;
        margin: 10px;
    }
}
@media (max-width: 480px) {
	.banner-widget #bannerCarouselHome .carousel-inner .bg-banner-carousel {
		width: 100% !important;
		height: auto !important;
	}	
    .row {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .line-separator {
        margin: 0;
    }
    .main-nav-modal {
        width: 100%;
    }
    .menu-left-side {
        width: 100%;
        min-width: 100vw;
    }
    .modal-left {
        border-radius: 0;
    }
    .back-btn {
        display: block;
    }
    .menu-right-side {
        width: 100vw;
    }
    .main-cta-group {
        margin: 0 0 24px;
        a {
            margin: 0;
        }
    }
    .menu-options-level-02 .menu-panel {
        padding: 12px 24px 24px;
    }
    .menu-options-level-02.active {
        padding: 16px 0;
    }
    .form-wrapper-header {
        padding: 0 10px;
        .nombre-producto {
            padding-top: 15px;
            padding-bottom: 15px;
        }
    }
    .form-wrapper-container {
        margin: 20px auto 20px;
        padding: 0 10px;
    }
    .wide-youtube-iframe {
        min-height: 100vw;
    }
    #intro-cuenta-on-ahorro-listo h2 {
        text-align: center;
        padding: 0 20px;
    }
    #qr-app-section .col-md-6 p,
    #qr-app-section .col-md-6 p a {
        text-align: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .banner-widget {
        min-height: 700px;
    }
    .banner-widget #bannerCarouselHome .carousel-inner {
        min-height: 695px;
    }
    #bannerCarouselHome .carousel-indicators {
        bottom: 50px;
    }
    .cta-grid-box {
        grid-template-columns: 100%;
        div {
            padding-top: 20px;
            a {
                width: 90%;
                margin: 0 auto;
            }
        }
    }
}
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}