@layer components{.inicio{display:none}:root.hub-inicio .inicio{z-index:100;color-scheme:light dark;background:var(--bg);transition:opacity var(--d-dialog) var(--ease);animation:inicio-salvavidas var(--d-dialog) var(--ease) 10s forwards;place-items:center;display:grid;position:fixed;inset:0}@keyframes inicio-salvavidas{to{opacity:0;visibility:hidden;pointer-events:none}}:root.hub-inicio--sale .inicio{opacity:0;pointer-events:none}.inicio__f{width:96px;height:96px;overflow:visible}@media (min-width:600px){.inicio__f{width:112px;height:112px}}.inicio__base{fill:light-dark(var(--mark-ink),var(--mark-light));transform-box:fill-box}.inicio__pieza{fill:var(--mark);transform-box:fill-box}:root.hub-inicio .inicio__pieza{animation:inicio-llega .6s var(--ease) both, inicio-encaje-pieza 1.6s cubic-bezier(.4, 0, .2, 1) 2.5s infinite}:root.hub-inicio .inicio__base{animation:1.6s cubic-bezier(.4,0,.2,1) 2.5s infinite inicio-encaje-base}@keyframes inicio-llega{0%{opacity:0;transform:translate(60px)}45%{opacity:1}75%{transform:translate(-3px)}to{opacity:1;transform:none}}@keyframes inicio-encaje-base{0%,25%,72%,to{transform:none}45%{transform:translate(-6px)}62%{transform:translate(1px)}}@keyframes inicio-encaje-pieza{0%,25%,72%,to{transform:none}45%{transform:translate(16px)}62%{transform:translate(-2px)}}@media (prefers-reduced-motion:reduce){:root.hub-inicio .inicio__pieza,:root.hub-inicio .inicio__base{animation:none}}}