/*===================================================================*/
/* ACCESIBILIDAD CSS
/*===================================================================*/

/* Transiciones globales */
.size-0,
.size-1,
.size-2,
.size-3,
.size-4 {
	transition: var(--transitions);
}

/* Tamaños de fuente */
.size-0 {
	font-size: .8rem;
}

.size-1 {
	font-size: 1rem;
}

.size-2 {
	font-size: 1.15rem;
}

.size-3 {
	font-size: 1.2rem;
}

.size-4 {
	font-size: 1.25rem;
}

.size-3 .pasos_portal .card-portal.xl .card-body>div,
.size-4 .pasos_portal .card-portal.xl .card-body>div {
	flex-wrap: wrap;
}

.size-3 .footer .footer-desktop,
.size-4 .footer .footer-desktop {
	max-width: 1200px;
}

.size-3 .tabs-content .card-content,
.size-4 .tabs-content .card-content {
	max-height: 380px;
}

.size-3 .contactanos .contacto-items,
.size-4 .contactanos .contacto-items {
	min-height: 385px;
}

.size-3 .consejos .consejos-info,
.size-4 .consejos .consejos-info {
	height: 400px;
}

.size-3 .como-podemos-ayudate .items-card,
.size-4 .como-podemos-ayudate .items-card {
	min-height: 470px;
}

@media screen and (min-width: 1200px) {

	.size-3 .pasos_portal .card-portal.xl .card-body>div img,
	.size-4 .pasos_portal .card-portal.xl .card-body>div img {
		margin-top: 0 !important;
	}
}

/*-------------------------------------------------------------------*/
/* MODO OSCURO (DARK MODE) */
/*-------------------------------------------------------------------*/

/* Variables del modo oscuro */
.modeDark {
	--mdb-light: #1c1c1c !important;
	--mdb-dark: #fff !important;
	--mdb-body: #fff !important;
	--dark: #333333 !important;
	--light: #fff !important;
	--mdb-body-color: #fff !important;
	--mdb-body-bg: #333333 !important;
	--mdb-accordion-active-bg: #1c1c1c !important;
	--mdb-surface-bg: #1c1c1c !important;
	--bg-form: #333333 !important;
	--filter-mdb-yellow: brightness(0) saturate(100%) invert(75%) sepia(49%) saturate(2225%) hue-rotate(349deg) brightness(104%) contrast(95%) !important;
	color-scheme: dark;
}

/* Estilos base del modo oscuro */
.modeDark body {
	background: var(--mdb-light) !important;
}

.modeDark .logo-normaliza .logo--light {
	display: none;
}

.modeDark .logo-normaliza .logo--dark {
	display: inline;
	padding: 4px;
}

.modeDark .transparent-mode {
	background: var(--mdb-light) !important;
}

/* Header en modo oscuro */
.modeDark .header-menu {
	background: var(--mdb-light) !important;
	border-bottom: 1px solid var(--mdb-border);
}

.modeDark .menu-yellow::before,
.modeDark .menu-green::before,
.modeDark .menu-blue::before,
.modeDark .menu-red::before {
	background: var(--mdb-yellow) !important;
}

/* Banners*/
.modeDark .banner-estaticos .banner-estaticos--descript-interno::before {
	background: var(--mdb-yellow) !important;
}

/* Contenedores y tarjetas en modo oscuro */
.modeDark .kampyle_vertical_button .kampyle_button-text {
	background: var(--mdb-yellow) !important;
	color: var(--dark) !important;
}

.modeDark .video-normaliza>div,
.modeDark .info-soluciones-pago .card-soluciones,
.modeDark .tabs-content::before,
.modeDark .pf-nav .nav-link:hover {
	background: var(--dark);
}

.modeDark .como-podemos-ayudate .items-card .card-imgs {
	border-bottom-color: var(--mdb-yellow) !important;
}

.modeDark .como-podemos-ayudate .items-card .card-body span {
	color: var(--mdb-yellow) !important;
}

.modeDark .consejos-info .logo-letra-grande {
	filter: grayscale(1) sepia(1) invert(1) !important;
}

.modeDark .consejos-icono {
	background: var(--mdb-yellow) !important;
}

.modeDark .consejos-icono img {
	filter: grayscale(1) sepia(1) invert(1) !important;
}

