/*
Theme Name: Jevelin Child
Description: Child theme for Jevelin theme
Author: Shufflehound
Author URI: http://shufflehound.com
Template: jevelin
*/

/* Add your custom CSS below */




/*INICIO CAMBIOS PERSONALIZADOS BANCA MODERNA*/

body h1, body h2, body h3, body h4, body h5, body h6, .sh-heading span.sh-heading-content {
        font-family: 'BiNeoIndustrial-Bold' !important;
    }

body{ 
    font-family: 'Open Sans' !important;
}





html body{
	   /* font-family: "Lato", sans-serif !important;*/
}




p {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5 !important;
    font-family: "Lato", sans-serif;
    font-style: normal;
	margin: 0 0 0px;
}

a{
	    font-size: 1.4rem;
}



.wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin-bottom: 0px;
}









.beneficiosicion{
border-right: solid 0.5px grey;
}

	

@media only screen and (max-width: 720px) {
	
.beneficiosicion {

    height: auto !important;
  
}
	
}

@media only screen and (max-width: 800px) {
.beneficiosicion {
    border-right: none;
}
.press {
    text-align: center !important;
}
	
	.opt1show .vc_column-inner {
    height: auto !important;
}
	
		.opt2show .vc_column-inner {
    height: auto !important;
}
	
	
		.opt3show .vc_column-inner {
    height: auto !important;
}
	
}

.buttonfondoblanco1 .vc_btn3.vc_btn3-size-lg{

    color: white !important;
    background-color: #003865 !important;
border-radius: 16px 0px;

}

.buttonfondoblanco1 .vc_btn3.vc_btn3-size-lg:hover {

    color: white !important;
    background-color: #00C1D4 !important;
    
}

.buttonfondoblanco1 .vc_btn3.vc_btn3-size-md {

    color: white !important;
    background-color: #003865 !important;
border-radius: 16px 0px;
min-width: 166px;
	font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.buttonfondoblanco1 .vc_btn3.vc_btn3-size-md:hover {

    color: white !important;
    background-color: #00C1D4 !important;
    
}


.vc_btn3.vc_btn3-size-lg {
    color: white;
    background-color: #001c71;
    border-radius: 25px;
  
}


.vc_btn3.vc_btn3-size-lg:hover {
    color: white !important;
    background-color: #1242d7 !important;
}

.vc_btn3.vc_btn3-size-md {
    color: white;
    background-color: #001c71;
    border-radius: 25px;
    min-width: 166px;
}


.vc_btn3.vc_btn3-size-md:hover {
    color: white !important;
        background-color: #00C1D4 !important;
    border-color: #00C1D4 !important;
}



.textofondoblanco1{
text-decoration: underline;
}


.portal-icon-{
font-size: 90px;
}

/*Actualizacion de iconos el 26 de sep 2022 por Melvin*/
[class^="bc-"], 
[class*=" bc-"] {
	font-size: 5rem;
	color: #003865;
}

button.selected{
   color: #fff !important;
    border-color: #00C1D4 !important;
    background-color: #00C1D4 !important;
}




.press .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #003865;
    border-color: #00C1D4;
    background-color: #fff;
    border-radius: 16px 0px;
    min-width: 166px;
}

.press .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: #fff;
    border-color: #00C1D4;
    background-color: #00C1D4;
}


.quetzalshow {
    margin-bottom: 20px;
}

.dolaresshow {
    margin-bottom: 20px;
}

.debitoshow {
    margin-bottom: 20px;
}

.creditoshow {
    margin-bottom: 20px;
}

.otrasshow {
    margin-bottom: 20px;
}


.vc_btn3-container.buttonfondoblanco1.vc_btn3-left {
    margin-bottom: 10px;
}


/*.vc_row_shadow3, .vc_row_shadow3_hover:hover, .vc_column_shadow3, .vc_column_shadow3_hover:hover {
    box-shadow: none !important;
    border: 1px solid #003865 !important;
    border-radius: 40px 0px !important;
}*/

.beneficiosicion{
       margin-top: 10px;
    text-align: center;
    padding-top: 20px;
    height: 250px;
    max-height: 513px;
    min-height: 200px;
}


[class^="portal-icon-"]:hover,	
[class*=" portal-icon-"]:hover {	
  color: #003865;	
}

/*
.beneficiosicion.wpb_column.vc_column_container:hover{
  color: #001c71;
}
*/

[class^="portal-icon-"],
[class*=" portal-icon-"] {

  color: #003865;
}


.sh-accordion-content-cell p a {
	text-decoration: underline;
}

.quetzalshow .vc_column-inner {
height: 358px;
}

.dolaresshow .vc_column-inner {
height: 358px;
}

.opt1show .vc_column-inner {
    height: auto;
    max-height: 440px;
	min-height: 365px;
}

.opt2show .vc_column-inner {
    height: auto;
    max-height: 440px;
	min-height: 365px;
}

.opt3show .vc_column-inner {
    height: auto;
    max-height: 440px;
    min-height: 365px;
}

.divisasshow .vc_column-inner {
height: 358px;
}

.mediosdepagoshow .vc_column-inner {
height: 358px;
}

.financiamientoshow .vc_column-inner {
height: 358px;
}


.border-right{
	    border-right: none;
}

.textgaleriadescripcion {
    height: 45px;
}



body h1{
    font-family: "BiNeoIndustrial-Bold" !important;
	letter-spacing: 1px !important;

}



body h2 {
    font-family: 'BiNeoIndustrial-Bold' !important;
font-size: 28px;
/*display: inline-block;*/
position: relative;
font-style: normal !important;
}

/*body h2:before {
content: "";
position: absolute;
width: 80%;
height: 5px;
bottom: -5px;
right: 0%;
border-bottom: 4px solid #00C1D4;
}*/


/*body  h2:before {
content: "";
position: absolute;
width: 80%;
height: 5px;
bottom: -5px;
right: 0%;
border-bottom: 4px solid #00C1D4;
}*/


body .post-title h2:before {
content: "";
position: absolute;
width: 0%;
height: 5px;
bottom: 0;
right: 0%;
border-bottom: 5px solid #FFB81C;
}

body h3, select {
    font-family: 'BiNeoIndustrial-Bold' !important;
    letter-spacing: 1px !important;
}

body h4 {
    font-family: 'BiNeoIndustrial-Bold' !important;
	letter-spacing: 0.5px !important;
	font-style: normal !important;
}

body h5 {
    font-family: 'BiNeoIndustrial-Bold' !important;
	letter-spacing: 0.5px !important;
	font-weight: 300!important;
}


body h6 {
    font-family: 'BiNeoIndustrial-Bold' !important;
    letter-spacing: 1px !important;
}


body p {
    line-height: 30px !important;
    /*font-family: 'AndesNeue-Medium' !important;*/
    font-size: 15px !important;
}

.textgaleriadescripcion {
    height: 45px;
    margin-top: 10px;
	margin-bottom: 50px;
}

button {
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 16px !important;
}

a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
}


.sh-accordion-title {
    font-weight: normal;
    font-family: 'BiNeoIndustrial-Bold';
    font-size: 20px;
	
}

h6{
	text-decoration: underline;
}




.sh-single-image-overlay {

    background-color: rgb(52 80 154 / 0.8);

}


h5.sh-heading-content.size-default.text-left {
    height: auto;
    max-height: 90px;
    min-height: 63px;
}



.sh-accordion .panel-title a, .sh-accordion .panel-title a i {
    color: #ffffff;
    background-color: red;
}

.textofondoblanco1 a{
    color: #6e6f70 !important;
    font-family: 'BiNeoIndustrial-Bold' !important;
    font-size: 15px !important;
}


.textofondoblanco1 a:hover{
    color: #001C71 !important;

}


.sh-table-cell-top a{
	    color: #003865 !important;
    font-family: 'BiNeoIndustrial-Bold' !important;
    font-size: 15px !important;
}

.sh-table-cell-top a:hover{
color: #2D8C9E !important;
}


.sh-text-block a{
    color: #6e6f70 !important;
    font-family: 'BiNeoIndustrial-Bold' !important;
    font-size: 15px !important;
}

.sh-text-block a:hover{
color: #2d8c9e !important;
}

.sh-tabs-filter li a {
	    font-family: 'BiNeoIndustrial-Regular' !important;
}

.tab-pane {
line-height: 2.2em !important;
font-family: 'BiNeoIndustrial-Regular' !important;
}

html body {
    font-family: 'BiNeoIndustrial-Regular';
}


a.textofondoblanco1  {
    color: #6e6f70 !important;
    font-family: 'BiNeoIndustrial-Regular' !important;
    font-size: 18px !important;
}

a.textofondoblanco1:hover  {
    color: #2d8c9e !important;
	text-decoration: underline;
}

h3.sh-heading-content.size-default.text-left {
    height: 40px;
}



.galeriahomebi {
    margin-bottom: 20px;
}


p.opthome {
    font-size: 18px !important;
    font-family: 'BiNeoIndustrial-Regular';
}


.mega-menu-row {
     padding: 0px 0px 0px 0px!important;
}


/*Cambios personalizados banca moderna blog 
.masonry2 .post-item:not(.format-quote):not(.format-link) .post-content-container { 
    height: 320px;
}
*/

.sh-blog-single-meta.row {
    max-width: 100%;
}

/*.content-container {
    padding: 60px 0px !important;
}*/

.downloadDocs .vc_column-inner {
    height: 315px;
margin-bottom: 30px;
}

.footer-derechos p {
     color: #FFFFFF !important;
}

.footer .wpb_content_element  {
    margin-bottom: 0px !important;
}

.pushinfografia{
 margin-bottom: -60px !important;
}


 body h1, body h2, body h3, body h4, body h5, body h6 {
	color:#003865 !important;
}


/*

slider

 rs-module .rs-layer {
    user-select: none;
    background-color: rgba(0, 56, 101, 0.82) !important;
	 border-top-left-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

*/

.galeriahomebi.vc_column_container>.vc_column-inner{
	border-top-left-radius: 40px !important;
	border-bottom-right-radius: 40px !important;
}


.quetzalshow .vc_column-inner,.dolaresshow .vc_column-inner,.opt1show .vc_column-inner,.opt2show .vc_column-inner,.opt3show .vc_column-inner, 
.creditoshow .vc_column-inner, .debitoshow .vc_column-inner, .otrasshow .vc_column-inner, .financiamientoshow .vc_column-inner, .mediosdepagoshow .vc_column-inner, .divisasshow .vc_column-inner, .downloadDocs .vc_column-inner, .wpb_column .vc_column-inner  {

    border-top-left-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
}
/*
.fb_dialog_content iframe {
     bottom: 300px !important;
	
}
*/
.fb_iframe_widget iframe {

    right: 80px !important;
}

/*
.sh-back-to-top.active {
    display: none !important;
}
*/



@media (max-width: 700px) {

    .sh-footer-template {
    margin-bottom: 86px !important;
}
	
/*	.fb_dialog_content iframe {

       bottom: 75px !important;
}*/
	
	.fb_iframe_widget iframe {
    
    right: 0px !important;
	
}
	
	
}


/* ACTUALIZACION 20/05/2022*/	

/* Font BiNeoIndustrial Inicio */	

