@import url("https://fonts.googleapis.com/css?family=Fira+Sans");

/* .caja-contenido-banner{
    max-height: 70vh;
} */

.carousel-inner img{
    max-height: 750px;
}
.carousel-inner h5{
    color: white;
}
.carousel-inner p{
    color: white;
}
.navbar-brand img{
    max-height:3rem;
    width: auto;
}
.imgterror {
    background-image: url('../img/bgimgterror.png');
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 500px;
    background-position: center;
    border-bottom-left-radius: 155px;
    transition: background-image 2s;
}

.imgterror:hover {
    background-image: url('../img/Group 475.png');
    background-position: center;
    transition: background-image 2s;
}
.imgterror img {

    max-width: 100% !important;
    transition: transform 0.5s;
}

.imgterror img:hover {
    transform: scale(1.2) translate(8.0%, -8.0%);
}
.fade-in-animation {
    opacity: 0;
    animation: fade-in 1s ease-in forwards;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


 

  .nav-item {
    margin: 0 10px; /* Espaciado entre los enlaces */
  }

  
  body{
  
    background:#eee;
}
.gradient-brand-color {
    background-image: -webkit-linear-gradient(0deg, #376be6 0%, #6470ef 100%);
    background-image: -ms-linear-gradient(0deg, #376be6 0%, #6470ef 100%);
    color: #fff;
}
.contact-info__wrapper {
    overflow: hidden;
    border-radius: .625rem .625rem 0 0
}

@media (min-width: 1024px) {
    .contact-info__wrapper {
        border-radius: 0 .625rem .625rem 0;
        padding: 5rem !important
    }
}
.contact-info__list span.position-absolute {
    left: 0
}
.z-index-101 {
    z-index: 101;
}
.list-style--none {
    list-style: none;
}
.contact__wrapper {
    background-color: #fff;
    border-radius: 0 0 .625rem .625rem
}

@media (min-width: 1024px) {
    .contact__wrapper {
        border-radius: .625rem 0 .625rem .625rem
    }
}
@media (min-width: 1024px) {
    .contact-form__wrapper {
        padding: 5rem !important
    }
}
.shadow-lg, .shadow-lg--on-hover:hover {
    box-shadow: 0 1rem 3rem rgba(132,138,163,0.1) !important;
}
/* .tradingview-widget-container{
    max-width: 100%;
    max-height: 580px !important;
}
@media only screen and (max-width: 480px) {
    .tradingview-widget-container {
        max-width: 100%;
        height: 500px !important;
} */

@media only screen and (max-width: 480px) {
    .imgterror{
        margin-top: 80px;
    }
}