:root{--bg:#fbfbfd;--surface:#fff;--ink:#1d1d1f;--muted:#6e6e73;--subtle:#6e6e73;--line:#00000014;--accent:#5b5bd6;--accent-hover:#4442b8;--accent-soft:#5b5bd61a;--danger:#b3362d;--dark:#0d0d10;--glass:#fbfbfdd9;--field:#0000000d;--chip-line:#00000017;--grad:linear-gradient(135deg,#6ee7d3,#818cf8,#c084fc);--hatch:repeating-linear-gradient(135deg,#ececef 0 8px,#f6f6f8 8px 16px);--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",system-ui,sans-serif;--display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--sans);color:var(--ink);background:var(--bg);scroll-behavior:smooth;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:inherit}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{background:var(--ink);color:var(--bg);z-index:10;border-radius:10px;padding:12px 16px;position:absolute;top:-100px;left:10px}.skip:focus{top:10px}.demo-notice{background:var(--dark);color:#98989d;justify-content:space-between;align-items:center;gap:20px;padding:10px 24px;font-size:12px;line-height:1.5;display:flex}.demo-notice strong{color:#f5f5f7;font-weight:500}.demo-notice a{color:#f5f5f7;white-space:nowrap;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.demo-notice a:hover{color:#fff}.demo-header,main,footer{max-width:1120px;margin:auto;padding-inline:36px}.demo-header{border-bottom:1px solid #00000012;align-items:center;gap:14px;height:64px;display:flex}.header-bar{z-index:5;background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(20px);position:sticky;top:0}.brand{font:600 19px/1 var(--sans);letter-spacing:-.02em;text-decoration:none}.demo-header>span{font:600 10.5px/1 var(--sans);letter-spacing:.08em;color:var(--subtle)}.cart-link{font:500 13px/1 var(--sans);background:var(--surface);border:1px solid #0000001a;border-radius:980px;align-items:center;gap:8px;margin-left:auto;padding:8px 8px 8px 14px;text-decoration:none;display:inline-flex}.cart-link span{background:var(--accent);color:#fff;border-radius:980px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;display:inline-flex}.demo-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding-block:56px;display:grid}.eyebrow{font:600 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);display:block}h1{font:600 64px/1.04 var(--display);letter-spacing:-.035em;text-wrap:balance;margin:18px 0}p{line-height:1.55}.demo-hero p{max-width:420px;color:var(--muted);margin:0;font-size:17px}.business-info{font:400 11px/1.5 var(--mono);letter-spacing:.04em;color:#56565b;background:#0000000a;border-radius:8px;margin-top:24px;padding:7px 10px;display:inline-block}.hero-art{background:var(--hatch);aspect-ratio:1.15;border:1px solid #00000014;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-art:after{content:"";background:var(--grad);opacity:.18;filter:blur(40px);height:60%;position:absolute;inset:auto -20% -40%}.hero-art>span{font-size:120px;position:relative}.art-caption{font:500 13px/1 var(--sans);border:1px solid var(--line);background:#ffffffe6;border-radius:980px;margin-top:22px;padding:9px 14px;position:relative}.catalog-section{border-top:1px solid var(--line);padding-top:40px}.catalog-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}h2{font:600 34px/1.1 var(--display);letter-spacing:-.03em;margin:0}.search-label{color:var(--subtle);flex-direction:column;gap:8px;font-size:12px;display:flex}input{background:var(--field);border:1px solid #0000;border-radius:14px;width:280px;padding:12px 14px;font-size:15px}input:focus{background:var(--surface);border-color:#0000001f}.filters{flex-wrap:wrap;gap:8px;margin:22px 0 14px;display:flex}.filters button{border:1px solid var(--chip-line);background:var(--surface);border-radius:980px;min-height:44px;padding:9px 15px;font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:500}.result-count{font:400 11.5px/1 var(--mono);letter-spacing:.04em;color:var(--subtle);margin:0 0 18px}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.product{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.product-art{background:var(--hatch);justify-content:center;align-items:center;height:170px;display:flex;position:relative}.product-art>span:first-child{font-size:64px}.sold-out{font:500 11.5px/1 var(--sans);color:var(--danger);backdrop-filter:blur(6px);background:#d1453b1f;border-radius:980px;padding:6px 10px;position:absolute;top:12px;left:12px}.product h3{font:500 17px/1.2 var(--sans);margin:16px 20px 6px}.product p{color:var(--muted);min-height:42px;margin:0 20px 16px;font-size:13.5px}.product-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:0 20px 20px;display:flex}.product-bottom strong{font:500 17px/1 var(--sans)}.add{background:var(--accent);color:#fff;border:0;border-radius:980px;padding:9px 14px;font-size:12.5px;font-weight:500}.add:hover:not(:disabled){background:var(--accent-hover)}.add:disabled{color:var(--muted);opacity:1;background:#0000000f}.order{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:64px;margin-top:56px;padding-block:48px;display:grid}.order h2{margin:14px 0}.order p{color:var(--muted);font-size:15px}.order .order-note,.order-note{color:var(--subtle);font-size:12px;line-height:1.55}.order-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;align-self:start;padding:24px}#cart-items{margin:0 0 18px;padding:0;list-style:none}.cart-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-block:12px;font-size:14px;display:flex}.cart-item small{color:var(--muted);margin-top:4px;font-size:12.5px;display:block}.quantity{align-items:center;gap:10px;font-weight:500;display:flex}.quantity button{background:var(--surface);border:1px solid #0000001f;border-radius:50%;width:44px;height:44px;font-size:15px;line-height:1}.total{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.total strong{font:600 28px/1 var(--display);letter-spacing:-.02em;color:var(--ink)}.primary{background:var(--accent);color:#fff;border:0;border-radius:12px;width:100%;padding:15px;font-size:15px;font-weight:500}.primary:hover:not(:disabled){background:var(--accent-hover)}.clear{min-height:44px;color:var(--accent);background:0 0;border:0;margin:8px auto 0;padding:0 16px;font-size:13px;display:block}footer{border-top:1px solid var(--line);color:var(--subtle);justify-content:space-between;align-items:center;gap:20px;padding-block:24px;font-size:12px;display:flex}.made-with{color:var(--ink);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:inline-flex}.made-with:hover{color:var(--accent)}dialog{background:var(--bg);width:calc(100% - 32px);max-width:510px;color:var(--ink);border:0;border-radius:24px;padding:32px;box-shadow:0 30px 70px -20px #00000073}dialog::backdrop{backdrop-filter:blur(4px);background:#0d0d108c}dialog h2{margin-top:12px;font-size:28px}dialog p{color:var(--muted);font-size:14px}dialog label{color:var(--subtle);font-size:12px}.close{float:right;background:#0000000f;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;line-height:1}textarea{resize:vertical;width:100%;font:400 12.5px/1.6 var(--mono);background:var(--surface);border:1px solid #0000001a;border-radius:14px;margin:8px 0 18px;padding:14px;display:block}#copy-status{margin:12px 0 0;font-size:12.5px}body.catalogue .hero-art:after{opacity:.28}.empty-results{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:20px;grid-column:1/-1;padding:28px;font-size:14px}@media (width<=720px){.demo-notice{flex-direction:column;align-items:flex-start;gap:6px;padding-inline:20px}.demo-header,main,footer{padding-inline:20px}.demo-header>span{display:none}.demo-header{height:56px}.filters{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-20px;padding-inline:20px;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters button{flex:none}.product-bottom{flex-wrap:nowrap}.add:not(:disabled){border-radius:50%;flex:none;width:44px;height:44px;padding:0;font-size:0}.add:not(:disabled):before{content:"+";font-size:20px;line-height:44px}.add:disabled{padding:7px 10px;font-size:11px}.demo-hero{gap:22px;padding-block:32px}h1{font-size:40px}.demo-hero p{font-size:15px}.hero-art>span{font-size:64px}.art-caption{margin-top:12px;font-size:11px}.products{grid-template-columns:1fr 1fr;gap:12px}.product{border-radius:18px}.product-art{height:120px}.product-art>span:first-child{font-size:48px}.product h3{margin:12px 12px 4px;font-size:15px}.product p{min-height:58px;margin:0 12px 12px;font-size:12.5px}.product-bottom{flex-wrap:wrap;padding:0 12px 12px}.catalog-heading{flex-direction:column;align-items:stretch;gap:14px}.search-label,input{width:100%}.order{grid-template-columns:1fr;gap:16px}.order-panel{padding:20px}footer{flex-direction:column;align-items:flex-start}}@media (width<=400px){.demo-hero{grid-template-columns:1fr}.hero-art{display:none}h1{font-size:44px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}.demo-notice{z-index:6;position:relative}.demo-cta{background:var(--dark);color:#f5f5f7;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:0 auto 56px;padding:36px;display:flex}.demo-cta h2{color:#f5f5f7}.demo-cta p{color:#98989d;margin:8px 0 0;font-size:15px}.demo-cta a{color:#0d0d10;background:#f5f5f7;border-radius:980px;align-items:center;gap:8px;min-height:44px;padding:14px 22px;font-weight:500;text-decoration:none;display:inline-flex}.demo-cta a:hover{background:#fff}.demo-cta .ghost{color:#f5f5f7;background:0 0;border:1px solid #ffffff40}.demo-cta .ghost:hover{background:0 0;border-color:#ffffff80}.demo-cta-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=720px){.demo-cta{padding:26px 20px}.demo-cta-actions,.demo-cta a{justify-content:center;width:100%}}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d0d10;--surface:#17171b;--ink:#f5f5f7;--muted:#98989d;--subtle:#98989d;--line:#ffffff17;--accent:#7b7cf0;--accent-hover:#9394f5;--accent-soft:#7b7cf029;--danger:#ff6b61;--hatch:repeating-linear-gradient(135deg,#1e1e23 0 8px,#232329 8px 16px);--glass:#0d0d10cc;--field:#ffffff12;--chip-line:#ffffff1f;color-scheme:dark}:root:not([data-theme=light]) .demo-notice{border-bottom:1px solid var(--line);background:#000}:root:not([data-theme=light]) .demo-header{border-color:var(--line)}:root:not([data-theme=light]) .cart-link{border-color:var(--chip-line)}:root:not([data-theme=light]) .filters button[aria-pressed=true]{color:#0d0d10;background:#f5f5f7;border-color:#f5f5f7}:root:not([data-theme=light]) .business-info{color:#a8a8ad;background:#ffffff0f}:root:not([data-theme=light]) .art-caption{background:#17171be6}:root:not([data-theme=light]) .add:disabled{background:#ffffff12}:root:not([data-theme=light]) .quantity button,:root:not([data-theme=light]) .close{border-color:var(--chip-line);background:#ffffff12}:root:not([data-theme=light]) input:focus,:root:not([data-theme=light]) textarea{border-color:var(--chip-line)}:root:not([data-theme=light]) dialog{box-shadow:0 0 0 1px var(--line),0 30px 70px -20px #000}:root:not([data-theme=light]) dialog::backdrop{background:#0009}:root:not([data-theme=light]) .demo-cta{border:1px solid var(--line);background:#000}:root:not([data-theme=light]) .add,:root:not([data-theme=light]) .primary,:root:not([data-theme=light]) .cart-link span{color:#0d0d10}}@media screen{:root[data-theme=dark]{--bg:#0d0d10;--surface:#17171b;--ink:#f5f5f7;--muted:#98989d;--subtle:#98989d;--line:#ffffff17;--accent:#7b7cf0;--accent-hover:#9394f5;--accent-soft:#7b7cf029;--danger:#ff6b61;--hatch:repeating-linear-gradient(135deg,#1e1e23 0 8px,#232329 8px 16px);--glass:#0d0d10cc;--field:#ffffff12;--chip-line:#ffffff1f;color-scheme:dark}:root[data-theme=dark] .demo-notice{border-bottom:1px solid var(--line);background:#000}:root[data-theme=dark] .demo-header{border-color:var(--line)}:root[data-theme=dark] .cart-link{border-color:var(--chip-line)}:root[data-theme=dark] .filters button[aria-pressed=true]{color:#0d0d10;background:#f5f5f7;border-color:#f5f5f7}:root[data-theme=dark] .business-info{color:#a8a8ad;background:#ffffff0f}:root[data-theme=dark] .art-caption{background:#17171be6}:root[data-theme=dark] .add:disabled{background:#ffffff12}:root[data-theme=dark] .quantity button,:root[data-theme=dark] .close{border-color:var(--chip-line);background:#ffffff12}:root[data-theme=dark] input:focus,:root[data-theme=dark] textarea{border-color:var(--chip-line)}:root[data-theme=dark] dialog{box-shadow:0 0 0 1px var(--line),0 30px 70px -20px #000}:root[data-theme=dark] dialog::backdrop{background:#0009}:root[data-theme=dark] .demo-cta{border:1px solid var(--line);background:#000}:root[data-theme=dark] .add,:root[data-theme=dark] .primary,:root[data-theme=dark] .cart-link span{color:#0d0d10}}.notice-actions{align-items:center;gap:6px;display:inline-flex}.theme-toggle{color:#f5f5f7;background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.theme-toggle:hover{background:#ffffff1a}.theme-toggle svg{width:17px;height:17px}.theme-toggle .icono-sol{display:none}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icono-sol{display:block}:root:not([data-theme=light]) .theme-toggle .icono-luna{display:none}}:root[data-theme=dark] .theme-toggle .icono-sol{display:block}:root[data-theme=dark] .theme-toggle .icono-luna{display:none}@media (width<=720px){.notice-actions{justify-content:space-between;align-self:stretch}}html.cambio-tema::view-transition-old(root),html.cambio-tema::view-transition-new(root){mix-blend-mode:normal}html.cambio-tema::view-transition-old(root){animation:none}html.cambio-tema::view-transition-new(root){animation:.6s cubic-bezier(.16,1,.3,1) tema-revelar}@keyframes tema-revelar{0%{clip-path:circle(0 at var(--tema-x,50%) var(--tema-y,0))}to{clip-path:circle(var(--tema-r,150vmax) at var(--tema-x,50%) var(--tema-y,0))}}