/* Modelo 39 · Japandi — clases .jp */
.pmc-m-japandi { min-height: 100vh; margin: 0; background: var(--pmc-secondary); }
.jp { --k-ink: #2b2520; --k-muted: #5b524a; --k-line: rgba(43,37,32,.16); --k-accent: var(--pmc-primary-ink); --k-btn-r: 0; --k-gap: 1.9rem; --k-q-border: 0; --k-h2-s: .74rem; --k-h2-w: 500; --k-photo-r: 0; --k-gal-cols: 2; }
.jp .k-body { padding: 2.2rem 1.75rem 1.75rem; }
.jp-head { display: flex; justify-content: space-between; gap: 1rem; }
.jp-title { display: flex; flex-direction: column; gap: .9rem; min-width: 0; }
.jp-dot { width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--pmc-primary); }
.jp-name { font: 400 clamp(2.4rem, 12vw, 2.8rem)/1.02 var(--pmc-display); }
.jp-tagline { max-width: 14rem; color: #5b524a; line-height: 1.6; }
.jp-vert { margin: 0; writing-mode: vertical-rl; font-size: .7rem; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: #5b524a; }
.jp-pics { display: grid; grid-template-columns: 3fr 2fr; gap: .6rem; height: 17rem; }
.jp-cover { height: 100%; background: #e2d9cc; }
.jp-logo { --k-logo: 100%; width: 100%; height: 100%; --k-logo-r: 0; font: 400 2.2rem var(--pmc-display); }
.jp .k-actions { gap: 0; border-top: 1px solid #2b2520; }
.jp .k-actions .k-btn { justify-content: space-between; width: 100%; min-height: 3.6rem; padding: 0; background: none; color: #2b2520; font-weight: 500; border-bottom: 1px solid rgba(43,37,32,.2); flex-direction: row-reverse; }
.jp .k-actions .k-btn:last-child { border-bottom-color: #2b2520; }
.jp .k-quick { display: block; }
.jp-open { align-self: flex-start; margin-top: -1rem; background: none; padding: 0; font-weight: 500; }
.jp .k-h2 { text-transform: uppercase; letter-spacing: .22em; color: #5b524a; }
.jp .k-item-name { font: 400 1.2rem var(--pmc-display); }
.jp .k-price { font-weight: 500; }
.jp .k-share { padding-top: 1.3rem; border-top: 1px solid #2b2520; }
.jp .k-qr { border-radius: 0; padding: 0; background: transparent; }
.jp .k-sbtn { border: 1px solid #2b2520; font-weight: 500; }
.jp .k-sbtn:first-child { background: var(--pmc-primary); color: var(--pmc-on-primary); border-color: var(--pmc-primary); }
.jp .k-links { justify-content: flex-start; }
.jp .k-links a { border: 0; padding-left: 0; font-size: .72rem; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; text-decoration: underline; }
.jp-foot { text-align: left; padding-left: 1.75rem; }
.jp-foot a { color: #5b524a; }