/* --------------------------------- */
/* Tipografía */
/* --------------------------------- */

/* Font BiNeoIndustrial */
@font-face {
    font-family: "BiNeoIndustrial-Bold";
	src: url('https://www.corporacionbi.com/gt/bancoindustrial/wp-content/themes/jevelin/fonts/BiNeoIndustrialFont/BiNeoIndustrial-Bold.woff2') format('woff2');
	font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: "BiNeoIndustrial-Regular";
	src: url('https://www.corporacionbi.com/gt/bancoindustrial/wp-content/themes/jevelin/fonts/BiNeoIndustrialFont/BiNeoIndustrial-Regular.woff2') format('woff2');
	font-weight: normal;
    font-style: normal;
	font-display: swap;
}


.biNeoIndustrialBold{
    font-family: "BiNeoIndustrial-Bold" !important;
}

.biNeoIndustrialRegular{
    font-family: "BiNeoIndustrial-Regular" !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'BiNeoIndustrial-Regular' !important;
}
p, span, div{
    font-family: "Open Sans" !important;
}
    
.blue-button{
    background: #003865;
    border: 1px solid #F5F0FA;
    color: #fff;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.blue-button:hover{
    background: #33c1d4;
    border: 1px solid #33c1d4;
    color: #003865;
}
.purple-badge{
    background: #7729CB !important;
}
.blue-badge{
    border-radius: 0;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12PX;
    padding: 7px;
    background: #003865 !important;
}
.yellow-badge{
    border-radius: 0;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12PX;
    padding: 7px;
    background: #feb81c !important;
    color: #003865 !important;
}
.light-purple-badge{
    background: #BF87FA !important;
}
.dropdown-menu{
    max-height: 225px;  
    overflow-y: auto;
}
.dropdown-item:focus,
.dropdown-item:hover{
    color: #003865 !important;
    background: #feb81c !important;
}
.mixitup-control-active{
    color: #003865 !important;
    /* background: #7729CB !important; */
    background: #feb81c !important;
}
.img-section{
    width: 100%; /* Ancho del contenedor */
    height: 195px; /* Alto del contenedor */
    overflow: hidden; /* Para ocultar parte de la imagen que exceda el contenedor */
    position: relative;
}
.img-section img.card-img-top{
    width: 100%; /* Ancho de la imagen */
    height: auto; /* Para mantener la proporción de la imagen */
    transition: transform 0.4s;
    border: 1px solid transparent;
}
.img-section:hover img.card-img-top{
    transform: scale(1.2);
}
a{
    text-decoration: none !important;
}
.open-modal-comercio div.card{
    border: none;
}
#modalComercio{
    background: rgba(0, 56, 101, 0.4);
}
#modalComercio .card-img-top-modal{
    height: 200px;
    width: 185px;
    object-fit: cover;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
/*Cambio v2*/
.card-title, .nombre-comercio {
    text-transform: capitalize;
}
.open-modal-comercio div.card-body{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    min-height: 130px;
}
ul.dropdown-menu li button.dropdown-item{
    color: #003865;
    text-transform: capitalize;
}
.caja-sombreada {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    padding: 0;
    margin-bottom: 0;
    border-radius: 15px;;
}
.igual-altura {
    display: flex;
}
.igual-altura .col-md {
    display: flex;
    flex-direction: column;
}
.igual-altura .col-md .dropdown {
    flex-grow: 1;
}
.dropdown .dropdown-toggle{
    width: 100%;
}
.blue-button{
    height: 80px;
}
.card{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
}
.card .card-text{
    color: #008794;
    font-size: 11px;
}
.open-modal-comercio div.card-body{
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}
.modal-body .col-md-8 img {
    width: 30px;
}
// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
    .modal-content{
        margin-top: 25px;
        width: 100% ;
    }   
}
.modal-content{
    margin-top: 250px;
    width: 125%;
}
.modal-body{
    font-size: 13px;
}

.open-modal-comercio div.card-body{
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}
.open-modal-comercio:hover div.card-body{
    border-left: 1px solid #008794;
    border-right: 1px solid #008794;
    border-bottom: 1px solid #008794;
}
/*Fin cambios*/
.caja-sombreada .dropdown label,
.caja-sombreada .dropdown .dropdown-toggle
{
    color: #003865;
}
.caja-sombreada .dropdown label{
    font-weight: bold;
}

@media (min-width: 992px) {
    .sticky-div-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0; 
        z-index: 1020;
    }
}
#searchInput{
    width: 100%;
    padding: 8px 30px 8px 8px;
    border: 1px solid #003764;
    color: #A1A1A1;
    border-radius: 50px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1) !important;
}
#searchInput:hover {
    border: 1px solid #00C1D4
}