/* Modelo 30 · Y2K Cromo — clases .cr */
.pmc-m-y2k-cromo { min-height: 100vh; margin: 0; background: var(--pmc-secondary); }
.cr { --k-ink: #14122b; --k-muted: #34305a; --k-line: rgba(20,18,43,.15); --k-accent: var(--pmc-primary-ink); --k-panel: #fff; --k-panel-border: 2px solid #14122b; --k-radius: 1.6rem; --k-pad: 1.15rem; --k-btn-r: 999px; --k-gap: 1.1rem; --k-q-bg: linear-gradient(180deg, #fff, #d6d8e2); --k-q-ink: #14122b; --k-q-border: 0; --k-h: var(--pmc-display); --k-h2-s: 1.1rem; --k-h2-w: 400; --k-photo-r: 1.1rem; --k-gal-ratio: 3 / 4; }
.cr-head { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: .75rem; padding: 1.9rem 1.4rem 2.1rem; border-radius: 0 0 2.25rem 2.25rem; color: #e6e3ff; background: radial-gradient(120% 80% at 80% 0%, color-mix(in srgb, var(--pmc-primary) 26%, #14122b) 0%, #14122b 62%); }
.cr-star { position: absolute; fill: #fff; } .cr-star svg { display: block; width: 100%; height: 100%; }
.cr-s1 { right: 1.7rem; top: 1.6rem; width: 2.1rem; height: 2.1rem; } .cr-s2 { right: 4.6rem; top: 4.4rem; width: 1rem; height: 1rem; fill: #e9d5ff; } .cr-s3 { right: 2.4rem; bottom: 2.2rem; width: 1.4rem; height: 1.4rem; opacity: .8; }
.cr-logo { --k-logo: 4.25rem; --k-logo-bg: linear-gradient(180deg, #fff, #b8bccb); --k-logo-ink: #14122b; box-shadow: inset 0 2px 0 rgba(255,255,255,.7), inset 0 -3px 6px rgba(0,0,0,.18); }
.cr-name { position: relative; padding: .2rem 0; font: 400 clamp(1.9rem, 9vw, 2.4rem)/1.25 var(--pmc-display); color: #e8eaf0; background: linear-gradient(180deg, #fff 0%, #c9ccd6 38%, #f5f6fa 50%, #a3a8b8 62%, #e8eaf0 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.cr-tagline { position: relative; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: .9rem; line-height: 1.5; color: #e6e3ff; }
.cr-open { position: relative; align-self: flex-start; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: .75rem; }
.cr .k-btn { box-shadow: inset 0 2px 0 rgba(255,255,255,.7), inset 0 -3px 6px rgba(0,0,0,.18), 0 6px 16px rgba(20,18,43,.18); }
.cr .k-main { background: linear-gradient(180deg, var(--pmc-primary-strong), var(--pmc-strong-deep)); color: var(--pmc-on-strong); font-weight: 800; }
.cr .k-text p, .cr .k-item-desc, .cr .k-hours, .cr .k-contact { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: .85rem; }
.cr .k-gallery a { border: 2px solid #14122b; }
.cr .k-items { background: #14122b; color: #fff; border-color: #14122b; --k-line: rgba(255,255,255,.14); }
.cr .k-items .k-h2 { color: #e8eaf0; background: linear-gradient(180deg, #fff 0%, #c9ccd6 38%, #f5f6fa 50%, #a3a8b8 62%, #e8eaf0 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.4; }
.cr .k-items .k-h3 { color: #c4b5fd; }
.cr .k-items .k-item-name, .cr .k-items .k-price { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: .88rem; }
.cr .k-items .k-item-desc { color: #c9c5e8; }
.cr .k-qr { border: 2px solid #14122b; border-radius: 1.2rem; }
.cr .k-share { background: transparent; border: 0; padding: 0; }
.cr .k-sbtn:first-child { background: linear-gradient(180deg, var(--pmc-primary-strong), var(--pmc-strong-deep)); color: var(--pmc-on-strong); }
.cr .k-links a { border: 0; background: linear-gradient(180deg, #fff, #d6d8e2); box-shadow: inset 0 2px 0 rgba(255,255,255,.7), inset 0 -3px 6px rgba(0,0,0,.18); }
.cr-foot a { color: #34305a; }