.modeDark .info-soluciones-pago .card-soluciones .card-body,
.modeDark .reconocimientos .owl-theme .owl-nav [class*="owl-"] {
	background: var(--light) !important;
}

.modeDark .card-body {
	color: var(--mdb-dark) !important;
	background: var(--mdb-light) !important;
}

/* Navegación y enlaces en modo oscuro */
.modeDark .consejos .owl-theme .owl-nav [class*="owl-"] {
	background: var(--light) !important;
}

.modeDark .consejos .owl-theme .owl-nav [class*="owl-"] .owl-prev,
.modeDark .consejos .owl-theme .owl-nav [class*="owl-"] .owl-next,
.modeDark .footer .footer-enlace:hover,
.modeDark .mdb-text-light,
.modeDark .nav-section-tabs .nav-item .nav-link,
.modeDark .footer .accordion .accordion-header .accordion-button,
.modeDark .footer .accordion .accordion-button:not(.collapsed) {
	color: var(--light) !important;
}

.modeDark .modal-header .btn-close {
	filter: invert(1);
}

.modeDark .btn-bci {
	color: var(--mdb-dark) !important;
}

.modeDark .bci-wk-btn {
	background: var(--mdb-yellow) !important;
	border: 1px solid var(--mdb-yellow) !important;
	color: var(--dark) !important;
}

.modeDark .bci-wk-btn.bci-wk-btn--link {
	color: var(--mdb-yellow) !important;
	background: transparent !important;
	border: none !important;
}

.modeDark .figura-bci-left.figura-full:before,
.modeDark .figura-bci-center.figura-full:before,
.modeDark .figura-bci-left.figura-stroke:before,
.modeDark .figura-bci-left:before,
.modeDark .figura-bci-center:before {
	background-image: url(https://cdn3.bci.cl/uploads/8d2fb755-b197-4902-a4c8-c25d4040efcd/original/figuras-white.svg) !important;
}

/* Iconos */
.modeDark .card-icon,
.modeDark .contacto-iconos {
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, .3) !important;
}

.modeDark .card-icon span,
.modeDark .contacto-iconos span {
	color: var(--mdb-yellow) !important;
}

/* Titulos */
.modeDark .figura-bci_title span,
.modeDark .figura-bci-left span,
.modeDark .figura-bci-center span {
	color: var(--mdb-yellow) !important;
}

/* Sliders y carruseles */
.modeDark .swiper-button-next,
.modeDark .swiper-button-prev {
	background: var(--light) !important;
}

.modeDark .swiper-button-next,
.modeDark .swiper-button-prev {
	background: var(--mdb-yellow) !important;
}

.modeDark .swiper-button-next:hover,
.modeDark .swiper-button-prev:hover {
	background: var(--opacity-gray) !important;
}

.modeDark .swiper-pagination .swiper-pagination-bullet-active {
	background: var(--mdb-yellow) !important;
}

.modeDark .swiper-pagination .swiper-pagination-bullet {
	border-color: var(--mdb-yellow) !important;
}

.modeDark .owl-carousel .owl-dot.active span {
	background: var(--mdb-yellow) !important;
}

.modeDark .owl-carousel .owl-dot span {
	border-color: var(--mdb-yellow) !important;
}

/* Soluciones de pago */
.modeDark .card-soluciones .icon-circle {
	background: var(--mdb-yellow) !important;
}

.modeDark .card-soluciones .icon-circle span {
	color: var(--dark) !important;
}

.modeDark .card-soluciones .list-check::before {
	filter: grayscale(1);
}

.modeDark .card-soluciones .list-check b {
	color: var(--mdb-yellow) !important;
}

.modeDark .recordatorio-sl {
	background: var(--dark) !important;
	color: var(--light) !important;
}

/*Canales de atención*/
.modeDark .banner-estaticos .banner-estaticos--descript-interno .list-numbers,
.modeDark .banner-estaticos .banner-estaticos--descript-interno .list-numbers li p {
	color: var(--mdb-yellow) !important;
}

.modeDark .banner-estaticos .banner-estaticos--descript-interno .list-numbers li p span {
	color: var(--light) !important;
}

.modeDark .nav-section-tabs .item-empresas .nav-link.active span {
	color: var(--mdb-yellow) !important;
}

