/* Modelo 75 · Dermis — clases .dm */
.pmc-m-dermis { min-height: 100vh; margin: 0; background: var(--pmc-secondary); }
.dm { --k-ink: #2a1a12; --k-muted: #5d4436; --k-line: rgba(42,26,18,.12); --k-accent: var(--pmc-primary-ink); --k-btn-r: .9rem; --k-gap: 1.4rem; --k-q-bg: #fff; --k-q-ink: #2a1a12; --k-q-border: 0; --k-h: var(--pmc-display); --k-h2-s: 1.55rem; --k-h2-w: 800; --k-photo-r: 1rem; }
.dm-head { display: flex; flex-direction: column; gap: .45rem; padding-top: .3rem; }
.dm-layers { position: relative; height: 7rem; margin-bottom: .6rem; border-radius: 1.4rem; overflow: hidden; background: #fff; }
.dm-layers i { position: absolute; left: -10%; right: -10%; border-radius: 50%; }
.dm-layers i:nth-child(1) { top: 2.4rem; height: 9rem; background: color-mix(in srgb, var(--pmc-primary) 22%, #fff); }
.dm-layers i:nth-child(2) { top: 3.8rem; height: 9rem; background: color-mix(in srgb, var(--pmc-primary) 45%, #fff); }
.dm-layers i:nth-child(3) { top: 5.2rem; height: 9rem; background: var(--pmc-primary); }
.dm-layers b { position: absolute; right: 1.6rem; top: 1rem; width: 1.6rem; height: 1.6rem; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: radial-gradient(circle at 35% 35%, #fff 0 20%, color-mix(in srgb, var(--pmc-primary) 40%, #fff)); }
.dm-name { font: 800 clamp(2rem, 9.5vw, 2.45rem)/1.05 var(--pmc-display); letter-spacing: -.02em; }
.dm-who { margin: 0; font-weight: 700; color: var(--pmc-primary-ink); }
.dm-tagline { line-height: 1.45; color: #5d4436; }
.dm-open { align-self: flex-start; }
.dm .k-main { min-height: 3.5rem; }
.dm .k-items { padding: 1.2rem; border-radius: 1.2rem; background: #fff; }
.dm .k-price { color: var(--pmc-primary-ink); font-weight: 800; }
.dm .k-when, .dm .k-reach { padding: 1.2rem; border-radius: 1.2rem; background: #fff; }
.dm .k-sbtn:first-child { background: #2a1a12; color: #fff; }
.dm .k-links a { border: 0; background: #fff; }
.dm-foot a { color: #5d4436; }