/* Modelo 69 · Muestrario — clases .mu */
.pmc-m-muestrario { min-height: 100vh; margin: 0; background: #f6f5f2; }
.mu { --k-ink: #18181b; --k-muted: #52525b; --k-line: rgba(24,24,27,.12); --k-accent: var(--pmc-primary-ink); --k-btn-r: .3rem; --k-gap: 1.4rem; --k-q-bg: #fff; --k-q-ink: #18181b; --k-q-border: 1px solid rgba(24,24,27,.2); --k-h: var(--pmc-display); --k-h2-s: 1.6rem; --k-h2-w: 800; --k-photo-r: .3rem; }
.mu-head { display: grid; grid-template-columns: 5.4rem minmax(0, 1fr); gap: 1.1rem; align-items: stretch; padding-top: .6rem; }
.mu-chips { display: flex; flex-direction: column; padding: .35rem .35rem 1.6rem; border-radius: .3rem; background: #fff; box-shadow: 0 10px 22px -16px rgba(24,24,27,.5); transform: rotate(-3deg); }
.mu-chips span { flex: 1; min-height: 2.4rem; display: flex; align-items: flex-end; padding: .25rem; }
.mu-chips span + span { margin-top: .2rem; }
.mu-chips b { font: 600 .55rem var(--pmc-font); letter-spacing: .06em; text-transform: uppercase; padding: .1rem .25rem; border-radius: .15rem; background: #fff; color: #18181b; }
.mu-c1 { background: var(--pmc-primary); } .mu-c2 { background: color-mix(in srgb, var(--pmc-primary) 45%, #fff); } .mu-c3 { background: var(--pmc-secondary); } .mu-c4 { background: color-mix(in srgb, var(--pmc-secondary) 45%, #fff); }
.mu-ht { display: flex; flex-direction: column; justify-content: center; gap: .5rem; }
.mu-name { font: 800 clamp(1.9rem, 9vw, 2.4rem)/1 var(--pmc-display); text-transform: uppercase; letter-spacing: -.01em; }
.mu-tagline { line-height: 1.4; color: #3f3f46; }
.mu-open { align-self: flex-start; }
.mu .k-btn { text-transform: uppercase; letter-spacing: .06em; font-size: .9rem; }
.mu .k-main { min-height: 3.5rem; }
.mu .k-items { padding: 1.1rem; background: #fff; border-radius: .3rem; }
.mu .k-items .k-item { align-items: center; }
.mu .k-num { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: .25rem; background: var(--pmc-primary); color: var(--pmc-on-primary); font-weight: 800; }
.mu .k-items .k-item:nth-child(even) .k-num { background: var(--pmc-secondary); color: var(--pmc-on-secondary); }
.mu .k-price { font-weight: 800; }
.mu .k-tags li { border-radius: .3rem; background: #fff; }
.mu .k-when, .mu .k-reach { padding: 1.2rem; border-radius: .3rem; background: #fff; }
.mu .k-qr { border-radius: .3rem; border: 1px solid rgba(24,24,27,.12); }
.mu .k-sbtn:first-child { background: #18181b; color: #fff; }
.mu .k-links a { border-radius: .3rem; background: #fff; }
.mu-foot a { color: #52525b; }