/* Modelo 63 · Jardín — clases .ja */
.pmc-m-jardin { min-height: 100vh; margin: 0; background: var(--pmc-secondary); }
.ja { position: relative; overflow: hidden; --k-ink: #14261a; --k-muted: #415446; --k-line: rgba(20,38,26,.14); --k-accent: var(--pmc-primary-ink); --k-btn-r: 1.6rem .4rem; --k-gap: 1.4rem; --k-q-border: 2px solid #14261a; --k-q-ink: #14261a; --k-h: var(--pmc-display); --k-h2-s: 1.8rem; --k-h2-w: 800; --k-photo-r: 2rem .5rem; --k-logo: 4rem; --k-logo-r: 1.2rem .3rem; --k-gal-cols: 2; }
.ja-leaves { position: absolute; right: -2.5rem; top: -2rem; width: 14rem; height: 14rem; transform: scaleX(-1); }
.ja-l1 { fill: var(--pmc-primary); } .ja-l2 { fill: color-mix(in srgb, var(--pmc-primary) 60%, #14261a); } .ja-l3 { fill: color-mix(in srgb, var(--pmc-primary) 55%, #fff); } .ja-l4 { fill: color-mix(in srgb, var(--pmc-primary) 35%, #fde68a); }
.ja-vein { stroke: rgba(255,255,255,.45); stroke-width: 2; }
.ja .k-body { position: relative; padding-top: 2.2rem; }
.ja-head { display: flex; flex-direction: column; align-items: flex-start; gap: .55rem; }
.ja-name { max-width: 75%; margin-top: 1.8rem; font: 800 clamp(2.3rem, 11vw, 2.9rem)/1 var(--pmc-display); letter-spacing: -.02em; }
.ja-tagline { max-width: 80%; line-height: 1.45; }
.ja .k-main { min-height: 3.6rem; }
.ja .k-items .k-item { gap: .8rem; }
.ja .k-items .k-item::before { content: ""; flex: none; align-self: center; width: 1rem; height: 1rem; border-radius: 1rem 0; background: var(--pmc-primary); }
.ja .k-item-name { font: 700 1.1rem var(--pmc-display); }
.ja .k-price { color: var(--pmc-primary-ink); }
.ja .k-tags li { border: 0; background: #fff; border-radius: 1rem .3rem; }
.ja .k-when, .ja .k-reach { padding: 1.2rem; border-radius: 1.6rem .4rem; background: #fff; }
.ja .k-qr { border-radius: 1rem .3rem; }
.ja .k-sbtn:first-child { background: #14261a; color: #fff; border-color: #14261a; }
.ja .k-links a { border-color: #14261a; }
.ja-foot a { color: #415446; }