@font-face {	
	font-family: "BiNeoIndustrial-Regular";	
	src:url('fonts/BiNeoIndustrialFont/BiNeoIndustrial-Regular.ttf');	
	font-display: swap !important;	
}	
@font-face {	
	font-family: "BiNeoIndustrial-Bold";	
	src:url('fonts/BiNeoIndustrialFont/BiNeoIndustrial-Bold.ttf');	
	font-display: swap !important;	
}

rs-layer:not(.rs-wtbindex), .rs-layer:not(.rs-wtbindex), rs-alyer *:not(.rs-wtbindex), .rs-layer *:not(.rs-wtbindex) {	
    outline: none !important;	
    font-family: 'BiNeoIndustrial-Regular' !important;	
}

/* Font BiNeoIndustrial Fin*/	

/* Font Andes Inicio */	

/*@font-face {	
	font-family: "AndesNeue-Medium";	
	src:url('fonts/AndesFont/AndesNeue-Medium.otf');	
	font-display: swap !important;	
}*/

/*Actualización 12/09/2023|Melvin Garcia|mruiz@bi.com.gt| Mover fonts fuera de la carpeta de Jevelin|Para Portal Corporativo */
/*
@font-face {	
	font-family: "BiNeoIndustrial-Regular";	
	src:url('https://www.corporacionbi.com/gt/bancoindustrial/wp-content/fonts/BiNeoIndustrialFont/BiNeoIndustrial-Regular.ttf');
	font-display: swap !important;	
}	

@font-face {	
	font-family: "BiNeoIndustrial-Bold";	
	src:url('https://www.corporacionbi.com/gt/bancoindustrial/wp-content/fonts/BiNeoIndustrialFont/BiNeoIndustrial-Bold.ttf');	
	font-display: swap !important;	
}

@font-face {	
	font-family: "AndesNeue-Medium";	
	src:url('https://www.corporacionbi.com/gt/bancoindustrial/wp-content/fonts/AndesFont/AndesNeue-Medium.otf');
	font-display: swap !important;	
}*/

/* Font Andes Fin */	


/* a.rs-layer, a.rs-layer:-webkit-any-link {	
    text-decoration: none;	
    border-radius: 16px 0px !important;	
}	 */


.vc_row.vc_row-o-content-middle>.vc_column_container>.vc_column-inner {	
    border-radius: 40px 0px !important;	
}	
.headerbuscador .vc_column_container>.vc_column-inner {	
    padding-left: 0px;	
    padding-right: 0px;	
}	
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link {	
    font-family: 'BiNeoIndustrial-Regular';	
}

mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {	
     font-family: 'BiNeoIndustrial-Regular';	
}	
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {	
   font-family: 'BiNeoIndustrial-Regular';	
}

html .menu-item a {	
   font-family: 'BiNeoIndustrial-Regular' !important;	
}	
em{	
	font-style: normal !important;	
}

button, input, select, textarea {
    font-family: 'BiNeoIndustrial-Regular';
    font-style: normal;
}

.recuadro1 .vc_column_shadow3 {
    border: none !important;
}

.recuadro2 .vc_column_shadow3 {
    border: 1px solid #FFB200 !important;
}

.recuadro3 .vc_column_shadow3 {
    border: 1px solid #3AB3C9 !important;
}

.masonry2 .post-item .post-container {
    border: 1px solid #003865 !important;
    border-radius: 40px 0px !important;
}

.masonry2 .post-item .post-content-container {
    box-shadow: none !important;
    border-radius: 40px 0px !important;
}

.masonry2 .post-item:hover .post-content-container {
    box-shadow: none !important;
    border-radius: 40px 0px !important;
}

.blog-style-grid .post-meta-thumb {
    border-radius: 40px 0px 0px 0px !important;
}

.vc_row_shadow2 {
    box-shadow: none !important;
    border: 1px solid #003865 !important;
    border-radius: 40px 0px !important;
}

.vc_column_shadow1 {
    box-shadow: none !important;
    border: 1px solid #003865 !important;
    border-radius: 40px 0px !important;
}

.wpb_single_image .vc_single_image-wrapper.vc_box_shadow img {
    box-shadow: none !important;
    border-radius: 40px 0px !important;
    border: 1px solid #003865 !important;
}

.wpb_single_image .vc_single_image-wrapper.vc_box_shadow {
    box-shadow: none !important;
    border-radius: 40px 0px !important;
}

.vc_row_shadow1, .vc_row_shadow1_hover:hover {
    box-shadow: none !important;
    border: 1px solid #003865 !important;
    border-radius: 40px 0px !important;
}

.vc_custom_1633473227301 {
    border: 1px solid #003865 !important;
    border-radius: 40px 0px !important;
}





/* ---------------------------------------------- */
/* ********************** */
/* **************************  */
/* ******************CLASES ADICIONALES ************************/
/* ---------------------------------------------- */




/*Actualización 03/02/2023|Erik Hernández|ehernandezl@bi.com.gt| clase con color #00C1D4 para dejar seleccionado el primer botón al recargar la página|DISEÑO 1|Para Portal Corporativo */

.seleccion .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background-color:#00C1D4 !important;
    color: white !important;
    border-color: #00C1D4 !important;
}


/*Actualización 03/02/2023|Erik Hernández|ehernandezl@bi.com.gt| clase para darle estilo a botón con color amarillo| con hover azul||Para Portal Corporativo */

