/* Modelo 109 · Tiendita — clases .ti */
.pmc-m-tiendita { min-height: 100vh; margin: 0; background: #fffdf4; }
.ti { --k-ink: #1f2a1a; --k-muted: #4e5b46; --k-line: rgba(31,42,26,.14); --k-accent: var(--pmc-primary-ink); --k-btn-r: .6rem; --k-gap: 1.4rem; --k-q-bg: #fff; --k-q-ink: #1f2a1a; --k-q-border: 2px solid #1f2a1a; --k-h: var(--pmc-display); --k-h2-s: 1.6rem; --k-h2-w: 400; --k-photo-r: .6rem; }
.ti-head { display: flex; flex-direction: column; gap: .6rem; }
.ti-front { display: flex; flex-direction: column; align-items: center; gap: .6rem; padding: 0 1rem 1.2rem; border: 3px solid #1f2a1a; border-radius: .6rem; background: var(--pmc-secondary); text-align: center; overflow: hidden; }
.ti-awning { display: block; width: calc(100% + 2rem); height: 3rem; margin: 0 -1rem; background: repeating-linear-gradient(90deg, var(--pmc-primary) 0 1.6rem, #fff 1.6rem 3.2rem); -webkit-mask: radial-gradient(circle at .8rem 0, #000 .8rem, transparent .85rem) 0 100% / 1.6rem .8rem repeat-x, linear-gradient(#000, #000) 0 0 / 100% 2.2rem no-repeat; mask: radial-gradient(circle at .8rem 0, #000 .8rem, transparent .85rem) 0 100% / 1.6rem .8rem repeat-x, linear-gradient(#000, #000) 0 0 / 100% 2.2rem no-repeat; }
.ti-sign { padding: .5rem 1rem; border: 3px solid #1f2a1a; border-radius: .4rem; background: #fff; }
.ti-name { font: 400 clamp(1.7rem, 8.5vw, 2.2rem)/1.1 var(--pmc-display); color: var(--pmc-primary-ink); }
.ti-tagline { font-weight: 700; color: #4e5b46; }
.ti-open { align-self: center; }
.ti .k-main { min-height: 3.6rem; }
.ti .k-tagbox { padding: 1.1rem; border-radius: .8rem; border: 2px solid #1f2a1a; background: #fff; }
.ti .k-tags li { border-color: var(--pmc-primary); font-weight: 700; }
.ti .k-items, .ti .k-when, .ti .k-reach { padding: 1.2rem; border-radius: .8rem; border: 2px solid #1f2a1a; background: #fff; }
.ti .k-price { font-weight: 800; color: var(--pmc-primary-ink); }
.ti .k-sbtn:first-child { background: #1f2a1a; color: #fff; border-color: #1f2a1a; }
.ti .k-links a { border-color: #1f2a1a; }

.ti-foot a { color: var(--k-muted); }