.modeDark .nav-section-tabs .item-empresas .nav-link.active::after {
	background-color: var(--mdb-yellow) !important;
}

/* Preguntas frecuentes*/
.modeDark .preguntas-frecuentes .icon-circle {
	background: var(--mdb-yellow) !important;
}

.modeDark .preguntas-frecuentes .icon-circle span {
	color: var(--dark) !important;
}

.modeDark .pf-nav .pf-categoria.active:before {
	background: var(--mdb-yellow) !important;
}

.modeDark .pf-nav .pf-categoria.active .pf-categoria--titulo {
	color: var(--mdb-yellow) !important;
}

.modeDark .pf-nav .pf-items--personas .nav-link.active,
.modeDark .pf-nav .pf-items--personas-mobile .nav-link.active,
.modeDark .pf-nav .pf-items--empresas .nav-link.active,
.modeDark .pf-nav .pf-items--empresas-mobile .nav-link.active {
	color: var(--mdb-yellow) !important;
}

/* Ayudanos a mejorar*/
.modeDark .cuentanos .card_cuentanos.reclamos {
	background: var(--mdb-opacity-yellow) !important;
}

.modeDark .cuentanos .icon-chat {
	background: var(--mdb-yellow) !important;
}

/* Soluciones de pago - Pagos en línea*/
.modeDark .tabs-pasos .nav-tabs .nav-item a.active {
	border-bottom-color: var(--mdb-yellow) !important;
}

.modeDark .pasos_portal .card-portal .card-portal-guia {
	z-index: 2;
}

.modeDark .pasos_portal .card-portal,
.modeDark .pasos_portal .card-portal .card-body {
	background: var(--mdb-body-bg) !important;
}

.modeDark .pasos_portal .card-portal .card-portal-guia {
	filter: var(--filter-mdb-yellow);
}

.modeDark .pasos_portal .card-portal .card-body p span,
.modeDark .pasos_portal .card-portal .card-body u,
.modeDark .pasos_portal .card-portal .card-body b {
	color: var(--mdb-yellow) !important;
}

/* Registrate paso a paso */
.modeDark .new_banners-text .figura-bci_title b {
	color: var(--mdb-yellow) !important;
}

.modeDark .paso_previo .paso_previo-int {
	background: var(--mdb-body-bg) !important;
}

/* Seguros */
.modeDark .como-utilizo-seguro .icon-circle {
	background: var(--mdb-yellow) !important;
}

.modeDark .como-utilizo-seguro .icon-circle span {
	color: var(--dark) !important;
}

.modeDark .accordion-normaliza .accordion-button:not(.collapsed) .accordion-title {
	color: var(--mdb-yellow) !important;
}

.modeDark .accordion-normaliza .accordion-body .bold {
	color: var(--mdb-yellow) !important;
}

.modeDark .accordion-normaliza .accordion-button:not(.collapsed):before {
	background: var(--mdb-yellow) !important;
}

/* Widget Necesitas Ayuda*/
.modeDark .necesitas-ayuda-interno .fa-arrow-right {
	background: var(--mdb-yellow) !important;
	color: var(--dark) !important;
}

.modeDark .pantalla_contacto .icono-salir .fa-arrow-right-from-bracket,
.modeDark .pantalla_contacto .icono-salir span {
	color: var(--mdb-yellow) !important;
}

.modeDark .pantalla-info h2.bold,
.modeDark .pantalla-info h2 .mdb-text-blue {
	color: var(--mdb-yellow) !important;
}

.modeDark .contacto-icon,
.modeDark .pantalla_contacto .icono-atras {
	background: var(--mdb-yellow) !important;
}

.modeDark .contacto-icon-interno,
.modeDark .pantalla_contacto .icono-atras i {
	color: var(--dark) !important;
}

/* widget Paga en línea*/
.modeDark .menu_botones .icono-salir span,
.modeDark .menu_botones .icono-salir .fa-arrow-right-from-bracket {
	color: var(--mdb-yellow) !important;
}
.modeDark .menu_botones .content-btn_interno::after {
	background: var(--mdb-yellow) !important;
} 
.modeDark .pantalla_contacto .icono-salir span {
	color: var(--mdb-yellow) !important;
}