/* ---------------------------------------------- */
.btn-amarillo-azul .vc_btn3.vc_btn3-size-md {
    color: #003865 !important;
    background-color: #FFB81C !important;
    border-radius: 16px 0px;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.btn-amarillo-azul .vc_btn3.vc_btn3-size-md:hover{
    color: white !important;
    background-color: #003865 !important;
	border: 1px solid #003865 !important;
}

.seleccion-3 .vc_btn3.vc_btn3-size-md{
    color: white !important;
    background-color: #003865 !important;
	border: 1px solid #003865 !important;
}
/* ---------------------------------------------- */


/* ---------------------------------------------- */
.btn-yellow-blue{
color: #003865 !important;
background-color: #FFB81C !important;
border-radius: 16px 0px;
border: 1px solid #FFB81C !important;
min-width: 166px;
font-family: "BiNeoIndustrial-Bold" !important;
font-size: 14px !important;
font-style: normal !important;
padding:6px;
}

.btn-yellow-blue:hover{
color: white !important;
background-color: #003865 !important;
border: 1px solid #003865 !important;
}

.seleccion-4{
color: white !important;
background-color: #003865 !important;
border: 1px solid #003865 !important;
}
/* ---------------------------------------------- */


/*Actualización 06/02/2023|Erik Hernández|ehernandezl@bi.com.gt|clase para darle estilo a botón con color azul|con hover amarillo||Para Portal Corporativo */

/* ---------------------------------------------- */
.btn-azul-amarillo .vc_btn3.vc_btn3-size-md {
	color: white !important;
    background-color: #003865 !important;
    border-radius: 16px 0px;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.btn-azul-amarillo .vc_btn3.vc_btn3-size-md:hover{
	color: #003865 !important;
    background-color: #FFB81C !important;
	border: 1px solid #FFB81C !important;
}
/* ---------------------------------------------- */


/*Actualización 06/02/2023|Erik Hernández|ehernandezl@bi.com.gt| clase con color #FFB81C para dejar seleccionado el primer botón al recargar la página|DISEÑO 2|Para Portal Corporativo */
.seleccion-2 .vc_btn3.vc_btn3-size-md {
    background-color:#FFB81C !important;
    color: #003865 !important;
    border-color: #FFB81C !important;
}


/*Actualización 07/02/2023|Erik Hernández|ehernandezl@bi.com.gt| clase para agregar un hover a los enlaces de determinado color|DISEÑO 1|Para Portal Corporativo */

/* ---------------------------------------------- */
[class$="link-style-1"] {
    color: #003865 !important;
	font-family: "BiNeoIndustrial-Bold" !important;
    font-size:20px;
	transition: all 0.3s ease;
	cursor:pointer;
}

[class$="link-style-1"]:hover {
    color: #2D8C9E !important;
}
/* ---------------------------------------------- */


/*Actualización 08/02/2023|Erik Hernández|ehernandezl@bi.com.gt| clase para agregar una linea vertical y separar secciones|DISEÑO 1|Para Portal Corporativo */

/* ---------------------------------------------- */
.vertical-line-1 {
    margin-top: -10px;
    text-align: center;
    padding-top: 0px;
    height: 26px;
    max-height: 478px;
    min-height: 70px;
	border-right: solid 0.5px #003865;
}

@media only screen and (max-width: 600px) {
 
  .vertical-line-1 {
    display:none;
    margin-bottom:20px;
    }
}
/* ---------------------------------------------- */



/*Actualización 08/02/2023|Erik Hernández|ehernandezl@bi.com.gt| clases para agregar un tamaño determinado a las icons||Para Portal Corporativo */

/* ---------------------------------------------- */
.icon-size-standard:before{
	font-size:40px !important; 
}

.icon-size-small:before{
   font-size: 16px !important; 
}

.icon-size-medium:before{
   font-size: 32px !important; 
}

.icon-size-large:before{
   font-size: 64px !important;
}

.icon-size-xlarge:before{
	font-size:128px !important;
}
/* ---------------------------------------------- */

/*Actualización 16/02/2023 - Adolfo Najarro - Color y tamaño de iconos nueva linea portal corporativo */


[class^="portalnuevo"] {
    color: #003865;
}




/*Actualización 16/02/2023|Erik Hernández|ehernandezl@bi.com.gt| clase para darle estilo a boton color #00C1D4 en estructura btn-slidedown |con hover aqua||Para Portal Corporativo */

/* ---------------------------------------------- */
.btn-slide .vc_btn3.vc_btn3-size-md {
	color: #003865 !important;
	border-color: #00C1D4 !important;
	background-color: #fff !important;
	border-radius: 16px 0px !important;
	min-width: 166px;
}

.btn-slide .vc_btn3.vc_btn3-size-md:hover{
	background-color:#00C1D4 !important;
    color: white !important;
    border-color: #00C1D4 !important;
}
/* ---------------------------------------------- */


/*Actualización 16/02/2023|Erik Hernández|ehernandezl@bi.com.gt|clase con color #FFB81C para dejar seleccionado el primer botón al recargar la página|DISEÑO 3|Para Portal Corporativo */
.btn-slide-seleccion .vc_btn3.vc_btn3-size-md {
    background-color:#00C1D4 !important;
    color: white !important;
    border-color: #00C1D4 !important;
}


/*Actualización 22/02/2023|Erik Hernández|ehernandezl@bi.com.gt|clase para realizar animación al hacer hover en la imagen|DISEÑO 1|Para Portal Corporativo */

/* ---------------------------------------------- */
.hover-animate-1{
	content:url("https://www.corporacionbi.com/gt/bancoindustrial/wp-content/uploads/2023/02/MicrosoftTeams-image-1.png");
  	width:226px !important;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}


.hover-animate-1:hover{
  content: url("https://www.corporacionbi.com/gt/bancoindustrial/wp-content/uploads/2023/02/MicrosoftTeams-image-2.png")!important;
  cursor:pointer;
  width:226px !important;
  transform: scale(1.1) !important;
}
/* ---------------------------------------------- */



/*Actualización 22/02/2023|Erik Hernández|ehernandezl@bi.com.gt|clase para realizar animación al hacer hover en la imagen|DISEÑO 2|Para Portal Corporativo */


/* ---------------------------------------------- */
.hover-animate-2{
	content:url("https://www.corporacionbi.com/gt/bancoindustrial/wp-content/uploads/2023/02/MicrosoftTeams-image-4.png");
  	width:226px !important;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}


.hover-animate-2:hover{
  content: url("https://www.corporacionbi.com/gt/bancoindustrial/wp-content/uploads/2023/02/MicrosoftTeams-image-5.png")!important;
  cursor:pointer;
  width:226px !important;
  transform: scale(1.1) !important;
}
/* ---------------------------------------------- */





/*Actualización 23/02/2023|Erik Hernández|ehernandezl@bi.com.gt|clases para controlar el radio del borde de un elemento |TOP LEFT |Para Portal Corporativo */


/* ---------------------------------------------- */
.rounded-tl-none.vc_row.vc_row-o-content-middle>.vc_column_container>.vc_column-inner{
	border-top-left-radius:0px !important;
}

.rounded-tl-sm{
	border-top-left-radius: 0.125rem !important; /* 2px */
}

.rounded-tl{
	border-top-left-radius: 0.25rem !important; /* 4px */
}

.rounded-tl-md{
	border-top-left-radius: 0.375rem !important; /* 6px */
}

.rounded-tl-lg{
	border-top-left-radius: 0.5rem !important; /* 8px */
}

.rounded-tl-xl{
	border-top-left-radius: 0.75rem !important; /* 12px */
}

.rounded-tl-2xl{
	border-top-left-radius: 1rem !important; /* 16px */
}

.rounded-tl-3xl{
	border-top-left-radius: 1.5rem !important; /* 24px */
}


.rounded-tl-4xl{
	border-top-left-radius: 2rem !important; /* 32px */
}


.rounded-tl-5xl{
	border-top-left-radius: 3.125rem !important; /* 48px */
}

.rounded-tl-6xl{
	border-top-left-radius: 5rem !important; /* 80px */
}

.rounded-tl-full{
	border-top-left-radius: 9999px !important; 
}
/* ---------------------------------------------- */



/*Actualización 24/02/2023|Erik Hernández|ehernandezl@bi.com.gt|clases para controlar el radio del borde de un elemento |BOTTOM RIGHT |Para Portal Corporativo */


/* ---------------------------------------------- */
.rounded-br-none.vc_row.vc_row-o-content-middle>.vc_column_container>.vc_column-inner {
    border-bottom-right-radius: 0px !important;
}

.rounded-br-sm{
    border-bottom-right-radius: 0.125rem !important; /*2px*/
}


.rounded-br{
    border-bottom-right-radius: 0.25rem !important; /*2px*/
}


.rounded-br-md{
	border-bottom-right-radius: 0.375rem !important; /* 6px */
}

.rounded-br-lg{
	border-bottom-right-radius: 0.5rem !important; /* 8px */
}

.rounded-br-xl{
	border-bottom-right-radius: 0.75rem !important; /* 12px */
}

.rounded-br-2xl{
	border-bottom-right-radius: 1rem !important; /* 16px */
}

.rounded-br-3xl{
	border-bottom-right-radius: 1.5rem !important; /* 24px */
}


.rounded-br-4xl{
	border-bottom-right-radius: 2rem !important; /* 32px */
}


.rounded-br-5xl{
	border-bottom-right-radius: 3.125rem !important; /* 48px */
}

.rounded-br-6xl{
	border-bottom-right-radius: 5rem !important; /* 80px */
}

.rounded-br-full{
	border-bottom-right-radius: 9999px !important; 
}
/* ---------------------------------------------- */




/*Actualización 01/03/2023|Erik Hernández|ehernandezl@bi.com.gt|clases para darle estilo al botón con distintas variaciones|con distintos Hover|DISEÑO 1 |Para Portal Corporativo */


/* ---------------------------------------------- */
.btn-corp-01 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: white !important;
    background-color: #003865 !important;
    border-radius: 10px;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.btn-corp-01 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover{
    color: white !important;
    background-color: #00C1D4 !important;
	border: 1px solid #00C1D4 !important;
}
/* ---------------------------------------------- */



/* ---------------------------------------------- */
.btn-corp-02 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: white !important;
    background-color: #00C1D4 !important;
    border-radius: 10px;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.btn-corp-02 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover{
    color: #003865 !important;
    background-color: #FFB200 !important;
	border: 1px solid #FFB200 !important;
}
/* ---------------------------------------------- */




/* ---------------------------------------------- */
.btn-corp-03 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: white !important;
    background-color: #003865 !important;
    border-radius: 10px;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.btn-corp-03 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover{
    color: #003865 !important;
    background-color: transparent !important;
	border: 1px solid #003865 !important;
}
/* ---------------------------------------------- */




/* ---------------------------------------------- */
.btn-corp-04 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: white !important;
    background-color: #00C1D4 !important;
    border-radius: 10px;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.btn-corp-04 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover{
    color: #00C1D4 !important;
    background-color: transparent !important;
	border: 1px solid #00C1D4 !important;
}
/* ---------------------------------------------- */





/* ---------------------------------------------- */
.btn-corp-05 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: #003865 !important;
    background-color: #FFB200 !important;
    border-radius: 10px;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.btn-corp-05 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover{
    color: white !important;
    background-color: #003865 !important;
	border: 1px solid #003865 !important;
}
/* ---------------------------------------------- */




/* ---------------------------------------------- */
.btn-corp-06 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: #003865 !important;
    background-color: #FFB200 !important;
    border-radius: 10px;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.btn-corp-06 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover{
    color: white !important;
    background-color: #00C1D4 !important;
	border: 1px solid #00C1D4 !important;
}
/* ---------------------------------------------- */



/* ---------------------------------------------- */
.btn-corp-07 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: #003865 !important;
    background-color: white !important;
    border-radius: 10px;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.btn-corp-07 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover{
    color: white !important;
    background-color: #003865 !important;
	border: 1px solid #003865 !important;
}
/* ---------------------------------------------- */




/* ---------------------------------------------- */
.btn-corp-08 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: #003865 !important;
    background-color: white !important;
    border-radius: 10px;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.btn-corp-08 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover{
    color: white !important;
    background-color: #00C1D4 !important;
	border: 1px solid #00C1D4 !important;
}
/* ---------------------------------------------- */



/* ---------------------------------------------- */
.btn-corp-09 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: #00C1D4 !important;
    background-color: white !important;
    border-radius: 10px;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
	border: 1px solid #00C1D4 !important;
}

.btn-corp-09 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover{
    color: white !important;
    background-color: #00C1D4 !important;
	border: 1px solid #00C1D4 !important;
}
/* ---------------------------------------------- */



/* ---------------------------------------------- */
.btn-corp-09-seleccion .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: white !important;
    background-color: #00C1D4 !important;
    border-radius: 10px;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
	border: 1px solid #00C1D4 !important;
}
/* ---------------------------------------------- */






/*Actualización 01/03/2023|Erik Hernández|ehernandezl@bi.com.gt|clase para añadir un fondo coloreado y alterar con el efecto hover a una tonalidad distinta.|DISEÑO 1 |Para Portal Corporativo */

/*----------------------------------------------*/
.bg-blue-expert-0 {
background-color: #003865 !important;
}
/*---------------------------------------------- */



/* ---------------------------------------------- */
.bg-blue-expert-01 {
    background-color: #003865 !important;
    color: white !important;
	transition: all 0.3s ease-in-out !important;
}

.bg-blue-expert-01 i{
    color: white !important;
}

.bg-blue-expert-01 a{
    color: white !important;
}

.bg-blue-expert-01:hover{
    background-color: white !important;
    color: #003865 !important;
	cursor:pointer !important;
	box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.03) !important;
	opacity: 1 !important;
}

.bg-blue-expert-01:hover i{
    color: #003865 !important;
}

.bg-blue-expert-01:hover a{
    color: #003865 !important;
}


/* ---------------------------------------------- */





/* ---------------------------------------------- */
.bg-blue-expert-02 {
    background-color: white !important;
    color: #003865 !important;
	cursor:pointer !important;
	box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.03) !important;
	opacity: 1 !important;
}

.bg-blue-expert-02 i{
    color: #003865 !important;
}

.bg-blue-expert-02 a{
    color: #003865 !important;
}

.bg-blue-expert-02:hover{
	background-color: #003865 !important;
    color: white !important;
	transition: all 0.3s ease-in-out !important;
}

.bg-blue-expert-02:hover i{
    color: white !important;
}

.bg-blue-expert-02:hover a{
    color: white !important;
}

/* ---------------------------------------------- */




/* ---------------------------------------------- */
.bg-digital-aqua-01{
    background-color: #00C1D4 !important;
    color: white !important;
	transition: all 0.3s ease-in-out !important;
}

.bg-digital-aqua-01 i{
    color: white !important;
}

.bg-digital-aqua-01 a{
    color: white !important;
}

.bg-digital-aqua-01:hover{
    background-color: white !important;
    color:#00C1D4 !important;
	cursor:pointer !important;
    box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.03) !important;
	opacity: 1 !important;
}

.bg-digital-aqua-01:hover i{
    color: #00C1D4 !important;
}

.bg-digital-aqua-01:hover a{
    color: #00C1D4 !important;
}
/* ---------------------------------------------- */




/* ---------------------------------------------- */
.bg-yellow-01{
    background-color: #FFB81C !important;
    color:#003865 !important;
	transition: all 0.3s ease-in-out !important;
}

.bg-yellow-01 i{
    color: #003865 !important;
}

.bg-yellow-01 a{
    color: #003865 !important;
}

.bg-yellow-01:hover{
    background-color: white !important;
    color:#003865 !important;
	cursor:pointer !important;
    box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.03) !important;
	opacity: 1 !important;
}

.bg-yellow-01:hover i{
    color: #003865 !important;
}

.bg-yellow-01:hover a{
    color: #003865 !important;
}
/* ---------------------------------------------- */



/*Actualización 01/03/2023|Erik Hernández|ehernandezl@bi.com.gt|clases para controlar el tamaños de fuente de un elemento|DISEÑO 1|Para Portal Corporativo */


/* ---------------------------------------------- */
.bineo-bold-xs{
	font-size: 0.75rem !important; /* 12px */
	line-height: 1rem !important; /* 16px */
    font-family: "BiNeoIndustrial-Bold" !important;
}


.bineo-bold-sm{
	font-size:0.875rem !important; /* 14px */
	line-height:1.25rem !important; /* 20px */
    font-family: "BiNeoIndustrial-Bold" !important;
}



.bineo-bold-lg{
	font-size: 1.125rem !important; /* 18px */
	line-height: 1.75rem !important; /* 28px */
    font-family: "BiNeoIndustrial-Bold" !important;
}


.bineo-bold-xl{
	font-size:1.25rem !important; /* 20px */
	line-height:1.75rem !important; /* 28px */
    font-family: "BiNeoIndustrial-Bold" !important;
}


