/* ===== TIENDA STYLES ===== */

.navbar-links a.active{color:white;border-bottom:2px solid white;padding-bottom:2px}

.tienda-hero{padding:120px 0 48px;background:var(--g50);text-align:center}
.tienda-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--g900);margin-bottom:10px}
.tienda-hero p{font-size:1.05rem;color:var(--g500)}

.tienda-listing{padding:48px 0 90px}

.tienda-filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.tf{
    padding:8px 22px;border-radius:50px;border:2px solid var(--g200);
    background:white;color:var(--g600);font-size:.88rem;font-weight:700;
    cursor:pointer;transition:all .2s;font-family:inherit;
}
.tf:hover{border-color:var(--naranja);color:var(--naranja)}
.tf.active{background:var(--naranja);color:white;border-color:var(--naranja)}

.tienda-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}

@media(max-width:1024px){
    .tienda-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
    .tienda-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto 40px}
}