/* Modelo 22 · Bento — clases .bn */
.pmc-m-bento { min-height: 100vh; margin: 0; background: #efefe9; }
.bn { --k-ink: #111; --k-muted: #4a4a45; --k-line: #ecece6; --k-accent: var(--pmc-primary-ink); --k-panel: #fff; --k-panel-border: 1px solid #e2e2da; --k-radius: 1.5rem; --k-pad: 1.1rem; --k-btn-r: 1.5rem; --k-gap: .65rem; --k-q-bg: #fff; --k-q-ink: #111; --k-q-border: 1px solid #e2e2da; --k-h2-s: .8rem; --k-h2-w: 600; --k-photo-r: 1rem; }
.bn .k-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; padding: 1rem; }
.bn .k-body > * { grid-column: 1 / -1; }
.bn .k-actions, .bn .k-quick { display: contents; }
.bn .k-main { grid-column: 1 / -1; }
.bn .k-q { grid-column: auto; flex-direction: column; align-items: flex-start; justify-content: space-between; min-height: 6rem; padding: 1rem; font-size: 1rem; }
.bn .k-q:only-child { grid-column: 1 / -1; }
.bn .k-q + .k-q { background: var(--pmc-secondary); color: var(--pmc-on-secondary); border-color: transparent; }
.bn .k-q .pmc-icon { width: 24px; height: 24px; }
.bn-head { padding: 1.25rem; border-radius: 1.5rem; background: #111; color: #fff; display: flex; flex-direction: column; gap: .8rem; }
.bn-top { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.bn-logo { --k-logo: 3.25rem; --k-logo-r: 1rem; font-size: 1.15rem; }
.bn-open { background: rgba(255,255,255,.12); color: #d9f99d; font-size: .78rem; }
.bn-open.is-closed { background: rgba(255,255,255,.12); color: #fecaca; }
.bn-name { font: 700 clamp(2rem, 10vw, 2.5rem)/.98 var(--pmc-display); letter-spacing: -.03em; }
.bn-tagline { color: #d4d4cc; font-size: .98rem; line-height: 1.45; }
.bn .k-main { justify-content: space-between; min-height: 4.2rem; padding: 0 1.2rem; font-size: 1.1rem; flex-direction: row-reverse; }
.bn .k-h2 { text-transform: uppercase; letter-spacing: .08em; color: #555; }
.bn .k-text p { font-size: 1.02rem; }
.bn .k-item { justify-content: space-between; }
.bn .k-gallery { --k-gal-cols: 2; }
.bn .k-gallery li:first-child { grid-row: span 2; }
.bn .k-gallery li:first-child a { aspect-ratio: auto; height: 100%; }
.bn .k-share .k-qr { border: 1px solid #e2e2da; }
.bn .k-sbtn { border-radius: 1rem; }
.bn .k-links a { background: #fff; border-color: #e2e2da; border-radius: 1rem; }