.bineo-bold-2xl{
	font-size:1.5rem !important; /* 24px */
	line-height:1.75rem !important; /* 32px */
    font-family: "BiNeoIndustrial-Bold" !important;
}

.bineo-bold-3xl{
	font-size:1.875rem !important; /* 30px */
	line-height:2.25rem !important; /* 36px */
    font-family: "BiNeoIndustrial-Bold" !important;
}

.bineo-bold-4xl{
	font-size:2.25rem !important; /* 36px */
	line-height:2.5rem !important; /* 40px */
    font-family: "BiNeoIndustrial-Bold" !important;
}

.bineo-bold-5xl{
	font-size: 3rem !important; /* 48px */
	line-height: 1 !important;
    font-family: "BiNeoIndustrial-Bold" !important;
}

.bineo-bold-6xl{
	font-size: 3.75rem !important; /* 60px */
	line-height: 1 !important;
    font-family: "BiNeoIndustrial-Bold" !important;
}

.bineo-bold-7xl{
	font-size: 4.5rem !important; /* 72px */
	line-height: 1 !important;
    font-family: "BiNeoIndustrial-Bold" !important;
}


.bineo-bold-8xl{
	font-size: 6rem !important; /* 96px */
	line-height: 1 !important;
    font-family: "BiNeoIndustrial-Bold" !important;
}


.bineo-bold-9xl{
	font-size: 8rem !important; /* 128px */
	line-height: 1 !important;
    font-family: "BiNeoIndustrial-Bold" !important;
}
/* ---------------------------------------------- */


/* ---------------------------------------------- */
.bineo-regular-xs{
	font-size: 0.75rem !important; /* 12px */
	line-height: 1rem !important; /* 16px */
    font-family: 'BiNeoIndustrial-Regular' !important;
}


.bineo-regular-sm{
	font-size:0.875rem !important; /* 14px */
	line-height:1.25rem !important; /* 20px */
    font-family: 'BiNeoIndustrial-Regular' !important;
}



.bineo-regular-lg{
	font-size: 1.125rem !important; /* 18px */
	line-height: 1.75rem !important; /* 28px */
    font-family: 'BiNeoIndustrial-Regular' !important;
}


.bineo-regular-xl{
	font-size:1.25rem !important; /* 20px */
	line-height:1.75rem !important; /* 28px */
    font-family: 'BiNeoIndustrial-Regular' !important;
}


.bineo-regular-2xl{
	font-size:1.5rem !important; /* 24px */
	line-height:1.75rem !important; /* 32px */
    font-family: 'BiNeoIndustrial-Regular' !important;
}

.bineo-regular-3xl{
	font-size:1.875rem !important; /* 30px */
	line-height:2.25rem !important; /* 36px */
    font-family: 'BiNeoIndustrial-Regular' !important;
}

.bineo-regular-4xl{
	font-size:2.25rem !important; /* 36px */
	line-height:2.5rem !important; /* 40px */
    font-family: 'BiNeoIndustrial-Regular' !important;
}

.bineo-regular-5xl{
	font-size: 3rem !important; /* 48px */
	line-height: 1 !important;
    font-family: 'BiNeoIndustrial-Regular' !important;
}

.bineo-regular-6xl{
	font-size: 3.75rem !important; /* 60px */
	line-height: 1 !important;
    font-family: 'BiNeoIndustrial-Regular' !important;
}

.bineo-regular-7xl{
	font-size: 4.5rem !important; /* 72px */
	line-height: 1 !important;
    font-family: 'BiNeoIndustrial-Regular' !important;
}


.bineo-regular-8xl{
	font-size: 6rem !important; /* 96px */
	line-height: 1 !important;
    font-family: 'BiNeoIndustrial-Regular' !important;
}


.bineo-regular-9xl{
	font-size: 8rem !important; /* 128px */
	line-height: 1 !important;
    font-family: 'BiNeoIndustrial-Regular' !important;
}
/* ---------------------------------------------- */





/*Actualización 06/03/2023|Erik Hernández|ehernandezl@bi.com.gt|clase para realizar animación al hacer hover en la imagen|DISEÑO 1|Para Portal Corporativo */


/* ---------------------------------------------- */
.hover-animate-3{
	width: 3.6rem !important;
	min-width:40px !important;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}


.hover-animate-3:hover{
  width: 3.6rem !important;
  cursor:pointer;
  transform: scale(1.2) !important;
}
/* ---------------------------------------------- */


/*Actualización 06/03/2023|Erik Hernández|ehernandezl@bi.com.gt| clases para agregar tamaño y estilo a botones en Rediseño Portal Home |DISEÑO 1|Para Portal Corporativo */

/* ---------------------------------------------- */
.btn-xs-1 {
    font-size: 12px;
    color: white !important;
    background-color: #003865 !important;
    max-width: fit-content !important;
    display: flex;
    padding: 0.5em 2em;
    border-radius: 1em;
    text-align: center;
    cursor: pointer;
	font-weight: bold;
	transition: all .2s ease-in-out;
}

.btn-xs-1:hover {
    color: white !important;
    background-color: #00C1D4 !important;
}
/* ---------------------------------------------- */


/* ---------------------------------------------- */
@media screen and (max-width: 800px) {
    .btn-xs-1 {
      margin-bottom: 16px !important;
    }
}
/* ---------------------------------------------- */



/* ---------------------------------------------- */
.btn-xs-2 {
    font-size: 12px;
    color: white !important;
    background-color: #00C1D4 !important;
    max-width: fit-content !important;
    display: flex;
    padding: 0.5em 2em;
    border-radius: 1em;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all .2s ease-in-out;
}
/* ---------------------------------------------- */


/* ---------------------------------------------- */
.btn-xs-2:hover {
    color: #003865 !important;
    background-color: #00C1D4 !important;
}
/* ---------------------------------------------- */


/* ---------------------------------------------- */
.btn-xs-3 {
    font-size: 12px;
    color: white !important;
    background-color: #003865 !important;
    max-width: fit-content !important;
    display: flex;
    padding: 0.5em 2em;
    border-radius: 1em;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all .2s ease-in-out;
}
/* ---------------------------------------------- */


/* ---------------------------------------------- */
.btn-xs-3:hover {
    color: #003865 !important;
    background-color: #FFB200 !important;
}
/* ---------------------------------------------- */



/*Actualización 09/03/2023|Erik Hernández|ehernandezl@bi.com.gt| clase para quitar el Tooltip en los bullets de Slider Revolution||Para Portal Corporativo */

/*------------------------------*/
.ares .tp-bullet-title {
  display: none !important;
}
/* ---------------------------- */




/*Actualización 09/03/2023|Erik Hernández|ehernandezl@bi.com.gt|Clase para quitar el diseño de pleca a los botones que tengan un link ||Para Portal Corporativo */

/*------------------------------*/
a.rs-layer, a.rs-layer:-webkit-any-link{
	text-decoration: none;
	border-radius:10px !important;
}
/*------------------------------*/




/*Actualización 09/03/2023|Erik Hernández|ehernandezl@bi.com.gt|Clase para ajustar contenido de iconos app Rediseño Home Portal ||Para Portal Corporativo */

/* -------------------------------- */
.row-container-1 {
    display:flex;
    gap:2.4rem;
}
/* -------------------------------- */


/* -------------------------------- */
@media screen and (max-width: 800px) {
    
    .row-container-1 {
     display:flex;
     justify-content:center;
    }
	
}
/* -------------------------------- */





/*Actualización 09/03/2023|Erik Hernández|ehernandezl@bi.com.gt|Clase para ajustar contenido de botones xs Rediseño Home Portal ||Para Portal Corporativo */

/* -------------------------------- */
.row-container-2{
    display: flex;
    justify-content: space-between;
}
/* -------------------------------- */


/* -------------------------------- */
@media screen and (max-width: 800px) {
    .row-container-2 {
     flex-direction: column;
     justify-content: space-around;
     align-items: center;
    }
}
/* -------------------------------- */





/*Actualización 13/03/2023|Erik Hernández|ehernandezl@bi.com.gt| clase para agregar un hover a los enlaces de determinado color|DISEÑO 2|Para Portal Corporativo */
/* ---------------------------------------------- */

a.link-style-2 {
    color:#8D8D8D !important;
    transition: all 0.3s ease;
    cursor:pointer;
    list-style-type: none !important;
}

a.link-style-2:hover {
  color: #00C1D4 !important;
}

ul.list-style-none{
	list-style-type:none !important;
}

ul.list-style-none li {
  margin-bottom: 15px;
}


/* ---------------------------------------------- */



/*Actualización 16/03/2023|Erik Hernández|ehernandezl@bi.com.gt| clase para agregar un padding|Left|Right|top|Bottom|Eje X Horizontal | Eje Y Vertical |Para Portal Corporativo */

.px-2{
    padding-right: 2em;
    padding-left: 2em;
}

.py-0{
    padding-top: 0em;
    padding-bottom: 0em;
}

/*Actualización 23/03/2023|Erik Hernández|ehernandezl@bi.com.gt| clase para agregarle un shadow a cualquier objeto |Para Portal Corporativo */

.box-shadow-1{
	background-color:#ffff !important;
	box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.03) !important;
}


/* ------------------------------------------------------------------*/
/* Actualización 20/06/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández */
/* Acordiones para el Rediseño de Adquirencia| Soluciones de pago de galería */
/* ------------------------------------------------------------------ */

 .bi-accordion {
  display: flex;
  overflow: hidden;
  height: 400px;
}

.bi-accordion__column {
  position: relative;
  flex: 2 1 0% ;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  background-repeat: no-repeat;
  background-position: center 1px;
  background-size: cover;
  transition: flex 0.9s ease;
  cursor: pointer;
}

.bi-accordion__column .bi-accordion__content {
  display: none;
}

.bi-accordion__column--title{
    color:#FFFFFF !important;
}

.bi-accordion__content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px; 
  box-sizing: border-box;
}

.bi-accordion__inner--content {
  position: absolute;
  top: 0px; 
  left: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; 
  background-color: #F1F1F1;
  border-bottom-right-radius: 15px;
  padding:25px;
  height: 70px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.bi-accordion__inner--logo {
  width: 90px;
  height: 90px;
  object-fit: contain;
}


.bi-accordion__content--parrafo {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.618);
  -webkit-backdrop-filter: blur(10px) brightness(1.12);
  backdrop-filter: blur(10px) brightness(1.42);
  padding: 18px 25px;
  width: 418px; 
  border-top-left-radius: 15px;
}


.bi-accordion__content--text{
    color: #003865;
}


