/* Modelo 70 · Marea — clases .ma */
.pmc-m-marea { min-height: 100vh; margin: 0; background: var(--pmc-secondary); }
.ma { --k-ink: #0b2233; --k-muted: #3e5567; --k-line: rgba(11,34,51,.14); --k-accent: var(--pmc-primary-ink); --k-btn-r: .6rem; --k-gap: 1.4rem; --k-q-border: 2px solid #0b2233; --k-q-ink: #0b2233; --k-h: var(--pmc-display); --k-h2-s: 1.9rem; --k-h2-w: 800; --k-photo-r: .6rem; }
.ma-head { position: relative; display: flex; flex-direction: column; align-items: center; gap: .55rem; padding: 2.2rem 1.2rem 3.4rem; text-align: center; background: var(--pmc-primary-strong); color: var(--pmc-on-strong); }
.ma-anchor { width: 2.4rem; height: 2.9rem; stroke: currentColor; }
.ma-name { font: 800 clamp(2.3rem, 11vw, 2.9rem)/1 var(--pmc-display); text-transform: uppercase; letter-spacing: .02em; }
.ma-tagline { max-width: 21rem; line-height: 1.45; }
.ma-waves { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 2.4rem; fill: var(--pmc-secondary); }
.ma-rope { display: block; height: .7rem; margin: .2rem 1.1rem 0; border-radius: 1rem; background: repeating-linear-gradient(-55deg, #c8a46a 0 6px, #8b6a3a 6px 9px); }
.ma .k-main { min-height: 3.6rem; }
.ma .k-h2 { display: flex; align-items: center; gap: .7rem; text-transform: uppercase; }
.ma .k-h2::after { content: ""; flex: 1; border-top: 3px double rgba(11,34,51,.35); }
.ma .k-h3 { color: var(--pmc-primary-ink); }
.ma .k-item-name { font-weight: 700; }
.ma .k-price { font: 800 1.2rem var(--pmc-display); color: var(--pmc-primary-ink); }
.ma .k-when, .ma .k-reach { padding: 1.2rem; border-radius: .6rem; background: #fff; border: 2px solid rgba(11,34,51,.12); }
.ma .k-qr { border-radius: .5rem; }
.ma .k-sbtn:first-child { background: #0b2233; color: #fff; border-color: #0b2233; }
.ma .k-links a { border-color: #0b2233; }
.ma-foot a { color: #3e5567; }