:root{

    /** Typography**/
    /* @forward "./url-local"; */
    /* @font-face {
        font-family: "CoreSansThin";
        src: url("/wps/wcm/connect/bancopopular/71291d85-a7ca-4e8b-98c1-a2b5bbeab472/CoreSansA15Thin.otf?MOD=AJPERES") format("otf");
        src: url("/wps/wcm/connect/bancopopular/7abb3d49-9a02-4f97-9a3e-b7f3d3cc8398/CoreSansA15Thin.woff?MOD=AJPERES") format("woff");
        font-weight: 100;
        font-style: thin;
    }

    @font-face {
        font-family: "CoreSansLight";
        src: url("/wps/wcm/connect/bancopopular/838584a5-98e6-40cb-b980-71325a2483e9/CoreSansA35Light.otf?MOD=AJPERES") format("otf");
        src: url("/wps/wcm/connect/bancopopular/00c8142a-f907-4340-a6ad-579333d6cc85/CoreSansA35Light.woff?MOD=AJPERES") format("woff");
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: "CoreSansRegular";
        src: url("/wps/wcm/connect/bancopopular/819aa85e-18de-41ae-8274-7b0483b9f880/CoreSansA45Regular.otf?MOD=AJPERES") format("otf");
        src: url("/wps/wcm/connect/bancopopular/647ffe9d-1c49-4bcd-93a4-76cf7668991b/CoreSansA45Regular.woff?MOD=AJPERES") format("woff");
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: "CoreSansRegular";
        src: url("/wps/wcm/connect/bancopopular/8919bada-4ffb-46c3-9632-515ba88cb70e/CoreSansA65Bold.otf?MOD=AJPERES") format("otf");
        src: url("/wps/wcm/connect/bancopopular/357e8105-78b2-416a-8e73-f44f4f18c0c6/CoreSansA65Bold.woff?MOD=AJPERES") format("woff");
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: "Inter-Black";
        src: url("wps/wcm/connect/bancopopular/3bbd14ad-7369-4276-98cd-854ec6186081/Inter-Black.woff2?MOD=AJPERES") format("woff2"), url("/wps/wcm/connect/bancopopular/a7a9d73d-f50e-4851-bc41-c8a8d10739ac/Inter-Black.woff?MOD=AJPERES") format("woff"), url("") format("truetype"), url("") format("svg");
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Inter-ExtraBold";
        src: url("/wps/wcm/connect/bancopopular/7fe09b39-44c8-4d0b-b2dc-49fe1b5d8383/Inter-ExtraBold.woff2?MOD=AJPERES") format("woff2"), url("/wps/wcm/connect/bancopopular/5783f02a-fd43-46ad-acb1-073a397b7fa6/Inter-ExtraBold.woff?MOD=AJPERES") format("woff"), url("") format("truetype"), url("") format("svg");
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Inter-Bold";
        src: url("/wps/wcm/connect/bancopopular/eef9bf65-0f0c-4bd2-88da-bb1248fead52/Inter-Bold.woff2?MOD=AJPERES") format("woff2"), url("/wps/wcm/connect/bancopopular/0a2184b1-494b-4089-9577-34dcaf9b76dd/Inter-Bold.woff?MOD=AJPERES") format("woff"), url("") format("truetype"), url("") format("svg");
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Inter-SemiBold";
        src: url("/wps/wcm/connect/bancopopular/44099cf7-e615-47df-be03-eb05dd3b3d37/Inter-SemiBold.woff2?MOD=AJPERES") format("woff2"), url("/wps/wcm/connect/bancopopular/cc10fbd3-e361-4671-81ee-db05461fe11f/Inter-SemiBold.woff?MOD=AJPERES") format("woff"), url("") format("truetype"), url("") format("svg");
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Inter-Medium";
        src: url("/wps/wcm/connect/bancopopular/abc93250-9570-4f71-8158-6a4031f4e52c/Inter-Medium.woff2?MOD=AJPERES") format("woff2"), url("/wps/wcm/connect/bancopopular/c78c5ae9-31bb-4123-9910-b77437e9a551/Inter-Medium.woff?MOD=AJPERES") format("woff"), url("") format("truetype"), url("") format("svg");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Inter-Regular";
        src: url("/wps/wcm/connect/bancopopular/c0e310ba-aaec-4af9-b42a-7acd24c2df80/Inter-Regular.woff2?MOD=AJPERES") format("woff2"), url("/wps/wcm/connect/bancopopular/6c9d9d53-fd9b-4517-a6df-476d71d0d713/Inter-Regular.woff?MOD=AJPERES") format("woff"), url("") format("truetype"), url("") format("svg");
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Inter-Light";
        src: url("/wps/wcm/connect/bancopopular/eee1b1ad-f2f0-40eb-94fe-18d56ef839e4/Inter-Light.woff2?MOD=AJPERES") format("woff2"), url("/wps/wcm/connect/bancopopular/92d352aa-8ede-4193-8e95-62f026b60dd8/Inter-Light.woff?MOD=AJPERES") format("woff"), url("") format("truetype"), url("") format("svg");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Inter-ExtraLight";
        src: url("/wps/wcm/connect/bancopopular/fcb15448-5ad9-49b3-9909-f5232af07709/Inter-ExtraLight.woff2?MOD=AJPERES") format("woff2"), url("/wps/wcm/connect/bancopopular/617673e8-3759-4c6f-84e2-264d4d803d23/Inter-ExtraLight.woff?MOD=AJPERES") format("woff"), url("") format("truetype"), url("") format("svg");
        font-weight: 200;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Inter-Thin";
        src: url("/wps/wcm/connect/bancopopular/52f66e2f-16b3-4fc8-8e41-7f19b1e1fdfc/Inter-Thin.woff2?MOD=AJPERES") format("woff2"), url("/wps/wcm/connect/bancopopular/30d154d6-0ffb-4006-ba43-033c9d2d7aa8/Inter-Thin.woff?MOD=AJPERES") format("woff"), url("") format("truetype"), url("") format("svg");
        font-weight: 100;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "ibp";
        src: url("/wps/wcm/connect/bancopopular/aa4cf825-ca31-47a9-9d7c-c4b00cc2c3bc/ibp.eot?MOD=AJPERES");
        src: url("/wps/wcm/connect/bancopopular/aa4cf825-ca31-47a9-9d7c-c4b00cc2c3bc/ibp.eot?MOD=AJPERES") format("embedded-opentype"), url("/wps/wcm/connect/bancopopular/0e70ac2e-4a64-446d-9a69-36c32f63ab07/ibp.ttf?MOD=AJPERES") format("truetype"), url("/wps/wcm/connect/bancopopular/0253a859-0bb9-4c90-a705-f8693818ad85/ibp.woff?MOD=AJPERES") format("woff"), url("/wps/wcm/connect/bancopopular/d77743dd-9714-4ff7-8fcf-731aeab7da15/ibp.svg?MOD=AJPERES") format("svg");
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }
 */



}