.bi-accordion__collapsed--title {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.bi-accordion__collapsed--title h4 {
  margin: 0;
}

.bi-accordion__collapsed--logo {
  max-height: 120px;
  max-width: 120px;
}



.bi-accordion__1 .bi-accordion__inner--content {
box-sizing: content-box !important;
display:flex;
flex-direction:column;
align-items:center;
padding:10px !important;
}


.bi-accordion__1 .bi-accordion__inner--content img {
min-height:initial !important;
}

.bi-accordion__1 .bi-accordion__column:nth-child(1) {
  background-color: #F1F1F1;
}

.bi-accordion__1 .bi-accordion__column:nth-child(2) {
  background-color: #003865;
}

.bi-accordion__1 .bi-accordion__column:nth-child(3) {
  background-color: #F1F1F1;
}

.bi-accordion__1 .bi-accordion__column:nth-child(4) {
  background-color: #003865;
}

.bi-accordion__1 .bi-accordion__column:nth-child(5) {
  background-color: #F1F1F1;
}

/* Colores de las columnas del acordeón 2 */
.bi-accordion__2 .bi-accordion__column:nth-child(1) {
  background-color: #FDD26E;
}

.bi-accordion__2 .bi-accordion__column:nth-child(2) {
  background-color: #2C8B9E;
}

.bi-accordion__2 .bi-accordion__column:nth-child(3) {
  background-color: #003865;
}

/* Colores de las columnas del acordeón 3 */
.bi-accordion__3 .bi-accordion__column:nth-child(1) {
  background-color:#2C8B9E;
}

.bi-accordion__3 .bi-accordion__column:nth-child(2) {
  background-color: #F1F1F1;
}

.bi-accordion__3 .bi-accordion__column:nth-child(3) {
  background-color:#003865;
}

/* Colores de las columnas del acordeón 4 */
.bi-accordion__4 .bi-accordion__column:nth-child(1) {
  background-color:#2C8B9E;
}

.bi-accordion__4 .bi-accordion__column:nth-child(2) {
  background-color: #F1F1F1;
}

.bi-accordion__4 .bi-accordion__column:nth-child(3) {
  background-color:#003865;
}




.bi-accordion__2 .bi-accordion__column .bi-accordion__inner--content,
.bi-accordion__3 .bi-accordion__column .bi-accordion__inner--content, 
.bi-accordion__4 .bi-accordion__column .bi-accordion__inner--content
{
  background-color: #003865;
}

.bi-accordion__2 .bi-accordion__column .bi-accordion__inner--content h4,
.bi-accordion__3 .bi-accordion__column .bi-accordion__inner--content h4,
.bi-accordion__4 .bi-accordion__column .bi-accordion__inner--content h4 {
  color: #FFFFFF !important;
}



.bi-accordion__button{
 color: #003865 !important;
 background-color: #FFB200 !important;
 border-radius: 10px;
 min-width: 166px;
 font-family: "BiNeoIndustrial-Bold" !important;
 font-size: 17px !important;
 font-style: normal !important;
 border: 1px solid #FFB200;
 padding:7px 0;
}

.bi-accordion__button:hover{
  color: white !important;
  background-color: #003865 !important;
  border: 1px solid #003865 !important;
}





@media screen and (max-width: 992px) {
  .bi-accordion {
    flex-direction: column;
    height: auto;
  }

  .bi-accordion__column {
    flex: none;
    width: 100%;
    height: auto;
    min-height: 300px;
  }

  .bi-accordion__column .bi-accordion__content {
    display: none;
  }

  .bi-accordion__collapsed--title {
    flex-direction: row;
  }

  .bi-accordion__collapsed--title .bi-accordion__left--content {
    display: flex;
    margin-right: 0px;
    flex-direction: column;
  }

  .bi-accordion__collapsed--title h4 {
    margin: 0;
    margin-right: 5px;
    margin-bottom: 10px;
  }

  .bi-accordion__collapsed--logo {
    margin-left: auto;
  }

  .bi-accordion__inner--content {
    top: -130px !important;
    left: 0 !important;
  }

  .bi-accordion__content--parrafo {
    bottom: -130px !important;
    right: -5px !important;
	width:551px;
  }
	
  .bi-accordion__content--parrafo2{
    bottom: -130px !important;
    right: -5px !important;
  }
  
}


@media screen and (max-width: 768px) {
	
  .bi-accordion__content--parrafo {
	width:386px !important;
  }
  
}



/* ------------------------------------------------------------------*/
/* Actualización 20/06/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández */
/* ID´S para dar un estilo en los bullets de Slider Revolution Nuevo Rediseño Portal Home|DISEÑO 1|Para Portal Corporativo */
/* ------------------------------------------------------------------ */


/*------------------------------*/
#rev_slider_545_1_wrapper .ares .tp-bullet.selected,
#rev_slider_592_1_wrapper .ares .tp-bullet.selected,
#rev_slider_612_1_wrapper .ares .tp-bullet.selected,
#rev_slider_645_1_wrapper .ares .tp-bullet.selected,
#rev_slider_637_1_wrapper .ares .tp-bullet.selected,
#rev_slider_657_1_wrapper .ares .tp-bullet.selected,
#rev_slider_667_1_wrapper .ares .tp-bullet.selected{
    background: #ffb81c !important;
    width: 33px !important;
    transition: all 0.5s ease-in-out !important ;
}

#rev_slider_545_1_wrapper .ares .tp-bullet,
#rev_slider_592_1_wrapper .ares .tp-bullet,
#rev_slider_612_1_wrapper .ares .tp-bullet,
#rev_slider_645_1_wrapper .ares .tp-bullet,
#rev_slider_637_1_wrapper .ares .tp-bullet,
#rev_slider_657_1_wrapper .ares .tp-bullet,
#rev_slider_667_1_wrapper .ares .tp-bullet{
    width: 43px !important;
    height: 9px !important;
    position: absolute !important;
    background: #003865 !important;
    border-radius: 10px !important;
    cursor: pointer;
    box-sizing: content-box;
    transition: all 0.5s ease-out !important ;
}
/*------------------------------*/






/* ------------------------------------------------------------------*/
/* Actualización 21/06/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández */
/* Solución a Bug en Max Mega Menu, Navbar, botones en bi en linea en versión Mobile y Tablet|Home Portal| */
/* ------------------------------------------------------------------ */



/* ----------------MEDIAQUERIE 1200PX----------------------------- */
@media screen and (max-width: 1200px){
    .hover-animate-1, .hover-animate-2 {
    width: 187px !important;
    margin-left:-10px !important;
    }
    
    
    .btnAction{
        margin-right:-32px !important;
    }
    
    .bi-title__h2{
        text-align:center !important;
    }
    
    .btn-xs-1, .btn-xs-2{
        font-size:10px !important;    
        padding:0.5em 1.5em !important;
    }
}
/* -------------------------------------------------------------- */





/* ----------------MEDIAQUERIE 992PX----------------------------- */
@media screen and (max-width: 992px){
    .btn-xs-1, .btn-xs-2{
        font-size:8px !important;    
        padding:0.5em 1.8em !important;
    }
}
/* -------------------------------------------------------------- */





/* ----------------MEDIAQUERIE 800PX----------------------------- */
@media screen and (max-width: 800px){
  
   .topNav, .menu-nav-bi-portal{
      display: none !important;
    }
  
   .hover-animate-1, .hover-animate-2 {
        width: 269px !important;
        margin-left:144px !important;
    }
    
    .bi-title__h2{
        text-align:center !important;
    }
    
    .btn-xs-1, .btn-xs-2{
        font-size:12px !important;    
        padding:0.5em 2em !important;
    }
    
}
/* -------------------------------------------------------------- */




/* ----------------MEDIAQUERIE 768PX----------------------------- */
@media screen and (max-width: 768px){
  
  .hover-animate-1, .hover-animate-2 {
        width: 264px !important;
        margin-left:133px !important;
    }
    
    .bi-title__h2{
        text-align:center !important;
    }
    
}


/* ----------------MEDIAQUERIE 576PX----------------------------- */
@media screen and (max-width: 576px){
   .hover-animate-1, .hover-animate-2 {
        width: 264px !important;
        margin-left:0px !important;
    }
   
   .bi-title__h2{
        text-align:center !important;
    }
}
/* -------------------------------------------------------------- */


.single-blog-bi .sh-page-switcher-content{
	display: none;	
}


/* ------------------------------------------------------------------*/
/* Actualización 29/06/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández */
/*Animación general para ser utilizado en distintos divs, rows, objetos|Actualmente se aplico|CUENTAS MONETARIAS| */
/* ------------------------------------------------------------------ */

/* ---------------------------------------------- */
.hover-animate-4{
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.hover-animate-4:hover{
cursor:pointer;
transform: scale(1.01) !important;
}
/* ---------------------------------------------- */



/* ---------------------------------------------- */
/* Actualización 14/08/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para darle estilo a boton|pagina tarjetas de credito|PORTAL CORPORATIVO|*/
/* ---------------------------------------------- */

.btn-tarjetas .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    background-color: #ffff !important;
	border: 1px solid white !important;
	color:#003865 !important;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Regular" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.btn-tarjetas .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover{
    background-color: #ffff !important;
	border: 1px solid #00C1D4 !important;
	border-radius: 10px !important;
	color:#00C1D4 !important;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Regular" !important;
    font-size: 17px !important;
    font-style: normal !important;
}

.btn-tarjetas__seleccion .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic{
	 background-color: #ffff !important;
	border: 1px solid #00C1D4 !important;
	border-radius: 10px !important;
	color:#00C1D4 !important;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Regular" !important;
    font-size: 17px !important;
    font-style: normal !important;
}



/* ---------------------------------------------- */
/* Actualización 08/11/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para darle hover a columns Plecas en el Home de Tarjetas Bi*/
/* ---------------------------------------------- */


.plecacontactos2:hover{
  outline: 2px solid #3AB3C9; 
  border-radius:40px 0px;
  padding:0px !important;
}




/* ---------------------------------------------- */
/* Actualización 08/11/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para darle hover a columns Plecas en el Home de Tarjetas Bi*/
/* ---------------------------------------------- */
.icon-container__title--2{
	display: flex;
	justify-content:space-around;
	align-items:center;
}


.icon-container__title--2 i{
	color:#FFFFFF !important;
}


.icon-container__title h3{
	color:#FFFFFF !important;
}



/* ---------------------------------------------- */
/* Actualización 08/11/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para darle estilo a botón de test de tarjetas|Home de Tarjetas Bi*/
/* ---------------------------------------------- */
.boton4 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    background-color: #ffff !important;
	border: 1px solid white !important;
	border-radius:16px 0px;
	color:#003865 !important;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Regular" !important;
    font-size: 17px !important;
    font-style: normal !important;
}


.boton4 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover{
	background-color: #3AB3C9 !important;
	border:1px solid #3AB3C9 !important;
	color:#ffff !important;
	
}



/* ---------------------------------------------- */
/* Actualización 08/11/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para darle estilo a titulo h1 de test de tarjetas|Home de Tarjetas Bi*/
/* ---------------------------------------------- */

.title-test__style1 {
    color: #ffff !important;
}


/* ---------------------------------------------- */
/* Actualización 08/11/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para darle estilo a boton1 de test de tarjetas|Home de Tarjetas Bi*/
/* ---------------------------------------------- */

.boton1 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    background-color: #003865!important;
	border: 1px solid #003865 !important;
	border-radius:16px 0px;
	color:#ffff !important;
    min-width: 166px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
	padding:15px;
}

.boton1 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover{
	background-color: #3AB3C9 !important;
	border:1px solid #3AB3C9 !important;
	color:#ffff !important;
	
}

/* ---------------------------------------------- */
/* Actualización 08/11/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para darle estilo a cards de test de tarjetas|Home de Tarjetas Bi*/
/* ---------------------------------------------- */


.icon-container{
	display:flex;
	justify-content:space-around;
    align-items: center;
	padding:10px 10px !important;
}

