/* ---------------BOTONES HEADER--------------- */

/* General */

#header-negocios .btn-desactivado-accesibilidad {
    pointer-events: none;
    filter: opacity(0.5);
}

/* Fin General */



/* Inicio Desk */
#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding-right: 34px;
}

#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-tamano-letra {
    display: flex;
    gap: 8px;
}

#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-alto-contraste {
    border-left: 1px solid #D9DADD;
    padding-left: 16px;
}

#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad a {
    cursor: pointer;
    user-select: none;
    text-decoration: none;
}

#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad a svg {
    display: block;
}

#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad:hover .caja-tooltip-seleccion-control-accesibilidad {
    display: block;
    animation: aparecer-tooltip-acc 850ms ease forwards;
}

#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad>.caja-tooltip-seleccion-control-accesibilidad {
    position: absolute;
    border-radius: 8px;
    background: #454648;
    min-width: 135px;
    top: 40px;
    left: 50%;
    transform: translate(-50%);

    z-index: 1;
    display: none;
    user-select: none;
}

#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad.alto-contraste>.caja-tooltip-seleccion-control-accesibilidad {
    top: 45px;
}

#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad.aumento-letra>.caja-tooltip-seleccion-control-accesibilidad {
    left: 12px;
}

#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad .caja-tooltip-seleccion-control-accesibilidad .selector-tooltip-seleccion-control-accesibilidad {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    top: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    z-index: 1;
    background: #454648;
}

#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad .caja-tooltip-seleccion-control-accesibilidad .contenido-tooltip-seleccion-control-accesibilidad {
    padding: 16px;
    text-align: center;
}

#header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad .caja-tooltip-seleccion-control-accesibilidad .contenido-tooltip-seleccion-control-accesibilidad p {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: #FFF;
    margin: 0;
    padding: 0;
}

@keyframes aparecer-tooltip-acc {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Fin Desk */


/* Inicio Mobile */

#header-negocios .header-mobile .contenedor-controles-accesibilidad-header-mob {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px 16px;
}

#header-negocios .header-mobile .contenedor-controles-accesibilidad-header-mob .seleccion-control-accesibilidad-mob a {
    text-decoration: none;
    display: flex;
    gap: 8px;
    align-items: center;
}

#header-negocios .header-mobile .contenedor-controles-accesibilidad-header-mob .seleccion-control-accesibilidad-mob a figure {
    flex-shrink: 0;
}

#header-negocios .header-mobile .contenedor-controles-accesibilidad-header-mob .seleccion-control-accesibilidad-mob a figure svg {
    display: block;
}

#header-negocios .header-mobile .contenedor-controles-accesibilidad-header-mob .seleccion-control-accesibilidad-mob a .contenido-texto-control-accesibilidad p {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: #2C2A29;
}

/* Fin Mobile */

/* ---------------FIN BOTONES HEADER--------------- */












/* ---------------INICIO ALTO CONTRASTE--------------- */

/* Inicio Generales */
body.accesibilidad-tema-oscuro {
    background-color: #353537 !important
}

.accesibilidad-tema-oscuro section {
    background-color: #353537 !important;
}

.accesibilidad-tema-oscuro h1,
.accesibilidad-tema-oscuro h2,
.accesibilidad-tema-oscuro h3,
.accesibilidad-tema-oscuro h4,
.accesibilidad-tema-oscuro h5,
.accesibilidad-tema-oscuro h6,
.accesibilidad-tema-oscuro span,
.accesibilidad-tema-oscuro a,
.accesibilidad-tema-oscuro p {
    color: #FFF !important;
}

.accesibilidad-tema-oscuro .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.accesibilidad-tema-oscuro .swiper-pagination .swiper-pagination-bullet {
    background-color: #FFF;
}


/* Fin Generales */


/* Inicio Header */

/* Inicio Desk */

