/* ---------- Logos de Marcas --------- */
.marcas-slider img {
    width: 100%;
    filter: grayscale(100%);
  }

.marcas-slider img:hover {
    filter: grayscale(0);
}

.logos-marcas {
    max-width: 1040px;
    margin: 0 auto;
}

.marcas-slider .item {
    background-color: #fff;
    padding: 15px;
}

.marcas-slider .slick-slide {
    margin: 15px;
}

.slick-dots li .slick-activate button:before {
    color: #278cd9;
}

.slick-dots li button:before {
    font-size: 12px;
}

.marcas-slider .slick-next:before {
    color: #278cd9;
    font-size: 24px;
}

.marcas-slider .slick-prev:before {
    color: #278cd9;
    font-size: 24px;
}

.item:hover {
    display: block;
    transition: all ease 0.3s;
    transform: scale(1.2) translateY(-5px);
}

/* ---------- Diseño Responsivo --------- */
@media only screen and (min-width: 901px) and (max-width: 1150px) {
/*--------------Logos Marcas------------*/
    .logos-marcas {
        max-width: 80%;
    }

    .logos-marcas h4 {
        margin-top: 20px;
        margin-left: 20px;
    }

}

@media only screen and (max-width: 900px) {
/*--------------Logos Marcas------------*/
    .logos-marcas {
        max-width: 80%;
    }

    .logos-marcas h4 {
        font-size: 1.4em;
        margin-left: 20px;
    }
}

@media only screen and (max-width: 600px){
/*--------------Logos Marcas------------*/
.logos-marcas {
    max-width: 70%;
}

    .logos-marcas h4 {
        font-size: 1.5em;
    }
}