.plecacontactos{
	padding:14px !important;
}


/* ---------------------------------------------- */
/* Actualización 08/11/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para columna de la pagina dividelo todo| TARJETASBI*/
/* ---------------------------------------------- */

.column-tarjetasbi_style1{
	border:4px solid #ffd151 !important ;
	border-radius:29px !important;
	padding:35px !important;
}
.container-tarjetasbi_style1{
	display:flex !important;
	justify-content:space-between !important;
	flex-wrap: wrap !important;
}

.container-tarjetasbi_style1 .inner-column {
    flex: 1; 
    padding: 10px; 
}

.vc_row.vc_column-gap-35 {
    display: flex;
    justify-content: space-between; 
    flex: 1;
}



/* ---------------------------------------------- */
/* Actualización 08/11/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para columna de la pagina dividelo todo| TARJETASBI*/
/* ---------------------------------------------- */


.contact-tarjetasbi__container {
  text-align: center;
  padding: 7% 12%;
}

.contact-tarjetasbi__container h1, .contact-tarjetasbi__container h2 {
  color: #333;
  margin-bottom: 1rem;
}

.contact-tarjetasbi__card-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;

}

.contact-tarjetasbi__card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  width: 350px; 
  height: 146px;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 20px;
}

.contact-tarjetasbi__icon {
  font-size: 2rem;
  margin-right: 20px;
}

.contact-tarjetasbi__text h3 {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}

.contact-tarjetasbi__text p {
  font-size: 1.2rem;
}

/* Ajustes para tablet */
@media (max-width: 992px) {
  .contact-tarjetasbi__card {
    width: 80%; 
    height: auto; 
    min-height: 180px;
    margin: 0 auto; 
  }
}

/* Ajustes para móvil */
@media (max-width: 480px) {
  .contact-tarjetasbi__card {
    width: 90%; 
	min-height: 180px; 
  }
}






/* ---------------------------------------------- */
/* Actualización 08/11/2023 */
/* mruiz@bi.com.gt|Melvin Garcia  */
/* ---------------------------------------------- */

/* Inicio estilos header */
.header-bg-expert {
    background-color: #003865 !important;
}

/*
@media only screen and (max-width: 800px) { 
	.header-hide-mobile {
		display: none;
	}
}
*/



/* Fin estilos header */

/* Inicio estilos centro de servicios*/
.geolocalizador-icon {
    font-size: 30px;
    color: #FFB81C;
}

.pleca-expert.vc_col-has-fill>.vc_column-inner {
    border: 1px solid #003865;
    border-radius: 40px 0px;
}
/* Fin estilos centro de servicios*/

/* Estilos plecas home */
.white.vc_col-has-fill>.vc_column-inner {
    border: 1px solid #FFFFFF !important;
    border-radius: 40px 0px !important;
	padding: 30px;
	box-shadow: 0px 15px 45px -9px rgba(0,0,0,0.10);
}

.contacto-home {
    display: flex;
    align-items: center;
    justify-content: left;
}

.contacto-icon {
    font-size: 60px;
    margin: 0px 20px 0px 0px;
}
    
p.contacto-medio {
    font-family: 'BiNeoIndustrial-Bold' !important;
    color: #003865;
    font-size: 19px !important;
    font-weight: 700;
}

p.contacto-numero {
    /*font-family: 'AndesNeue-Medium' !important;*/
    font-size: 15px !important;
    color: #383838;
}

/* Pleca seccion contactanos */
.blanco-con-borde.vc_col-has-fill>.vc_column-inner {
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    border-radius: 10px !important;
}

.contacto-info {
    display: flex;
    align-items: center;
    justify-content: left;
}

.contacto-info-icon {
    font-size: 60px;
    margin: 0px 20px 0px 0px;
}
    
p.contacto-info-medio {
    /*font-family: 'AndesNeue-Medium' !important;*/
    color: #8d8d8d;
    font-size: 19px !important;
    font-weight: 700;
}

p.contacto-info-descripcion {
    /*font-family: 'AndesNeue-Medium' !important;*/
    font-size: 15px !important;
    color: #8d8d8d;
}

/* Ocultar seccion contactanos en home */
.page-id-441 .contactanos-id {
	display: none;
}

/* ---------------------------------------------- */
/* Actualización 08/11/2023 */
/* mruiz@bi.com.gt|Melvin Garcia  */
/* Estilos Blog
/* ---------------------------------------------- */
/* Inicio estilos blog categorias */
.post-title h2:hover {
    color: #47c9e5 !important;
}

.title-blog {
	font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 40px !important;
	color: #003865;
}

.subtitle-blog {
	font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 25px !important;
	color: #707070;
}

.sh-portfolio-filter-style4 .sh-filter span {
    border-width: 0px!important;
    padding: 5px 8px;
    text-transform: none;
    color: #003865;
}


.sh-portfolio-filter-style4 .sh-filter-item:not(.active) .sh-filter-item-content {
    border: 2px solid #003865;
    font-size: 16px;
}

.sh-portfolio-filter-style3 .sh-filter-item.active .sh-filter-item-content {
    background-color: #00c1d4 !important;
    font-size: 16px;	
}

ul.page-numbers .current {
	background-color: #FFB81C !important;
}


/* Imagenes blog */
.sh-overlay-style1 {
    background-color: transparent !important;
}

.icon-magnifier-add,
.icon-link {
	display: none;
}

/* Titulos cards post*/
.post-title h2 {  
	font-family: "Lato", sans-serif !important;
	font-size: 15px;
	color: #707070 !important;
}

.post-meta-thumb img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.blog-bg-banner1 {
	background-color: #2c8b9e;
}

.blog-bg-banner2 {
	background-color: #003865;
}

.ebooks-title {
	font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 40px !important;
	color: #003865;
	text-align: center;
}

.ebooks-description {
   /* font-family: 'AndesNeue-Medium';*/
    font-size: 15px !important;
	color: #707070;
	text-align: center;
}


/* Fin estilos blog categorias */


/* Inicio estilos blog individual */
.sh-overlay-style1 .sh-overlay-item {
    width: 60px;
    pointer-events: none;
}

.post-meta-author {
	display:none;	
}

/* Hover widgets 
#categories-3 a:hover {
	color: #00c1d4;
}

#recent-posts-2 a:hover {
	color: #00c1d4;
}*/

/* Inicio widgets posts */
#sidebar a:not(.sh-social-widgets-item):hover {
	color: #00c1d4 !important;
}

.widget_recent_entries li a {
	padding-left: 0px!important;
}

.sh-default-color {
	padding-left: 0px;
}

#sidebar .widget_recent_entries li:before {
 	display:none;
}

.post-meta-two .post-meta-comments .icon-speech {
	 display:none;
}


.icon-share {
	display: none;
}

.sh-social-share-button {
    border-radius: 50px;
    background: #ffffff;
    border: 2px solid #003865;
    color: #003865;
	padding: 0 20px 0 20px;
}

.sh-social-share-button:hover {
    background: #003865;
	color: #ffffff;
} 

.sh-page-switcher-button:not(.sh-page-switcher-disabled):hover, .sh-social-widgets-item:hover, .sh-social-share-button:hover, .sh-increase-numbers span:hover, .woocommerce .shop_table .coupon .button:hover, .widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover, .sh-team-social-standard .sh-team-icon:hover, .sh-social-share-button:before {
    background-color: #003865 !important;
	color: #ffffff;
}

.sh-page-switcher-button i {
    line-height: 50px;
    font-size: 23px;
    font-weight: bolder;
    color: #707070;
}

/* Widget recientes blog */
/* quitar by*/
.sh-recent-posts-widgets-item-meta {
     display: none;
}

.widget_search h3 {
	display: none;
}

/* Fin estilos blog individual */








/* Inicio estilos footer */
.footer-bg-expert {
    background-color: #003865 !important;
}

.footer-title a {
    font-size: 17px !important;
    color: #ffffff;
}

.footer-ul {
	font-size: 12px;
	color: #ffffff;
    list-style: none;
	padding: 0px;
}

.footer-ul a {
	color: #ffffff;
}

.footer-subtitle a:hover {
    color: #00c1d4;
}

[class$="whiteicon"] {
    font-size: 30px !important;
    background: white;
    border-radius: 50px;
    padding: 6px;
    margin-right: 5px;
}

[class$="whiteiconyoutube"] {
    font-size: 25px !important;
    background: white;
    border-radius: 50px;
    padding: 9px 7px 9px 7px;
    margin-right: 5px;
}

.footer-icon {
    text-align: end;
}

.footer-terms {
	text-align: right; 
}

.footer-terms a {
	color: #ffffff !important;
}
/* Fin estilos footer */

/* ---------------------------------------------- */
/* Actualización 08/11/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para las cards de Home de|TARJETASBI*/
/* ---------------------------------------------- */

/* Estilo general del contenedor */
.tarjetasbi-home__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin: 20px;
  padding: 10px;
}

/* Estilo común para todas las tarjetas */
.tarjetasbi-home__card {
  flex: 0 1 calc(33.333% - 20px);
  height: 150px;
	padding:40px;
  background-size: contain; 
  background-repeat: no-repeat; 
  background-position: center; 
  display: flex;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.3s ease-in-out;	
}
/* Estilos específicos de fondo para cada tarjeta */
.tarjetasbi-home__card--1 { background-image: url('https://www.corporacionbi.com/gt/tarjetasbi/wp-content/uploads/2025/02/Home-tarejtas-de-credito.webp'); }
.tarjetasbi-home__card--2 { background-image: url('https://www.corporacionbi.com/gt/tarjetasbi/wp-content/uploads/2025/02/Home-tarejtas-de-debito.webp'); }
.tarjetasbi-home__card--3 { background-image: url('https://www.corporacionbi.com/gt/tarjetasbi/wp-content/uploads/2025/02/Home-tarejtas-dividelo-todo.webp'); }
.tarjetasbi-home__card--4 { background-image: url('https://www.corporacionbi.com/gt/tarjetasbi/wp-content/uploads/2025/02/Home-club-bi-1.webp'); }
.tarjetasbi-home__card--5 { background-image: url('https://www.corporacionbi.com/gt/tarjetasbi/wp-content/uploads/2025/02/Home-tarejtas-dividelo-todo-1.webp'); }
.tarjetasbi-home__card--6 { background-image: url('https://www.corporacionbi.com/gt/tarjetasbi/wp-content/uploads/2025/02/Home-Productos-digitales-1.webp'); }


/* Estilos específicos de fondo para cada tarjeta */
.tarjetasbi-home__card--1:hover { background-image: url('https://www.corporacionbi.com/gt/tarjetasbi/wp-content/uploads/2025/02/Home-tarejtas-de-credito-hover-1.webp'); }
.tarjetasbi-home__card--2:hover { background-image: url('https://www.corporacionbi.com/gt/tarjetasbi/wp-content/uploads/2025/02/Home-tarejtas-de-debito-hover.webp'); }
.tarjetasbi-home__card--3:hover { background-image: url('https://www.corporacionbi.com/gt/tarjetasbi/wp-content/uploads/2025/02/Home-tarejtas-dividelo-todo-hover-1.webp'); }
.tarjetasbi-home__card--4:hover { background-image: url('https://www.corporacionbi.com/gt/tarjetasbi/wp-content/uploads/2025/02/Home-club-bi-hover-1.webp'); }
.tarjetasbi-home__card--5:hover { background-image: url('https://www.corporacionbi.com/gt/tarjetasbi/wp-content/uploads/2025/02/Home-tarejtas-dividelo-todo-hover.webp'); }
.tarjetasbi-home__card--6:hover { background-image: url('https://www.corporacionbi.com/gt/tarjetasbi/wp-content/uploads/2025/02/Home-Productos-digitales-hover-1.webp'); }



