.mb-bc{--mb-ink: rgb(var(--color-foreground));--mb-muted: rgba(var(--color-subtext), var(--color-subtext-alpha, 1));--mb-line: rgba(var(--color-foreground), .12);--mb-r: var(--pcard-radius, 10px);--mb-bc-gap: 16px;background:rgb(var(--color-background));color:var(--mb-ink)}.mb-bc__list{margin:0;padding:0;list-style:none}.mb-bc__list--grid{display:grid;grid-template-columns:repeat(var(--mb-bc-cols, 4),minmax(0,1fr));gap:var(--mb-bc-gap)}.mb-bc__list--row{display:flex;gap:var(--mb-bc-gap);padding-bottom:6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.mb-bc__list--row:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:3px}.mb-bc__list--row>.mb-bc__item{flex:0 0 calc((100% - (var(--mb-bc-cols, 4) - 1) * var(--mb-bc-gap)) / var(--mb-bc-cols, 4));scroll-snap-align:start}.mb-bc__item{min-width:0;margin:0}.mb-bc__card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--mb-line);border-radius:var(--mb-r);color:inherit;text-decoration:none;transition:border-color .18s ease}.mb-bc__media{position:relative;display:block;aspect-ratio:1 / var(--mb-bc-ratio, .75);overflow:hidden;background:rgba(var(--color-foreground),.06)}.mb-bc__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.mb-bc__badge{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:4px;background:#fffffff2;color:#1d1d1b;font-size:1.1rem;font-weight:700;line-height:1.3}.mb-bc__body{display:block;flex:1;padding:14px 12px 16px;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.mb-bc__name{display:block;margin-bottom:6px;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:600;line-height:1.25}.mb-bc__text{display:block;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1))}@media(hover:hover){a.mb-bc__card:hover{border-color:rgba(var(--color-foreground),.35)}a.mb-bc__card:hover .mb-bc__img{transform:scale(1.03)}}@media(max-width:767px){.mb-bc{--mb-bc-gap: 12px}.mb-bc__list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-bc__list--grid.mb-bc__list--m1{grid-template-columns:minmax(0,1fr)}.mb-bc__list--row>.mb-bc__item{flex-basis:calc((100% - (var(--mb-bc-cols-m, 1.3) - 1) * var(--mb-bc-gap)) / var(--mb-bc-cols-m, 1.3))}.mb-bc__name{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.mb-bc__card,.mb-bc__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/mb-tarjetas-marca.css.map */