.accesibilidad-tema-oscuro #header-negocios .header-desktop #header-lvl1 .path-active {
    background-color: #595A5C;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop #header-lvl2 a img {
    filter: brightness(0) invert(1);
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad a svg path {
    fill: #FFF;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-alto-contraste {
    border-left: 1px solid #595A5C;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop #header-lvl2 .soli-docu {
    border: 1px solid #FFF;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop #header-lvl2 .lnks-sucursales {
    background: #353537;
    box-shadow: none;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop .menu-categorias.active {
    background-color: #595A5C;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop #header-lvl2 .lnk-sucu-pymes {
    color: #2C2A29 !important;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop #header-lvl2 button {
    background-color: #353537;
    color: #FFF;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop #header-lvl2 button>img {
    filter: brightness(0) invert(1);
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop .menu-categorias.active li a:hover {
    background-color: #727476;
    color: #FFF !important;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad>.caja-tooltip-seleccion-control-accesibilidad {
    background: #595A5C;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop #header-lvl2 .contenedor-controles-accesibilidad-header .contenido-control-acc .seleccion-control-accesibilidad .caja-tooltip-seleccion-control-accesibilidad .selector-tooltip-seleccion-control-accesibilidad {
    background: #595A5C;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop ul li a:hover {
    /* color: #2C2A29 !important; */
    background-color: #595A5C;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop button:hover {
    background-color: #595A5C;
    color: #FFF;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop button.active {
    background-color: #595A5C;
    color: #FFF;
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop button.active img {
    filter: brightness(0) invert(1);
}

.accesibilidad-tema-oscuro #header-negocios .header-desktop button:hover img {
    filter: brightness(0) invert(1);
}

/* Fin Desk */


/* Inicio Mobile */

.accesibilidad-tema-oscuro #header-negocios .header-mobile .header-menu {
    background-color: #353537;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile .header-menu.cerrar {
    border-bottom: 1px solid #454648;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile figure a img {
    filter: brightness(0) invert(1);
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile button {
    background-color: #353537;
    color: #FFF;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile .icono-menu-mobile,
.accesibilidad-tema-oscuro #header-negocios .header-mobile .icono-menu-mobile::before,
.accesibilidad-tema-oscuro #header-negocios .header-mobile .icono-menu-mobile::after {
    background-color: #FFF;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile button.active img {
    filter: brightness(0) invert(1);
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile .menu-mobile.active {
    background-color: #2C2A29;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile #sucursales-mobile {
    background: #595A5C;
    box-shadow: 0px 1px 8px 0px rgba(44, 42, 41, 0.08);
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile .lnk-sucu-pymes {
    color: #2C2A29 !important;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile button img {
    filter: brightness(0) invert(1);
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile .menu-categorias.active {
    background-color: #595A5C;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile .menu-categorias.active li a:hover {
    background-color: #727476;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile .rutas-principales-bancolombia button {
    background-color: #2C2A29;
    background-color: transparent;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile .rutas-principales-bancolombia li {
    border-bottom: 1px solid #454648;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile .rutas-principales-bancolombia .submenu-lvl1.active {
    background-color: #595A5C;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile .rutas-principales-bancolombia .submenu-lvl1 li {
    border-bottom: 0;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile .rutas-principales-bancolombia .submenu-lvl1.active li.lnk-solicitud a {
    border: 1px solid #FFF;
}

#header-negocios .header-mobile .rutas-principales-bancolombia .submenu-lvl1.active li a:hover {
    background-color: #727476;
}

.accesibilidad-tema-oscuro #header-negocios .header-mobile .contenedor-controles-accesibilidad-header-mob .seleccion-control-accesibilidad-mob a figure svg path {
    fill: #FFF;
}

/* Fin Mobile */


/* Fin Header */






/* Inicio Breadcumbs */

.accesibilidad-tema-oscuro .breadcrumbs {
    background-color: #353537;
}

.accesibilidad-tema-oscuro .breadcrumbs ul>li+li::before {
    filter: brightness(0) invert(1);
}


/* Fin Breadcumbs */








/* Inicio Footer */

.accesibilidad-tema-oscuro #footer .footer_bg_light {
    background-color: #353537;
}

.accesibilidad-tema-oscuro #footer .social_media .wa-icon {
    color: black;
}

/* Fin Footer */









:root {
    --backgroundElementos-FondosAC: #454648; /* Color de fondo */
    --img-white-FondosAC: brightness(0) invert(1); /* Color de fondo */

}



/* --------------- Linea Economica (clasLineaEconomiaAzul) --------------- */

.accesibilidad-tema-oscuro section .clasLineaEconomiaAzul {
    background: #2C2A29 !important;
}

.accesibilidad-tema-oscuro .clasLineaEconomiaAzul .containerSwiperEconomiaAzul .swiper-slide.seiper-SliderCarEconomiaAzul {
    background: #2C2A29;
}
.accesibilidad-tema-oscuro .clasLineaEconomiaAzul .containerSwiperEconomiaAzul .swiper-slide.seiper-SliderCarEconomiaAzul.swiper-slide-visible .descCardEconomiaCircular{
    color: white;
}


img.imgTrazoEconomiaAzul.imgTrazoEconomiaAzul_sin_AC {
    display: inline-block;
}

.accesibilidad-tema-oscuro img.imgTrazoEconomiaAzul.imgTrazoEconomiaAzul_sin_AC {
    display: none;
}


img.imgTrazoEconomiaAzul.imgTrazoEconomiaAzulAC {
    display: none;
}

.accesibilidad-tema-oscuro img.imgTrazoEconomiaAzul.imgTrazoEconomiaAzulAC {
    display: inline-block;
}

@media (max-width:767px) {
    img.imgTrazoEconomiaAzul.imgTrazoEconomiaAzul_sin_AC {
        display: none !important;
    }

    img.imgTrazoEconomiaAzul.imgTrazoEconomiaAzulAC {
        display: none !important;
    }
}

/* --------------- Fin Linea Economica (clasLineaEconomiaAzul) --------------- */




/* --------------------------  Beneficios (classBeneficios) ------------------------------- */

.accesibilidad-tema-oscuro .classBeneficios .mySwiperBeneficiosEconomia .swiper-slide.swiper-slideBeneficio{
    background: var(--backgroundElementos-FondosAC);
}

/* --------------------------  Fin Beneficios (classBeneficios) ------------------------------- */





/* ---------------------------  Caracteristicas (classCaracteristicasCuentaMar) --------------------------------- */

.accesibilidad-tema-oscuro section#idCaracteristicasCuentaMar{
    background: var(--backgroundElementos-FondosAC)!important;
}

.accesibilidad-tema-oscuro .iconCaracteristicas{
    filter: var(--img-white-FondosAC);
}

/* ---------------------------  Fin Caracteristicas (classCaracteristicasCuentaMar) --------------------------------- */





/* ---------------Adquirid Credito (classProcesoSolicitud) --------------- */

.accesibilidad-tema-oscuro .classProcesoSolicitud .desNota{
    background: var(--backgroundElementos-FondosAC);
}

.accesibilidad-tema-oscuro .classProcesoSolicitud .mySwiperProcesoSolicitud .swiper-slide.swiper-slideProcesoSolicitud{
    background: var(--backgroundElementos-FondosAC);
}

.accesibilidad-tema-oscuro .classProcesoSolicitud .contenedroPadreProcesoSolicitud img.iconoProcesoSolicitud{
    filter: var(--img-white-FondosAC);
}

/* --------------- Fin Adquirid Credito (classProcesoSolicitud) --------------- */

/* ---------------FIN ALTO CONTRASTE--------------- */