/* REDE Catálogo — Puente Premesón 0.1.2 */

.rede-premeson-filter-field{
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:180px;
    margin:0 10px 0 0;
}

.rede-premeson-filter-field label{
    display:block;
    margin:0;
    font-weight:700;
    color:#111827;
    font-size:14px;
    line-height:1.2;
}

.rede-premeson-filter-field select{
    width:100%;
    min-height:42px;
    padding:8px 12px;
    border:1px solid #d7dce2;
    border-radius:10px;
    background:#fff;
    color:#111827;
    font:inherit;
}

.rede-premeson-filter-hidden{
    display:none!important;
}

.rede-premeson-auto-card{
    overflow:hidden;
    border:1px solid #e2e5e9;
    border-radius:14px;
    background:#fff;
}

.rede-premeson-auto-link{
    display:block;
    color:inherit;
    text-decoration:none;
}

.rede-premeson-auto-media{
    display:block;
    width:100%;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#f4f5f6;
}

.rede-premeson-auto-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.rede-premeson-auto-copy{
    display:grid;
    gap:10px;
    padding:14px;
}

.rede-premeson-auto-copy strong{
    color:#111;
}

.rede-premeson-auto-copy span{
    color:#14863b;
    font-weight:700;
}

@media (max-width:767px){
    .rede-material-filter-wrap{
        display:flex!important;
        flex-wrap:wrap!important;
        overflow:visible!important;
        white-space:normal!important;
        gap:8px!important;
    }

    .rede-material-filter-wrap > *{
        flex:0 0 auto!important;
        max-width:100%!important;
    }

    .rede-premeson-filter-field{
        width:100%!important;
        min-width:0!important;
        margin:12px 0 0!important;
    }

    .rede-premeson-filter-field select{
        width:100%!important;
        min-height:52px!important;
        font-size:16px!important;
    }
}


/* 0.1.4 — Mármol como cuarto material, sin alterar filtros nativos */
.rede-material-marble-btn{
    cursor:pointer;
}

.rede-material-marble-btn.active,
.rede-material-marble-btn.selected,
.rede-material-marble-btn.is-active{
    background:#111!important;
    border-color:#111!important;
    color:#fff!important;
}