/* Modelo 92 · Sonar — clases .sn */
.pmc-m-sonar { min-height: 100vh; margin: 0; background: var(--pmc-secondary); color: #e2f3f7; }
.sn { --k-ink: #e2f3f7; --k-muted: #b2c6cc; --k-line: rgba(226,243,247,.14); --k-accent: var(--pmc-primary-ink); --k-btn-r: .4rem; --k-gap: 1.4rem; --k-q-bg: transparent; --k-q-ink: #e2f3f7; --k-q-border: 1px solid rgba(226,243,247,.3); --k-h: var(--pmc-display); --k-h2-s: 1.3rem; --k-h2-w: 700; --k-photo-r: .4rem; }
.sn-head { display: flex; flex-direction: column; gap: .5rem; }
.sn-screen { position: relative; height: 10rem; margin-bottom: .5rem; border-radius: .6rem; background: #000; border: 1px solid rgba(226,243,247,.2); overflow: hidden; }
.sn-fan { position: absolute; left: 50%; top: -1rem; width: 14rem; height: 11rem; transform: translateX(-50%); clip-path: polygon(50% 0, 100% 100%, 0 100%); background: radial-gradient(ellipse at 50% 0, transparent 0 8%, color-mix(in srgb, var(--pmc-primary) 30%, transparent) 9% 30%, rgba(255,255,255,.18) 31% 33%, color-mix(in srgb, var(--pmc-primary) 18%, transparent) 34% 70%, transparent 72%); }
.sn-screen p { position: absolute; left: .6rem; right: .6rem; bottom: .4rem; display: flex; justify-content: space-between; margin: 0; font: 400 .7rem "Geist Mono", ui-monospace, monospace; color: var(--pmc-primary-ink); }
.sn-name { font: 700 clamp(1.7rem, 8vw, 2.1rem)/1.1 var(--pmc-display); }
.sn-tagline { line-height: 1.45; color: #b2c6cc; }
.sn-open { align-self: flex-start; }
.sn .k-main { min-height: 3.5rem; font-family: var(--pmc-display); }
.sn .k-h2 { text-transform: uppercase; letter-spacing: .1em; color: var(--pmc-primary-ink); }
.sn .k-items { padding: 1.1rem; border: 1px solid rgba(226,243,247,.18); border-radius: .5rem; }
.sn .k-price { font-family: var(--pmc-display); color: var(--pmc-primary-ink); }
.sn .k-tags li { border-radius: .3rem; border-color: var(--pmc-primary); }
.sn .k-when, .sn .k-reach { padding: 1.1rem; border: 1px solid rgba(226,243,247,.18); border-radius: .5rem; }
.sn .k-sbtn:first-child { background: var(--pmc-primary-strong); color: var(--pmc-on-strong); border-color: var(--pmc-primary-strong); }
.sn .k-links a { border-radius: .4rem; border-color: rgba(226,243,247,.3); }
.sn-foot a { color: #b2c6cc; }
