.ma-tipos[hidden]{display:none}.ma-tipos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250}.ma-tipos__fondo{position:absolute;top:0;right:0;bottom:0;left:0;background:#24365280;opacity:0;transition:opacity .24s ease}.ma-tipos.is-open .ma-tipos__fondo{opacity:1}.ma-tipos__hoja{position:absolute;left:0;right:0;bottom:0;max-height:88dvh;display:flex;flex-direction:column;background:var(--bg);border-radius:18px 18px 0 0;box-shadow:0 -10px 44px #24365238;transform:translateY(100%);transition:transform .26s cubic-bezier(.22,1,.36,1)}.ma-tipos.is-open .ma-tipos__hoja{transform:translateY(0)}.ma-tipos__asa{width:38px;height:4px;margin:10px auto 2px;border-radius:999px;background:var(--line);padding:8px 0;background-clip:content-box;cursor:grab;touch-action:none}.ma-tipos__head{display:flex;align-items:center;justify-content:space-between;padding:4px 18px 12px;border-bottom:1px solid var(--line);touch-action:none}.ma-tipos__h2{margin:0;font-family:var(--font-display);font-size:19px;color:var(--ink)}.ma-tipos__cerrar{width:40px;height:40px;border:0;background:transparent;border-radius:999px;font-size:26px;line-height:1;color:var(--ink-2);cursor:pointer}.ma-tipos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;padding:16px 18px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.ma-tipos__item{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none}.ma-tipos__foto{display:block;width:100%;aspect-ratio:1 / 1;border-radius:var(--r-md, 10px);border:1px solid var(--line);background:var(--bg-2);overflow:hidden}.ma-tipos__foto img,.ma-tipos__color{display:block;width:100%;height:100%;object-fit:cover}.ma-tipos__item.is-actual .ma-tipos__foto{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.ma-tipos__nombre{font-family:var(--font-body);font-size:12px;line-height:1.3;text-align:center;color:var(--ink)}@media(min-width:769px){.ma-tipos__hoja{max-width:560px;margin:0 auto;border-radius:18px;bottom:5vh}.ma-tipos__grid{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/ma-tipos-hoja.css.map */