.modeDark .menu_botones_content .content-btn:hover .content-btn_interno{
	background: var(--dark) !important;
	border-color: var(--light) !important;
}
/*-------------------------------------------------------------------*/
/* MODO ESCALA DE GRISES (GRAY MODE) */
/*-------------------------------------------------------------------*/

/* Variables del modo escala de grises */
.modeGray {
	--wk-blue-300: var(--gray-dark) !important;
	--wk-green-400: var(--gray-dark) !important;
	--wk-green-500: var(--gray-dark) !important;
	--wk-blue-500: var(--gray-dark) !important;
	--wk-red-500: var(--gray-dark) !important;
	--wk-yellow-500: var(--gray-dark) !important;
	--wk-orange-500: var(--gray-dark) !important;
	--wk-purple-500: var(--gray-dark) !important;
	--wk-pink-500: var(--gray-dark) !important;
	--wk-gray-500: var(--gray-dark) !important;
	--wk-black-500: var(--gray-dark) !important;
	--mdb-blue: var(--gray-dark) !important;
	--mdb-red: var(--gray-dark) !important;
	--mdb-green: var(--gray-dark) !important;
	--mdb-yellow: var(--gray-dark) !important;
	--mdb-opacity-green: var(--opacity-gray) !important;
	--mdb-opacity-yellow: var(--opacity-gray) !important;
	--mdb-opacity-red: var(--opacity-gray) !important;
	--mdb-opacity-blue: var(--opacity-gray) !important;
	--grayscale: #F6F7F8 !important;
	color-scheme: light;
}

/* Filtros de escala de grises para imágenes */
.modeGray img,
.modeGray img:hover {
	filter: grayscale(100%) !important;
}

/* Elementos con filtro de escala de grises */
.modeGray .figura-bci-left:before,
.modeGray .figura-bci-center:before,
.modeGray .video-normaliza>div,
.modeGray .list-check::before,
.modeGray .chat-channel-lynn-button,
.modeGray .rc-anchor-logo-img {
	filter: grayscale(100%);
}

/* Botones en modo escala de grises */
.modeGray .kampyle_vertical_button .kampyle_button-text {
	background: var(--gray-dark) !important;
}

.modeGray .bci-wk-btn--primary:hover {
	background: var(--gray) !important;
}

.modeGray .bci-wk-btn--secundary:hover {
	background: var(--opacity-gray) !important;
}

.modeGray .necesitas-ayuda-interno .fa-arrow-right {
	background: var(--gray) !important;
	color: var(--light) !important;
}

/* Swiper en modo escala de grises */
.modeGray .banner-slider .swiper-pagination .swiper-pagination-bullet {
	border: 1px solid var(--gray);
}

.modeGray .banner-slider .swiper-pagination .swiper-pagination-bullet-active {
	background: var(--gray);
}

.modeGray .paso_previo .paso_previo-int,
.modeGray .pasos_portal .card-portal.check {
	background: var(--grayscale) !important;
}

.modeGray .pasos_portal-final {
	filter: grayscale(1) !important;
}

/*-------------------------------------------------------------------*/
/* CURSORES PERSONALIZADOS */
/*-------------------------------------------------------------------*/

/* Variables de cursores globales */
:root {
	--global-cursor-track: url('https://cdn3.bci.cl/uploads/adcfd69a-0e91-40e3-a7f1-5de1e9150531/original/cursor-default.png') 0 0, auto !important;
	--global-cursor-pointer: url('https://cdn3.bci.cl/uploads/95f813d2-4e6a-41b7-81e5-f1e38d61e09b/original/cursor-pointer.png') 40 0, pointer !important;
}

/* Cursor personalizado por defecto */
.custom_cursor {
	cursor: var(--global-cursor-track);
}

/* Cursor pointer para elementos interactivos */
.custom_cursor a,
.custom_cursor button,
.custom_cursor .card-equipo,
.custom_cursor [onclick],
.custom_cursor .ripple,
.custom_cursor .btn-menu-mobile,
.custom_cursor #nebula_div_btn,
.custom_cursor .kampyle_vertical_button,
.custom_cursor .chat-custom,
.custom_cursor .chat-channel-lynn-button {
	cursor: var(--global-cursor-pointer) !important;
}

/* Clase utilitaria para cursor pointer */
.custom_pointer {
	cursor: var(--global-cursor-pointer);
}