/* ------------ C A T A L O G O S ------------ */
.catalogos{
    padding: 100px 0;
}
.catalogos .card-header{
    padding: 0;
}
.catalogos .card-header button{
    width: 100%;
    text-align: left;
    color: black;
}
.catalogos .btnFiltro img, .catalogos .filtro img{
    width: 12px;
}
.catalogos .card-body{
    padding: 1.25rem .75rem;
}
.catalogos .custom-checkbox .custom-control-label::before{
    border-radius: inherit!important;
}
.catalogos .card{
    border: 1px solid rgba(0,0,0,.125)!important;
}
.catalogos{
    font-size: 10pt;
}
.catalogos #accordionTemporada{
    margin: 20px 0;
}
.catalogos #accordionMaterial{
    margin-bottom: 20px;
}
.catalogos .input-group{
    margin-bottom: 20px;
}
.catalogos .form-control, .catalogos .form-control::placeholder{
    font-size: 10pt;
}
.catalogos .input-group-text{
    background-color: #F7F7F7;
}
.catalogos .input-group-text, .catalogos .form-control{
    border-radius: inherit;
    outline: none!important;
    box-shadow: none!important;
}
.catalogos .custom-control-input:checked~.custom-control-label::before{
    background-color: #DF248F;
    border-color: #DF248F;
}
.catalogos .custom-control-input:focus~.custom-control-label::before{
    box-shadow: none!important;
}
.catalogos button{
    text-decoration: none!important;
}
.catalogos .custom-control-label{
    vertical-align: middle;
    line-height: 25px;
}
.catalogos .rotate{
    transform: rotate(180deg);
}
.catalogos h1{
    color: #DF248F;
    font-weight: 600;
    margin: 0;
    padding: 0;
    max-width: none;
    text-align: left;
    font-size: 25pt;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 10px;
    margin-bottom: 60px;
}
.catalogos h1 p{
    font-size: 12pt; 
    color: black; 
    margin-top: 10px;
}
.catalogos .contentCatalogo{
    margin: 20px 0;
}
.catalogos .img{
    width: 100%;
    height: 220px;
    margin-bottom: 10px;
    background-size: cover;
    background-position: top center;
}
.catalogos .contentCatalogo a{
    color: #9e9e9e;
}
.catalogos .contentCatalogo small{
    font-size: 9pt;
}
.catalogos #itemContainer{
    min-height: inherit!important;
}
.catalogos .filtersMobile .btnFiltro{
    background-color: #DF248F;
}
.catalogos .filtersMobile{
    width: 100%;
}
.catalogos .filtersMobile .row .input-group, .catalogos .filtersMobile .row .form-control{
    margin: 0;
    height: 100%;
}

@media screen and (max-width: 767px){
    .catalogos{
        padding: 60px 0;
    }
    .catalogos h1{
        margin: 0;
        font-size: 20pt;
    }
    .catalogos .filtersMobile form{
        margin: 40px 0 20px 0;
    }
}