/* Estilos para el hover de cada tarjeta */
.tarjetasbi-home__card:hover {
  cursor: pointer; 
}

/* Estilos para los textos e íconos dentro de las tarjetas */
.tarjetasbi-home__icon {
  color:#ffff;
}

.tarjetasbi-home__title {
  color:#ffff;
  font-family: "BiNeoIndustrial-Bold" !important;
  font-size:17px !important;
}


/* --------MEDIAQUERIE 1200PX---------------- */
@media screen and (max-width: 1200px){
   
  
  .tarjetasbi-home__card {
    flex-basis: calc(50% - 10px); 
    margin-bottom: 9px; 
    padding: 12px; 
  }
	
}
/* --------------------------------------- */



/* Media query para dispositivos móviles */
@media (max-width: 992px) {
  .tarjetasbi-home__container {
    margin: 0;
    padding: 0; 
    justify-content: space-around;
  }
  
  .tarjetasbi-home__card {
    flex-basis: calc(50% - 10px);
    margin-bottom: 9px; 
    padding: 12px; 
  }

  
}


/* Media query para dispositivos móviles */
@media (max-width: 768px) {
    
    .tarjetasbi-home__container {
        margin: 0;
        padding: 0; 
        justify-content:space-around;
    }
  
  .tarjetasbi-home__card {
    margin-bottom:-22px; 
    padding: 12px; 
  }

}




/* ------MEDIAQUERIE 992PX---------------- */
@media screen and (max-width: 576px){

	 .tarjetasbi-home__container {
        margin: 0;
        padding: 0; 
        justify-content:space-around;
    }
  
  .tarjetasbi-home__card {
    flex-basis: 100%; 
    margin-bottom:-22px; 
    padding: 12px; 
  }
}
/* -------------------------------- */





/* ---------------------------------------------- */
/* Actualización 08/11/2023 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para las cards de Home de|TARJETASBI*/
/* ---------------------------------------------- */




/*----_Custom sidebar ----*/
#custom-widget-recents .sh-recent-posts-widgets-item-thumb{
	width: 90px;
    height: 90px;
}

#custom-widget-recents .sh-recent-posts-widgets-item-content {
    padding-left: 100px;
}

.custom-title-widget{
	font-family: "BiNeoIndustrial-Regular" !important;
	color: #333;
}

.search-form {
    border-radius: 15px !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    
    border-bottom:initial !important;
}

.widget_search .search-field {
    display: block;
    width: 100%;
    border: none;
    padding: 16px 20px;
    font-weight: 400;
    transition: 0.25s background;
    border: initial !important;
    color: #8d8d8d;
}




.sh-header-template {
    margin-top:initial !important;
}





/* ---------------------------------------------- */
/* Actualización 16/07/2024 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para darle estilo a proyecto info-productos |PORTAL CORPORATIVO|*/
/* ---------------------------------------------- */


  .info-productos__tab-container{
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: stretch;
    }
    
    .info-productos__tab {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    padding: 0; 
    margin: 20px auto; 
    }
    
    .info-productos__tab button {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 23px 36px; 
    transition: 0.3s;
    font-size: 17px;
    color: #003865; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin: 0; 
    }
    
    
    
    /* Selecciona el primer botón y redondea sus bordes izquierdos */
    .info-productos__tab button:first-child {
    border-radius: 34px 0px 0px;
    }
    
    /* Selecciona el último botón y redondea sus bordes derechos */
    .info-productos__tab button:last-child {
    border-radius: 0px 0px 34px;
    }
    
    .info-productos__tab button:hover {
    background-color: #ddd;
    }
    
    .info-productos__tab button.info-productos__active {
    background-color: #003865 !important;
    color: white !important;
    }
    
    .info-productos__tab button:not(.info-productos__active) {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 
    0 2px 4px -1px rgba(0, 0, 0, 0.06); 
    }
    
    .info-productos__tabcontent {
    display: none;
    padding: 40px 12px;
    margin-top: -43px;
    }
    
    
    .info-productos__h1::before{
      border-bottom: initial !important;
    }
    
    .info-productos__h1--primary {
    color: #003865 !important; 
    }
    
    .info-productos__h1--secondary {
    color: #02c1d4 !important; 
    /*margin-bottom: -0.4em !important;*/
    }
    
    .info-productos__p{
    text-align: left;
    font-size: 1.5rem;
    margin: 5rem 0;
    color: #003865;
    }
    
    .info-productos__button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic{
    background-color: #ffb81c;
    color: #003865;
    border: none;
    padding: 1.4rem 4rem;
    font-size: 1.5rem;
    border-radius: 10px;
    cursor: pointer;
    transition: all .3s ease;
    text-decoration: none;
    font-weight: bold; 
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    }
  
  
    .info-productos__button {
      padding: 0rem 0rem;
      margin-left: 0em;
  }
  
  
    
    .info-productos__grid--container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 5px;
    margin-top: 20px; 
    }
    
    .info-productos__columna {
    /* Estilos para cada columna */
    /* border-radius: 5px;  */
    min-height: 200px;
    display: flex;
    justify-content: center;
    /* border: 1px solid #003865; */
    margin-top: 3em;
    }
    
    
    .info-productos_columna .info-productos_section--text {
    padding: 10px 40px !important; 
    margin-top:90px;
    }
    
    
    
    .info-productos__columna img {
      max-width: 525px;
      max-height: 491px;
      display: block;
    }
    
    .info-productos__section--iconstyle1 {
    margin-top: 8rem;
    display: flex;
    flex-direction: column;
    background-color:white;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    width: 80%;
    height: 65%;
    border-radius: 60px 0px 60px 0px;
    }
    



  .info-productos__feature {
    display: flex !important;
    align-items: center !important; 
    margin-top: 3.5rem !important;
    margin-bottom: 20px !important; 
    padding-left: 1rem !important; 
    gap: 0.5em !important;
    }

    
    .info-productos__feature p {
    flex: 1;
    margin: 0; 
    padding-right: 1em; 
    }
    
    
    .info-productos__feature--list{
    margin-left:3rem;
    margin-top:-2rem;
    }
    
    .stylized-pleca__container {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    position: relative;
    }
    
    .stylized-pleca {
	white-space: nowrap;
    font-family: "BiNeoIndustrial-Bold" !important;
    background-color: #02c1d4;
    border: none;
    color: #003865;
    padding: 0.75em 2em;
    font-size: 16px;
    cursor: pointer;
    border-radius: 16px 0 16px 0px;
    text-transform: uppercase;
    outline: none;
    text-align: center;
    width: auto;
    margin-top: -1em;
	position:relative;
    }
    
    .stylized-pleca::before {
    content: '';
    position: absolute;
    right: -5em;
    top: -0.7em;
    transform: translate(-100%, -50%);
    width: 40px;
    height: 26px;
    background-color: #ffb81c;
    border-radius: 10px 0 10px 0px;
    }



