/* Modelo 61 · Callejero — clases .cj */
.pmc-m-callejero { min-height: 100vh; margin: 0; background-color: var(--pmc-secondary); background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.6px), radial-gradient(rgba(255,255,255,.04) 1px, transparent 1.6px); background-size: 9px 9px, 13px 13px; background-position: 0 0, 4px 6px; color: #fafafa; }
.cj { --k-ink: #fafafa; --k-muted: #d4d4d8; --k-line: rgba(255,255,255,.16); --k-accent: var(--pmc-primary-ink); --k-btn-r: .9rem; --k-gap: 1.4rem; --k-q-bg: #fafafa; --k-q-ink: #18181b; --k-q-border: 0; --k-h: var(--pmc-display); --k-h2-s: 1.8rem; --k-h2-w: 400; --k-photo-r: .9rem; }
.cj-head { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: .7rem; padding: 6rem 1.1rem 1.4rem; }
.cj-st { position: absolute; padding: .4rem .75rem; border: 3px solid #fafafa; border-radius: .7rem; font: 800 .85rem/1 var(--pmc-font); text-transform: uppercase; box-shadow: 3px 3px 0 rgba(0,0,0,.45); }
.cj-st1 { left: 1.1rem; top: 1.1rem; padding: .7rem .9rem; border-radius: 50%; background: var(--pmc-primary); color: var(--pmc-on-primary); transform: rotate(-12deg); font-size: 1rem; }
.cj-st2 { left: 6.8rem; top: 1.5rem; background: #fde047; color: #18181b; transform: rotate(6deg); }
.cj-st3 { right: 1rem; top: 3.7rem; background: #fafafa; color: #18181b; transform: rotate(-5deg); }
.cj-name { position: relative; font: 400 clamp(2.3rem, 11.5vw, 3rem)/1.02 var(--pmc-display); text-transform: uppercase; text-shadow: 4px 4px 0 var(--pmc-primary); }
.cj-tagline { position: relative; padding: .45rem .8rem; border-radius: .5rem; background: #fafafa; color: #18181b; font-weight: 700; transform: rotate(-1.5deg); }
.cj .k-btn { font-weight: 800; text-transform: uppercase; letter-spacing: .02em; }
.cj .k-main { min-height: 3.8rem; font-size: 1.15rem; border: 3px solid #fafafa; box-shadow: 4px 4px 0 #000; }
.cj .k-tagbox { padding: 1rem; border-radius: 1rem; background: #fde047; color: #18181b; transform: rotate(-1deg); }
.cj .k-tagbox .k-h2 { font-size: 1.2rem; }
.cj .k-tags li { border-color: #18181b; font-weight: 700; }
.cj .k-items .k-item { padding: .9rem 1rem; margin-bottom: .55rem; border: 2px solid rgba(255,255,255,.2); border-radius: 1rem; background: rgba(0,0,0,.35); }
.cj .k-items .k-item:last-child { padding-bottom: .9rem; margin-bottom: 0; }
.cj .k-item-name { font-size: 1.1rem; font-weight: 800; }
.cj .k-price { padding: .3rem .7rem; border-radius: .5rem; background: var(--pmc-primary); color: var(--pmc-on-primary); font: 400 1.05rem var(--pmc-display); transform: rotate(-3deg); }
.cj .k-when, .cj .k-reach { padding: 1.2rem; border-radius: 1rem; background: rgba(0,0,0,.35); border: 2px dashed rgba(255,255,255,.25); }
.cj .k-qr { border-radius: .8rem; }
.cj .k-sbtn:first-child { background: var(--pmc-primary); color: var(--pmc-on-primary); }
.cj .k-links a { border-color: rgba(255,255,255,.35); }
.cj-foot a { color: #d4d4d8; }