body,
body>*,
.tabs-nav_bp a,
.content-menu ul li a,
.tabs-nav_bp a,
.details-content,
.access-links a,
.label__content p,
.step__item,
.text-box_bp li,
.text-box_bp p,
.medios-pago-item li,
.resp-tabs-list li,
.main-menu .main-content .mega-menu>a {
    color: #000;
}

.main-menu {
    box-shadow: none !important;
}


body,
.debit-btn,
.ath-overlay-text2,
p,
li {
    font-family: "CoreSansRegular", Inter, Roboto !important;
    font-weight: 400;

}

.btn-green,
.btn-orange,
.btn-grey,
.btn-outline-green,
.btn-outline-white,
.btn-apple-green,
em,
h1,
h2,
h3 {
    font-family: "CoreSansRegular", Inter, Roboto !important;

}


/* force font family */

/* .fw-bold {

    font-family: "CoreSansRegular", Inter, Roboto !important;

}

.fw-light {

    font-family: "CoreSansLight", Inter, Roboto !important;
    font-weight: 200;

}


p.fw-bold {

    font-family: "CoreSansRegular", Inter, Roboto !important;
  
}

p.fw-light {

    font-family: "CoreSansLight", Inter, Roboto !important;
    font-weight: 200;

}



h1.headline {
    font-family: "CoreSansRegular", Inter, Roboto !important;

}

h1.headline-regular {
    font-family: "CoreSansRegular", Inter, Roboto !important;
    font-weight: 400;
}

h1.headline-light {
    font-family: "CoreSansLight", Inter, Roboto !important;
    font-weight: 200;
}

h2.headline-2 {
    font-family: "CoreSansRegular", Inter, Roboto !important;
   
}

h2.headline-regular-2 {
    font-family: "CoreSansRegular", Inter, Roboto !important;
    font-weight: 400;
}

h2.headline-light-2 {
    font-family: "CoreSansLight", Inter, Roboto !important;
    font-weight: 200;
}

h3.headline-3 {
    font-family: "CoreSansRegular", Inter, Roboto !important;
   
}

h3.headline-regular-3 {
    font-family: "CoreSansRegular", Inter, Roboto !important;
    font-weight: 400;
}

h3.headline-light-3 {
    font-family: "CoreSansLight", Inter, Roboto !important;
    font-weight: 200;
}


h4.headline-4 {
    font-family: "CoreSansRegular", Inter, Roboto !important;
    
}

h4.headline-regular-4 {
    font-family: "CoreSansRegular", Inter, Roboto !important;
}

h4.headline-light-4 {
    font-family: "CoreSansLight", Inter, Roboto !important;
}


a.ath-btn {

    font-family: "CoreSansRegular", Inter, Roboto !important;
  
} */

