/*This is modifying the btn-primary colors but you could create your own .btn-something class as well*/
.btn-primary {
    color: #fff;
    background-color: #0495c9;
    border-color: #357ebd; /*set the color you want here*/
}
.btn-myOwnColor:hover, .myOwnColor:focus, .myOwnColor:active, .myOwnColor, .open>.dropdown-toggle.myOwnColor {
    color: white;
    opacity: 0.8;
    background-color: #0CA4F8;
    border-color: none; /*set the color you want here*/
}

/* navbar stiles */


.dropdown-menu{
    border: none !important;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
}

.nav-link:focus, .nav-link:hover{
    color: #34A3F1 !important;
    font-weight: bold !important;
}

.dropdown-item:focus, .dropdown-item:hover{
    color: #34A3F1 !important;
    background-color: transparent !important;
    font-weight: bold !important;
}

.dropdown-menu a:hover{
    color: #34A3F1 !important;
    background-color: transparent !important;
    font-weight: bold !important;
}

.bg-footer {
    background-color:var(--bgFooter);
}

.enlaceRedes {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.marginExtraSmallBottom{
	margin-bottom: 15px;
}

.fv-logo-nav{
    width: 130px;
}

.copy-img {
    width: 2.4em;
    height: 2.4em;
}

.navbar-toggler{
    border: none;
}

.navbar-toggler:focus{
    box-shadow: none ;
}

.btb-gray {
    /* border-top: 0.5px solid #757575; */
    border-bottom: 0.5px solid #757575;
}

.fv-nav-box-sw{
    box-shadow: 0px 8px 12px 0px rgb(213 213 213 / 14%), 0px 1px 4px 0px rgb(208 208 208 / 10%);
}

@media screen and (min-width: 1282px) {
    .fv-logo-nav{
        width: 10.15625vw;
    }
    .enlaceRedes{
        width: 2.734375vw;
        height: 2.734375vw;
    }
    .enlaceRedes img {
        width: 1.40625vw !important;
    }
}

@media only screen and (max-width: 992px) {
    .navbarSupportedContent {
		background-image: url('/assets/background/movil/Imagen.webp');
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: -40vw bottom !important;
	}
}

@media screen and (max-height:505px){
	.navbarSupportedContent {
		background-image: url('/assets/background/movil/Imagen.webp');
		background-repeat: no-repeat;
		background-size: 40% auto;
		background-position: -20vw 30px !important;
	}
}

@media screen and (max-height:505px), screen and (min-width: 705px){
	.navbarSupportedContent {
		background-image: url('/assets/background/movil/Imagen.webp');
		background-repeat: no-repeat;
		background-size: 40% auto;
		background-position: -15vw 40px !important;
	}
	.morepb-insm-h{
		padding-bottom: 110px !important;
	}
}

@media screen and (min-height:506px) and (min-width: 705px) and (max-width: 991px){
	.navbarSupportedContent {
		background-position: -15vw bottom !important;
	}
}

/*  end navbar stiles */

/* contact component v3 */

.icon-stores{
    height: 40px;
}

.circles-contact-two{
    background-image: url('/assets/img/v3/components/circles.png') !important;
    background-repeat: no-repeat !important;
    background-size: 20% auto !important;
    background-position: 95% 100% !important;
}

@media screen and (min-width: 1282px) {
    .icon-stores{
        height: 3.125vw;
    }
}

/* end contact component v3 */

/* input home contact v3 */
.container-input-class{
    border:1px solid #34A3F1;
}
.container-input-class input {
    border:none !important;
    color: #B1B1B1 !important;
}

.container-input-class input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B1B1B1 !important;
    opacity: 0.5 !important; /* Firefox */
}

.icon-send-fv{
    width: 19px;
}

.container-input-class input:focus {
    /* removing the input focus blue box. Put this on the form if you like. */
    outline: none !important;
    color: #B1B1B1 !important;
    box-shadow: none !important;
}

.less-m-bayer{
    right: 15%;
    bottom: 5%;
}

.container-input-class input:-webkit-autofill,
.container-input-class input:-webkit-autofill:hover, 
.container-input-class input:-webkit-autofill:focus, 
.container-input-class input:-webkit-autofill:active{
    -webkit-box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    -webkit-text-fill-color: #B1B1B1 !important;
    -webkit-background-clip: text;
}
.container-input-class input:-internal-autofill-selected {
    background: transparent !important;
    background-color:transparent !important;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    margin-top: 1px;
    -webkit-background-clip: text;
}

.container-input-class button{
    margin: 1px;
    border: 1px solid transparent !important;
    min-width: 44px;
}
.container-input-class button:hover{
    border: 1px solid transparent !important;
}


/* input home */

/* home */
#newsCarrousel .swiper-slide .fv-link h5 {
    max-height: 130px;
    overflow: hidden;
    
}

#newsCarrousel .swiper-slide-active .fv-link h5{
    max-height: none;
    overflow: none;
}

#newsCarrousel .swiper-slide-active .fv-link {
    box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px #D7D7D7;
    border-top: none;
    border-left: none;
}

#newsCarrousel .swiper-slide a{
    box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.25);
     background: linear-gradient(white, white) padding-box,
              linear-gradient(to right, #D9D9D99C, #FFFFFF) border-box;
}

@media screen and (min-width: 1281px) {
    #newsCarrousel .swiper-slide .fv-link h5{
      max-height: 10.15625vw;
    }
    .container-input-class input {
        font-size: 1.25vw;
    }
}
/* home */

