/* Add here all your CSS customizations */
* {
    font-family: 'Quicksand', sans-serif !important;

}
.carousel_nav{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background-color:red;*/
}
.carousel_nav:hover .carousel_botones{
    /*opacity:1;*/
    display:block;
}
.carousel_botones{
    /*opacity:0;*/
    /*display:none;*/
}
.carousel_botones:hover{
    /*display:block;*/
    filter:brightness(1%) saturate(0) invert(10);

}


.color-primario {
    color: black !important;
}

.color-primario:hover {
    color: #e8902d !important;
}

.texto-naranja {
    color: #e8902d;
}

.texto-negrita {
    font-weight: 500;
}

.bg-color_oscuro {
    background-color: #212529 !important;
}

.social-iconos {
    width: 1.5em;
    /*filter:grayscale(100%);*/
    filter: invert(100%);

}

.lang_activo {
    font-weight: bold;
    color: gray;

}

.lang {
    color: gray;
    font-size: smaller;
}

.lang:hover {
    text-decoration: none !important;
}

bg-semitransparent {
    background-color: rgba(255, 255, 255, 0.2);
}

.h-33 {
    height: 33% !important;
}

.imagen-seccion {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}

.texto-seccion {
    overflow-wrap: break-word;
}

.boton-prev {
    border: 1px solid gray;
    right: 35px !important;
}

#footer {
    background-color: #131519 !important;
    border: 0;
    border: none;
}

.clientes-img {
    filter: grayscale(100%) brightness(110%) contrast(110%) hue-rotate(330deg);
}

.tags {
    font-size: 3px !important;
    /*background-color: red;*/
}
.tag{
    /*cursor:pointer;*/
}
.tag:hover{
    /*background-color:#e8902d;*/
    /*color:white;*/
}
.tagnaranja{
    background-color:#e8902d;
    color:white;
}
.active_tag{
    background-color: #d7d9d9;
    transition:all 0.5s linear;

}

.boton-down {
    /*background-color:red;*/
    /*filter:brightness(110%);*/
}

.boton-down:hover {
    animation: spin 900ms ease-out;
    /*width: 15em;*/
    /*border: 1px solid gray;*/
}

.boton-down:not( :hover ) {
    animation: unspin 400ms ease-in;
}

/* The animation code */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes unspin {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }

}

/*// Extra small devices (portrait phones, less than 576px)*/
/*// No media query for `xs` since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .listado-columnas {
        column-count: 1;
    }
    .carousel_botones{
        /*opacity:0;*/
        display:block;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .listado-columnas {
        column-count: 2;
    }
    .carousel_botones{
        /*opacity:0;*/
        display:none;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .listado-columnas {
        column-count: 3;
        column-fill: auto;
    }

}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1400px) {
    .listado-columnas{
        column-count:4;
    }
}