/* close force fonts */




.fontsize {
    background-color: #eee;
    padding-block: 8px;
    padding-inline-end: 16px;
    display: flex !important;
    align-items: flex-end;
    gap: 16px;
    justify-content: flex-end;
}

.columnx1 {
    width: 100%;
    margin: 0 auto;
    /* display: inline-block; */
    vertical-align: top;
}

.fontsize i {
    font-style: normal;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.2px;
    display: flex;
    align-items: center;
    gap: 8px;

}

header .main-menu .transparencia {
    color: white;
}

.consumidor {
    color: white;
}

.encuentranos {
    color: white;
}

.bg-white {
    background-color: white;
}

.fontsize .fontsize-down,
.fontsize .fontSize-up,
.fontsize .contraste,
body.active-accesibilidad .owl-carousel-cuentas-bp .owl-carousel .owl-stage .owl-item .item-owl-box_bp .text-box_bp ol li:before {
    color: #11B719;
}

.accesibilidad {
    border: 2px solid #11B719;
    border-radius: 4px;
}

body.active-accesibilidad,
body.active-accesibilidad article,
body.active-accesibilidad section,
body.active-accesibilidad aside,
body.active-accesibilidad .bg-precenteje_bp,
body.active-accesibilidad .tabs-nav_bp,
body.active-accesibilidad .background_gray_bp,
body.active-accesibilidad .bg-gray-component_bp,
body.active-accesibilidad .accordion-body,
body.active-accesibilidad .cont-contact-lv h3,
body.active-accesibilidad .bg-white-cards-gy-border,
body.active-accesibilidad .container__accordeon--content .content,
body.active-accesibilidad .background-gray,
body.active-accesibilidad tr,
body.active-accesibilidad th,
body.active-accesibilidad .infographic-content,
body.active-accesibilidad .bg-white-cards-gy-border,
body.active-accesibilidad .accordion_bp input[type="radio"]:checked+label,
body.active-accesibilidad .contenedor-pagina-tuplus .section-acumula-puntos .container-card .card .background-card-acumula-puntos,
body.active-accesibilidad .green-gradient-left,
body.active-accesibilidad .acc-btn {
    background-color: #1a1a1a !important;
}

