/* Sombra para elementos*/
.shadow-slick {
    background-color: #fff;
    width: 7rem;
    height: 7rem;
    transition: box-shadow .2s ease-in-out;
}

.shadow-slick:hover {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .07), 0 5px 10px 0 rgba(0, 0, 0, .1);
}

.bg-white {
    background-color: #fff;
}
/* Fade para el background de las secciones del home */
/* .bg-fade-home {
    background: linear-gradient(180deg, #555581 0%, rgba(85, 85, 129, 0) 100%);
} */

.img-section-sell{
    width:4em; 
    height:4em;
}

.text-color-secondary{
    color: var(--colorSecondary)!important;
    font-size: 12px;
}

/* Sacamos el padding del container del banner */
.container-banner {
    margin-inline: 1.5rem;
}

/* Cambiamos las lineas por puntos debajo del banner */
.carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    opacity: 1;
}

/* Si está activo, mostramos el punto con un espacio al medio */
.carousel .carousel-indicators .active {
    border: 1px solid #fff;
    width: 10px;
    height: 10px;
    background-color: transparent;
}

.seccion-unidades-destacadas-home .container-banner .row img{
    height: 5em;
}

@media (max-width: 768px) {
    .secciones-home-destacadas .container .row #img-banner-home-1-mobile-bottom,#img-banner-home-2-mobile-bottom,#img-banner-home-3-mobile-bottom {
        height: 5em;
    }
}

.secciones-home-destacadas .titulo-img-secciones-home{
    color: #FFF;
    font-size: 24px;
}

/* Agencias más destacadas */
.slick-agencias-destacadas-home a:hover, .slick-agencias-destacadas-home a:focus, .slick-agencias-destacadas-home a:active {
    text-decoration: none;
}

/* Marcas más buscadas */
/* Ponemos width y height a las imagenes de las marcas */
.slick-marcas-buscadas img {
    width: 4rem;
    height: 4rem;
}

.slick-agencias-premium img {
    width: 6rem;
    height: 6rem;
    object-fit: cover;
}
/* Reducimos el margin entre los elementos del carousel */
.slick-marcas-buscadas .slick-track .slick-slide {
    margin: 0.5rem 0.5rem;
}

/* Reducimos el margin entre los elementos del carousel */
.slick-marcas-buscadas .slick-track .slick-slide {
    margin: 0.5rem 0.5rem;
}

.slick-agencias-premium  .slick-track .slick-slide {
    margin: 0.5rem 0.5rem;
}

.slick-marcas-buscadas{
    width: 100%;
    height: 7em;
}

.slick-agencias-premium{
    width: 100%;
    height: 7em;
}

.slick-marcas-buscadas .slick-prev{
    left: -50px!important;
}

.slick-agencias-premium .slick-prev{
    left: -50px!important;
}



.slick-marcas-buscadas .slick-next{
    right: -50px!important;
}

.slick-agencias-premium .slick-next{
    right: -50px!important;
}

.bg-destacadas {
    background: linear-gradient(180deg, rgba(226,226,238,1) 0%, rgba(226,226,238,0) 100%);
}


/* Estilo para el skeleton loader */
.skeleton-loader-banner {
    background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #DDDDDD, #F0F0F0);
    background-size: 400% 400%;
    -webkit-animation: Gradient 2.25s ease infinite;
    -moz-animation: Gradient 2.25s ease infinite;
    animation: Gradient 2.25s ease infinite;

}

.banner-cargado {
    display: none;
}

.skeleton-loader-vender-unidad-mobile {
    background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #DDDDDD, #F0F0F0);
    background-size: 400% 400%;
    -webkit-animation: Gradient 2.25s ease infinite;
    -moz-animation: Gradient 2.25s ease infinite;
    animation: Gradient 2.25s ease infinite;
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.skeleton-loader-vender-unidad {
    background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #DDDDDD, #F0F0F0);
    background-size: 400% 400%;
    -webkit-animation: Gradient 2.25s ease infinite;
    -moz-animation: Gradient 2.25s ease infinite;
    animation: Gradient 2.25s ease infinite;
}

.contenido-cargado-vender-unidad {
    display: none;
}

.contenido-cargado-vender-unidad-mobile {
    display: none;
}

.skeleton-loader-seccion-destacada {
    background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #DDDDDD, #F0F0F0);
    background-size: 400% 400%;
    -webkit-animation: Gradient 2.25s ease infinite;
    -moz-animation: Gradient 2.25s ease infinite;
    animation: Gradient 2.25s ease infinite;

}

/* Estilo para el skeleton loader */
.skeleton-loader-marcas-destacada {
    background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #DDDDDD, #F0F0F0);
    background-size: 400% 400%;
    -webkit-animation: Gradient 2.25s ease infinite;
    -moz-animation: Gradient 2.25s ease infinite;
    animation: Gradient 2.25s ease infinite;
    display:flex

}

.contenido-cargado-marcas-destacada {
    /* display: none; */
    border: #E8E8E8 1px solid;
}

/* Estilo para el skeleton loader */
.skeleton-loader-unidades-destacada-precio {
    background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #DDDDDD, #F0F0F0);
    background-size: 400% 400%;
    -webkit-animation: Gradient 2.25s ease infinite;
    -moz-animation: Gradient 2.25s ease infinite;
    animation: Gradient 2.25s ease infinite;
    height: 30px;
    margin-bottom: 0.5rem;

}

.skeleton-loader-unidades-destacada-modelo{
    background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #DDDDDD, #F0F0F0);
    background-size: 400% 400%;
    -webkit-animation: Gradient 2.25s ease infinite;
    -moz-animation: Gradient 2.25s ease infinite;
    animation: Gradient 2.25s ease infinite;
    height: 60px;
    margin-bottom: 0.5rem;
}

.skeleton-loader-unidades-destacada-kilometraje{
    background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #DDDDDD, #F0F0F0);
    background-size: 400% 400%;
    -webkit-animation: Gradient 2.25s ease infinite;
    -moz-animation: Gradient 2.25s ease infinite;
    animation: Gradient 2.25s ease infinite;
    height: 20px;
    margin-bottom: 0.5rem;
}

.skeleton-loader-unidades-destacada-agencia {
    background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #DDDDDD, #F0F0F0);
    background-size: 400% 400%;
    -webkit-animation: Gradient 2.25s ease infinite;
    -moz-animation: Gradient 2.25s ease infinite;
    animation: Gradient 2.25s ease infinite;
    height: 30px;
    margin-bottom: 0.5rem;

}

.contenido-cargado-unidades-destacados-precio {
    display: none;
}

.contenido-cargado-unidades-destacados-modelo{
    display: none;
}

.contenido-cargado-unidades-destacados-kilometraje{
    display:none;
}

.contenido-cargado-unidades-destacada-img{
    display:none!important
}

.contenido-cargado-unidades-destacados-agencia{
    display:none;
}


@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}