.stylized-pleca-empresarial {
	white-space: nowrap;
    font-family: "BiNeoIndustrial-Bold" !important;
    background-color: #2c8b9e;
    border: none;
    color: white;
    padding: 0.75em 2em;
    font-size: 16px;
    cursor: pointer;
    border-radius: 16px 0 16px 0px;
    text-transform: uppercase;
    outline: none;
    text-align: center;
    width: auto;
    margin-top: -1em;
	position:relative;
    }
    
    .stylized-pleca-empresarial::before {
    content: '';
    position: absolute;
   	right: -5em;
    top: -0.8em;
    transform: translate(-100%, -50%);
    width: 40px;
    height: 26px;
    background-color: #f4d47d;
    border-radius: 10px 0 10px 0px;
    }
    
    
    .stylized-pleca__container--secondary {
    margin-top: 5em;
    margin-left:4.5em;
    position:absolute;
    }
    
    .stylized-pleca__secondary {
	white-space: nowrap;
    font-family: "BiNeoIndustrial-Bold" !important;
    background-color: #ffb81c;
    border: none;
    color: #003865;
    padding: 0.75em 2em;
    font-size: 20px;
    cursor: pointer;
    border-radius: 16px 0 16px 0px;
    text-transform: uppercase;
    outline: none;
    text-align: center;
    width: auto;
    margin-top: -1em;
	position:relative;
    }
    
    .stylized-pleca__secondary::before {
    content: '';
    position: absolute;
    right:-4em;
    top: -0.6em;
    transform: translate(-100%, -50%);
    width: 40px;
    height: 26px;
    background-color: #02c1d4;
    border-radius: 10px 0 10px 0px;
    }



     .stylized-pleca__secondary-empresarial {
	white-space: nowrap;
    font-family: "BiNeoIndustrial-Bold" !important;
    background-color: #f4d47d;
    border: none;
    color: #003865;
    padding: 0.75em 2em;
    font-size: 20px;
    cursor: pointer;
    border-radius: 16px 0 16px 0px;
    text-transform: uppercase;
    outline: none;
    text-align: center;
    width: auto;
    margin-top: -1em;
	position:relative;
    }
    
    .stylized-pleca__secondary-empresarial::before {
    content: '';
    position: absolute;
    right: -4em;
    top: -0.6em;
    transform: translate(-100%, -50%);
    width: 40px;
    height: 26px;
    background-color: #4a899c;
    border-radius: 10px 0 10px 0px;
    }
    
    
    .stylized-pleca__container--third {
    margin-top: 5em;
    margin-left:0em;
    position:absolute;
    }
    
    .stylized-pleca__third{
	white-space: nowrap;
    font-family: "BiNeoIndustrial-Bold" !important;
    background-color: #02c1d4;
    border: none;
    color: #003865;
    padding: 0.75em 2em;
    font-size: 20px;
    cursor: pointer;
    border-radius: 16px 0 16px 0px;
    text-transform: uppercase;
    outline: none;
    text-align: center;
    width: auto;
    margin-top: -1em;
	position:relative;
    }
    
    .stylized-pleca__third::before {
    content: '';
    position: absolute;
    right:-4em;
    top: -0.6em;
    transform: translate(-100%, -50%);
    width: 40px;
    height: 26px;
    background-color:#ffb81c;
    border-radius: 10px 0 10px 0px;
    }



	.stylized-pleca__third-empresarial{
	white-space: nowrap;
    font-family: "BiNeoIndustrial-Bold" !important;
    background-color: #4a899c;
    border: none;
    color: white;
    padding: 0.75em 2em;
    font-size: 20px;
    cursor: pointer;
    border-radius: 16px 0 16px 0px;
    text-transform: uppercase;
    outline: none;
    text-align: center;
    width: auto;
    margin-top: -1em;
	position:relative;
    }
    
    .stylized-pleca__third-empresarial::before {
    content: '';
    position: absolute;
    right: -4em;
    top: -0.6em;
    transform: translate(-100%, -50%);
    width: 40px;
    height: 26px;
    background-color:#F4D47D;
    border-radius: 10px 0 10px 0px;
    }
    
    
    
    .stylized-pleca__container--fourth {
    margin-top: 1em;
    margin-right:54em;
    position:absolute;
    }
    
    .stylized-pleca__fourth{
	white-space: nowrap;
    font-family: "BiNeoIndustrial-Bold" !important;
    background-color:#ffb81c;
    border: none;
    color: #003865;
    padding: 0.75em 2em;
    font-size: 20px;
    cursor: pointer;
    border-radius: 16px 0 16px 0px;
    text-transform: uppercase;
    outline: none;
    text-align: center;
    width: auto;
    margin-top: -1em;
	position:relative;
    }
    
    .stylized-pleca__fourth::before {
    content: '';
    position: absolute;
    right: -4em;
    top: -0.6em;
    transform: translate(-100%, -50%);
    width: 40px;
    height: 26px;
    background-color:#02c1d4;
    border-radius: 10px 0 10px 0px;
    }



	.stylized-pleca__fourth-empresarial{
	white-space: nowrap;
    font-family: "BiNeoIndustrial-Bold" !important;
    background-color:#f4d47d;
    border: none;
    color: #003865;
    padding: 0.75em 2em;
    font-size: 20px;
    cursor: pointer;
    border-radius: 16px 0 16px 0px;
    text-transform: uppercase;
    outline: none;
    text-align: center;
    width: auto;
    margin-top: -1em;
    }
    
    .stylized-pleca__fourth-empresarial::before {
    content: '';
     position: absolute;
    right: -40px;
    margin-top: 0;
    width: 40px;
    height: 26px;
    background-color: #4a899c;
    border-radius: 10px 0 10px 0px;
    top: -46px;;
    }
    
    
    .info-productos__iconos{
    position: relative;
    display: flex;
    align-items: center;
    /*justify-content: space-around;*/
    margin-top: -15em;
    gap: 1em;
    }
    
    
    
    .info-productos__iconos--2{
    background-color:white;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    border-radius: 10px 0px 10px 0px;
    padding: 1em 1em;
    }
    
    
    
    
    .info-productos__iconos p {
    max-width: 200px; 
    white-space: normal; 
    overflow-wrap: break-word; 
    line-height: 1.5;
    }
    
    
    
    .slide-in-right {
    animation: slideInFromRight 0.8s forwards;
    }
    
    @keyframes slideInFromRight {
    0% {
      transform: translateX(100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
    }
    
    
    
    .info-productos__bullets {
    position: absolute;
    top: 98%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    }
    
    
    .info-productos__bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #003865;
    margin: 0 5px;
    transition: all 0.5s ease-out !important ;
    }
    
    .info-productos__bullet--active {
    border-radius: 10px;
    width: 81px !important;
    /* height: 9px !important; */
    background-color: #003865; 
    transition: all 0.5s ease-in-out !important ;
    }
    
    .shadow-container {
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.275), 0 -2px 4px -2px rgba(0, 0, 0, 0.1);
    }
    
  
    
    .info-productos__titulo--2{
      position: absolute;
      margin-top: 0.5rem;
      margin-left: 1em;
    }
  
    
    body h2.info-productos__titulo--2:before {
      border-bottom: initial;
    }
    
  
  
    .info-productos_iconos--1, .info-productos_iconos--v2 {
      display: flex !important;
      align-items: center !important;
      gap: 1em !important;
      margin-top: 2em !important;
    }

    .info-productos__iconos--1{
      justify-content: space-evenly !important;
    }
  
  .info-productos__iconos--1 p {
    width: 218px !important;
    display: flex;
    justify-content: flex-start;

  }
  
  
  .info-productos__column--v1{
    margin-left:4em !important;
  }
  
  
  .info-productos__column--v2{
    margin-left:4em !important;
  }
  
  
  .info-productos__column--v3{
    
  }
  
  .info-productos__column--section4{
  
  }
  
  
  .info-productos__card{
    background-color:white;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    min-height: 140px;
    cursor: pointer;
  }


  .info-productos__card:hover{
    background-color:#003865;
    color: white;
  }


  .info-productos__card:hover i::before{
    color: white;
  }



   /**  
  *****RENPONSIVE DESIGN 
  **/


/* Estilos para dispositivos móviles */
@media screen and (max-width: 992px) {
  
  .info-productos__tab {
    position: fixed;
    background-color: #f1f1f1;
    box-shadow: 0px -2px 5px rgba(0,0,0,0.3);
    white-space: nowrap;
    z-index: 100;
  } 
  
  /* Ocultar la barra de desplazamiento en Webkit */
  .info-productos__tab::-webkit-scrollbar {
      display: none;
  }
  
  .info-productos__tab button {
    float: none;
    display: inline-block;
    padding: 28px 24px; 
    font-size: 28px; 
    min-width: 120px;
  }
  
  .info-productos__tabcontent {
    margin-top: 56px !important; 
  }
  
  .info-productos__grid--container {
      display:flex;
      flex-direction:column;
  }
  
  .info-productos__columna img {
    max-width: initial !important;
    max-height: initial !important;
  }


  .info-productos__titulo--2 {
    margin-top: -6rem;
    margin-left: 0em;

}
  
  .info-productos__iconos {
      align-items: center;
      justify-content: space-around;
      margin-top: -36em;
      gap: 3.6999999999999993em;
  }
  
  .info-productos__iconos p {
    max-width: 241px;
    white-space: normal;
    overflow-wrap: break-word;
    line-height: 1.5;
  }
  
  .info-productos__iconos--2 {
     background-color: initial; 
     box-shadow: initial; 
     padding: 1em 4em;
  }
  
  
  .stylized-pleca__container--secondary {
      margin-top: 4em;
      margin-right: 2em;
  }
  
  .stylized-pleca__container--third {
    margin-top: 4em;
    margin-right: 0em;
  }
  
  .stylized-pleca__container--fourth {
    margin-top: 3em;
    margin-right: -1em;
  }
  
  .info-productos__section--iconstyle1{
    margin-top: 1em;
    width: 80%;
    margin-bottom:2.5em;
  } 
  
  .info-productos_columna .info-productos_section--text {
      margin-bottom: 4rem;
  }
  

  
  .info-productos_columna .info-productos_section--text {
      margin-top: initial;
  }
  
  .info-productos__bullets {
    bottom: 0rem;
  }
  
  .info-productos__section-indicator {
    top: 4em;
    left: 2em;
  }


  .info-productos__card{
    box-shadow: initial;
  }

  .info-productos__column--section3{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column-reverse !important;
  }
  

  }


    /* Estilos para dispositivos móviles */
    @media screen and (max-width: 768px) {
      .info-productos__tab {
        display:initial;
        position: fixed;
        bottom: -20px;
        left: 0;
        width: 100%;
        overflow-x: scroll;
        background-color: #f1f1f1;
        box-shadow: 0px -2px 5px rgba(0,0,0,0.3);
        white-space: nowrap; 
        z-index:100;
      }
      
      /* Ocultar la barra de desplazamiento en Webkit */
      .info-productos__tab::-webkit-scrollbar {
          display: none;
      }
      
      .info-productos__tab button {
        float: none;
        display: inline-block;
        padding: 28px 24px; 
        font-size: 28px; 
        min-width: 120px;
      }
      
      .info-productos__tabcontent {
        margin-top: -1em !important; 
      }
      
      .info-productos__grid--container {
          display:flex;
          flex-direction:column;
      }
      
      
      .info-productos__columna img {
        max-width: 100% !important;
        max-height: 100% !important;
        display: block;
      } 
    
      .info-productos__h1--secondary {
        column-count: 2;
        margin-left: 0.4em;
      }
  
      .info-productos__h1--primary {
        margin-left: 0.4em;
      }
  
      .info-productos__p {
        padding: 16px 23px;
        margin-top: 1em;
      }
  
      .info-productos__button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
        margin-left: 1.4em;
      }
  
  
      .info-productos__titulo--2{
        margin-top: -3rem;
        margin-left: 0rem;
      }
      
      
      .info-productos__iconos {
          align-items: center;
          justify-content: space-around;
          margin-top: -36em; 
          gap: 1.7em;
      }
      
      .info-productos__iconos--2 {
         background-color: initial; 
         box-shadow: initial; 
         padding: 1em 4em;
      }
      
      
      .stylized-pleca__container--secondary {
          margin-top: 4em;
          margin-left: 7em;
      }
      
      .stylized-pleca__container--third {
        margin-top: 4em;
        margin-left: 4em;
      }
      .stylized-pleca__third::before {
        margin-left: 10.1em;
    }
      
      .stylized-pleca__container--fourth {
        margin-top: 2em;
        margin-left: 3.3em;
      }
      
      .info-productos__section--iconstyle1{
        margin-top: 2em;
        width: 90%;
        margin-left: 1.4em;
      } 
      
      .info-productos_columna .info-productos_section--text {
          margin-top: -8rem;
          margin-bottom: 0rem;
      }
      
      .info-productos__tab button:first-child {
          border-radius: initial;
      }
      
      .info-productos__tab button:last-child {
          border-radius: initial;
      }
      
      
      .info-productos__bullets {
        margin-top: 1rem;
      }
  
      .info-productos__bullet {
        margin-top: 1rem;
      }
      
      .info-productos__section-indicator {
        top: 0em !important;
        left: 0em !important;
      }
      
  
      .info-productos__column--section3{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column-reverse !important;
      }
  
        .info-productos__iconos--v2 p {
          width: 218px !important;
        }
  
        .info-productos__iconos--v2 {
          margin-left: 2em !important;
        }
  
        .info-productos__column--v3{
          margin-left: 3em !important;
        }
       
        .info-productos__button {
          padding: 0.3999999999999999rem 1rem;
          margin-left: 1em;
      }
  
      .info-productos__card--shadow{
        margin-left: -4em !important;
      }

      .info-productos__card{
        box-shadow: initial;
      }

      .info-productos__h1{
        margin-left: 0.9em !important;
      }
		
		
	  .info-productos__column--v1{
		margin-left: -15px !important;
	  }
    }


.info-productos__hover-container {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.info-productos__hover-text {
    visibility: hidden;
    opacity: 0;
    white-space: nowrap; 
    background-color: #66DAE5;
    color: #003865;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 93%;
    transition: opacity 0.3s;
}

.info-productos__hover-container:hover .info-productos__hover-text {
    visibility: visible;
    opacity: 1;
}

.info-productos__hover--colorazul:before {
    color: #02c1d4;
}

@media only screen and (max-width: 768px) {
    .info-productos__hover-text {
        left:-9% !important;
    }
}



/* ---------------------------------------------- */
/* Actualización 25/07/2024 */
/* ehernandezl@bi.com.gt|Erik Hernández  */
/* Clase para estilo de boton en Responsive|*/
/* ---------------------------------------------- */


@media screen and (max-width: 768px) {
	  .sh-back-to-top {
		  bottom: 205px;
		  right: 23px;
	   } 
  }



html body, html .menu-item a {
    line-height: 25px !important;
}