body.active-accesibilidad section.green2-gradient-left {
    background-image: linear-gradient(to left, #1a1a1a, #1a1a1a) !important;
}

body.active-accesibilidad section.background-buscador .offices {
    background-color: #f0f8ff00 !important;
}

body.active-accesibilidad section.background-buscador .offices .background-green-search-offices,
body.active-accesibilidad .filters-offices .mat-form-field-underline,
body.active-accesibilidad .conozca-mas .show-filter .background-figure .content-figure .btn-outline-white {
    background-color: #fff !important;
}

body.active-accesibilidad section.background-buscador .offices .background-green-search-offices a i::before,
body.active-accesibilidad a span,
body.active-accesibilidad h1,
body.active-accesibilidad .text-content_bp p,
body.active-accesibilidad .text-primary h2,
body.active-accesibilidad .text-secundary,
body.active-accesibilidad .text-secundary strong,
body.active-accesibilidad .bp-ui-card .bp-ui-card__content h4,
body.active-accesibilidad .bp-ui-card .bp-ui-card__content h3,
body.active-accesibilidad .bp-ui-card .bp-ui-card__content p {
    color: #1a1a1a;
}

body.active-accesibilidad .scrollDown {
    background-image: none !important;
    background-color: #ffffff00 !important;
}

body.active-accesibilidad ul li,
body.active-accesibilidad ol li,
body.active-accesibilidad li a,
body.active-accesibilidad a,
.transparencia,
.transparencia:hover,
.encuentranos:hover,
.consumidor:hover,
body.active-accesibilidad .accordion-header,
body.active-accesibilidad .accordion-body,
body.active-accesibilidad h1 em,
body.active-accesibilidad strong,
body.active-accesibilidad dl,
body.active-accesibilidad small,
body.active-accesibilidad .gray,
body.active-accesibilidad td,
body.active-accesibilidad th,
body.active-accesibilidad th b,
body.active-accesibilidad .filters-offices .mat-input-element,
body.active-accesibilidad body,
body.active-accesibilidad span,
body.active-accesibilidad .acc-btn span,
body.active-accesibilidad .bp-slide__item__content p,
body.active-accesibilidad .bp-slide__item__content p b,
body.active-accesibilidad .icon-cancel2:before,
body.active-accesibilidad .close-accordion.text,
body.active-accesibilidad .bp-ui-card .bp-ui-card__content .ath-btn,
body.active-accesibilidad .bp-ui-card .bp-ui-card__content .ath-btn p,
body.active-accesibilidad .bp-ui-icon .bp-ui-icon__content p,
body.active-accesibilidad .ath-title-fw .ath-title-fw--left p,
body.active-accesibilidad .ath-accordion .ath-accordion__item .ath-accordion__label--outline p {
    color: #fff;
}

body.active-accesibilidad .bp-ui-card .bp-ui-card__content .btn-link {
    color: hsl(34, 100%, 57%);
}

body.active-accesibilidad h2,
body.active-accesibilidad h3,
body.active-accesibilidad h4,
body.active-accesibilidad .main-menu .main-content .mega-menu>a,
body.active-accesibilidad a.menu-link {
    color: unset;
    color: #E9E9E9;
}

body.active-accesibilidad li a::before,
body.active-accesibilidad a::before {
    background-color: #00C000;
}

body.active-accesibilidad a.btn-outline-white:hover {
    color: #000 !important;
}

body.active-accesibilidad img {
    filter: brightness(1) saturate(80%) hue-rotate(-10deg);
}

body.active-accesibilidad img:hover {
    filter: saturate(1) !important;
}

.transparencia {
    padding: 6px;
    text-decoration: none;
    background-color: #11B719;
}

.consumidor {
    padding: 6px;
    text-decoration: none;
    background-color: #11B719;
}

.encuentranos {
    padding: 6px;
    text-decoration: none;
    background-color: #F99B35;
    border: 2px solid #F99B35;
    border-radius: 4px;
}

.accesibilidad img {
    width: 30px;
    height: 30px;
}

.transparencia img {
    width: 20px;
    height: 20px;
}

.consumidor img {
    width: 20px;
    height: 20px;
}

.encuentranos img {
    width: 20px;
    height: 20px;
}

.bpo-btn-nav {
    display: none !important;
}

.hide-transparencia {
    display: none;
}

@media (max-width:500px) {
    .bpo-btn-nav {
        display: block !important;
    }

    .transparencia {
        display: none !important;
    }

    .consumidor {
        display: none !important;
    }

    .hide-transparencia {
        display: block !important;
    }

    .encuentranos img {
        width: 15px;
        height: 15px;
    }

    body.active-accesibilidad .content-links-zt h2 {
        color: #1a1a1a !important;
    }
}


.accordion-header,
.js-accordion-header  {

    font-family: "CoreSansRegular", Inter, Roboto !important;
}

.accordion-header .js-accordion-header .acive {

    font-family: "CoreSansBold", Inter, Roboto !important;
}