/* helpers cards */
.fv-text-xl-card{
    font-size: 3.28125vw;
}
.fv-text-n8-card{
    font-size: 1.40625vw;
}
/* helpers cards */


#politicasprivPage ul, #politicasprivPage ol {
    padding-left: 2rem;
}

.less-phone-download{
    margin-top: -85px;
}

.iconCheck-download{
    width: 16px;
    height: 16px;
}

.shadow-card-fv-2{
    box-shadow: 0px 4px 4px rgba(150, 150, 150, 0.25);
}

.swiper-slide-active .shadow-card-fv-2{
    box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px #D7D7D7;
    /* border: 0.5px solid #BDBDBD; */
    /* background: linear-gradient(white, white) padding-box,
              linear-gradient(to right, #D9D9D99C, #FFFFFF) border-box; */
    border-radius: 12px;
    /* border: 1px solid transparent; */
    transition: 0.5s;
    -webkit-transition:0.5s;
}

.shadow-card-fv-2:hover {
    box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px #D7D7D7;
}

.border-fv-gray-1px{
    
}

.border-fv-blue-a1{
    border: 2.5px solid #34A3F1;
}

.border-fv-blue-a1:hover {
    border: 2.5px solid #34A3F1;
}

#vendePage .text-blue-dk-finveroII:hover{
    opacity: 0.8;
    color: #34A3F1;
}

/* #modalSolitudDemo .modal-dialog{
    max-width: 510px;
} */

/* @media screen and (min-width: 1281px) {
    #modalSolitudDemo .modal-dialog{
        max-width: 39.84375vw;
    }
} */

.question-mark-icon{
    width: 35px;
    height: 35px;
}

.fix-video-scale{
    -webkit-transform: scale(1.002);
    transform:scale(1.002);
    margin-bottom: -7px;
}

.shadow-card-ce{
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.line-gray-news{
    background-color: #DBDBDB;
    height: 15px;
}

.cm-mt-less-20{
    margin-top: -19px;
}

.cm-mt-less-29{
    margin-top: -39px;
    position: relative;
    z-index: 99;
}

.card-mih-dnjds-1{
    /* height: 141px; */
    object-fit: cover;
}

.min-h-cards-w{
    min-height: 265px;
}

.shadow-nav-top{
    box-shadow: 0px 4px 30px rgba(158, 158, 158, 0.3);
    height: 13px;
    margin-top: -9px;
}

.shadow-nav-bottom{
    box-shadow: 0px -4px 4px rgba(149, 149, 149, 0.25);
}

.border-bottom-gray-div{
    border-bottom: 0.7px solid #BDBDBD;
}

.container-nav-sub-option .less{
    display: inline-block;
}
  
.container-nav-sub-option .plus{
    display: none;
}
  
.container-nav-sub-option .collapsed .plus{
    display: inline-block;
}
  
.container-nav-sub-option .collapsed .less{
    display: none;
}

.bg-sub-options-nav{
    background: rgba(52, 163, 241, 0.09);
}

@media screen and (min-width: 1281px) {
    .line-gray-news{
        height: 1.171875vw;
    }
    
    .cm-mt-less-20{
        margin-top: -1.484375vw;
    }
    
    .cm-mt-less-29{
        margin-top: -3.828125vw;
    }
    
    .card-mih-dnjds-1{
        /* height: auto;
        width: 100%;; */
        object-fit: cover;
    }
    
    .min-h-cards-w{
        min-height: 20vw;
    }
}

@media screen and (min-width: 1781px) {
    .min-h-cards-w{
        min-height: 15.3vw;
    }
}

.widthapps{
    width: 40%;
    margin-left: -10%;
}

.margin-negative-phone{
    margin-left: 20%;
}

@media screen and (max-width: 768px) {
    .less-phone-download{
        margin-top: -25px;
    }
    .card-mih-dnjds-1{
        /* height: auto;
        width: 100%;; */
        object-fit: cover;
    }
    .min-h-cards-w{
        min-height: auto;
    }
    .bg-cir-cct{
        background-image: url('/assets/img/v3/components/circle-cm-contact.svg') !important;
        background-repeat: no-repeat !important;
        background-size: 50% auto !important;
        background-position: right 0% !important;
    }
}

@media screen and (max-width: 374px) {
    .hidden-380{
        display: none;
    }
}

.btn-border-blue{
    border: 3px solid #34A3F1;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.2));
}

.card-collapsed .less {
    display: inline-block;
}

.card-collapsed .plus {
    display: none;
}

.card-collapsed .collapsed .plus {
    display: inline-block;
}

.card-collapsed .collapsed .less {
    display: none;
}

/* home btn  */

.btn-fv-hover-home{
    color: #616161;
}

.btn-fv-hover-home p{
    color: #BDBDBD;
}

.border-yellow-form{
    border: 1px solid #FFC349;
}

.img2-icon-cd{
    display: none;
}

@media screen and (min-width: 768px) {
    .btn-fv-hover-home:hover{
        background-color: #FFC349;
        color: white !important;
    }
    .btn-fv-hover-home:hover p{
        color: white;
    }
    .btn-fv-hover-home:hover .img1-icon-cd{
        display: none;
    }
    
    .btn-fv-hover-home:hover .img2-icon-cd{
        display: inline-block;
    }
}

@media screen and (min-width: 2400px) {
    .modal-dialog{
        max-width: 67% !important;
    }
}

.link-underline {
    color: #34A3F1;
    font-weight: 500;
    text-decoration-line: underline;
    transition: all 0.5s ease;
}

.link-underline:hover {
    opacity: 0.7;
}