:root{--bg:#0b0c10;--surface:#ffffff0a;--surface-2:#ffffff0f;--border:#ffffff14;--text:#ffffffc7;--text-h:#fffffff0;--muted:#ffffff9e;--accent:#7c3aed;--accent-2:#22c55e;--shadow:#00000073 0 14px 40px -20px;--sans:system-ui, "Segoe UI", Tahoma, Arial, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/150% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{min-height:100svh}body{background:radial-gradient(1200px 600px at 70% -10%, #7c3aed38, transparent 60%), radial-gradient(900px 500px at 10% 10%, #22c55e24, transparent 55%), radial-gradient(900px 700px at 60% 110%, #3b82f61a, transparent 60%), var(--bg);margin:0}h1,h2,h3{color:var(--text-h);font-weight:800}p{margin:0}a{color:inherit}*{box-sizing:border-box}.shell{min-height:100svh}.container{width:min(1140px,100% - 32px);margin:0 auto}.mono{font-family:var(--mono);opacity:.9;margin-inline-start:8px;font-size:.95em;display:inline-block}.topbar{z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 75%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.topbarInner{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 0;display:grid}.logo{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logoMark{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, #2563eb 100%);width:42px;height:42px;box-shadow:var(--shadow);border-radius:14px;place-items:center;font-weight:900;display:grid}.logoText{gap:2px;display:grid}.logoName{color:var(--text-h);font-weight:900;line-height:1.1}.logoTag{color:var(--muted);font-size:13px}.topnav{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.topnav a{color:var(--text);border:1px solid #0000;border-radius:12px;padding:9px 10px;text-decoration:none}.topnav a:hover{border-color:var(--border);background:var(--surface);color:var(--text-h)}.topbarActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.pill{border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 12px;text-decoration:none;display:inline-flex}.pill.ghost{background:0 0}.pill:disabled{opacity:.6;cursor:not-allowed}.main{gap:18px;padding:22px 0 34px;display:grid}.catalogLayout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.catalogMain{gap:16px;min-width:0;display:grid}.heroCopy{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-2), var(--surface));box-shadow:var(--shadow);border-radius:22px;padding:18px;position:relative;overflow:hidden}.heroCopy:before{content:"";pointer-events:none;opacity:.7;background:radial-gradient(500px 260px at 30% 10%,#7c3aed59,#0000 60%);position:absolute;inset:-2px}.heroCopy>*{position:relative}.badges{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.badge{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:999px;padding:6px 10px;font-size:13px}.badge.accent{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--text-h)}.heroCopy h1{letter-spacing:-.3px;margin:0 0 10px;font-size:40px;line-height:1.1}.lead{color:var(--muted);margin-bottom:14px}.dot{opacity:.5;padding:0 8px}.search{border:1px solid var(--border);background:#0000002e;border-radius:16px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.searchIcon{width:40px;height:40px;color:var(--text-h);background:#ffffff0d;border-radius:12px;place-items:center;display:grid}.searchInput{width:100%;color:var(--text-h);font:inherit;background:0 0;border:none;outline:none}.searchInput::placeholder{color:#ffffff73}.searchBtn{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--text-h);cursor:pointer;font:inherit;border-radius:14px;padding:10px 14px}.searchBtn:hover{background:color-mix(in srgb, var(--accent) 26%, transparent)}.callout{border:1px solid var(--border);background:#ffffff08;border-radius:16px;margin-top:12px;padding:10px 12px}.callout.ok{border-color:color-mix(in srgb, var(--accent-2) 55%, var(--border));background:color-mix(in srgb, var(--accent-2) 12%, transparent)}.callout.error{border-color:color-mix(in srgb, #ef4444 55%, var(--border));background:#ef44441f}.heroPanel{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffff08;border-radius:22px;padding:18px}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.kpi{border:1px solid var(--border);background:#ffffff08;border-radius:18px;padding:12px}.kpiNum{color:var(--text-h);font-size:22px;font-weight:900}.kpiLabel{color:var(--muted);font-size:13px}.trust{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.trustTitle{color:var(--text-h);margin-bottom:10px;font-weight:900}.trustList{color:var(--muted);gap:8px;margin:0;padding-inline-start:18px;display:grid}.block{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffff08;border-radius:22px;padding:18px}.blockHead{gap:6px;margin-bottom:14px;display:grid}.blockHead h2{margin:0;font-size:22px}.muted{color:var(--muted)}.catGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.catPill{border:1px solid var(--border);cursor:pointer;color:var(--text-h);font:inherit;text-align:center;background:#ffffff08;border-radius:999px;padding:10px 12px;transition:background .12s,border-color .12s,transform .12s}.catPill:hover{background:#ffffff0d;border-color:#ffffff24;transform:translateY(-1px)}.catPill.active{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 14%, #ffffff08)}.productRows{gap:10px;display:grid}.row{border:1px solid var(--border);background:#0000001f;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.rowTitle{color:var(--text-h);margin-bottom:6px;font-weight:900}.rowMeta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:0;font-size:13px;display:flex}.rowLeft{justify-items:end;gap:10px;display:grid}.rowPrice{color:var(--text-h);font-weight:900}.qty{grid-auto-flow:column;align-items:center;gap:8px;display:inline-grid}.qtyBtn{border:1px solid var(--border);width:40px;height:40px;color:var(--text-h);cursor:pointer;background:#ffffff08;border-radius:14px;font-size:18px;line-height:1}.qtyBtn:disabled{opacity:.5;cursor:not-allowed}.qtyVal{text-align:center;min-width:44px;color:var(--text-h);font-weight:900}.qtyJump{border:1px solid var(--border);height:40px;color:var(--text-h);cursor:pointer;font:inherit;background:#ffffff08;border-radius:14px;padding:0 12px}.cart{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffff08;border-radius:22px;position:sticky;top:86px;overflow:hidden}.cartHead{border-bottom:1px solid var(--border);padding:14px 14px 10px}.cartTitle{color:var(--text-h);margin-bottom:6px;font-weight:900}.cartSummary{color:var(--muted);font-size:13px}.cartBody{gap:14px;padding:14px;display:grid}.cartLines{gap:10px;max-height:220px;padding-inline-end:6px;display:grid;overflow:auto}.cartLine{border:1px solid var(--border);background:#0000001a;border-radius:16px;padding:10px}.cartLineName{color:var(--text-h);margin-bottom:6px;font-size:14px;font-weight:800}.cartLineMeta{color:var(--muted);font-size:12px}.cartTotal{border-top:1px solid var(--border);padding-top:12px}.cartTotalRow{color:var(--text-h);justify-content:space-between;align-items:center;font-weight:900;display:flex}.form{gap:10px;display:grid}.formTitle{color:var(--text-h);font-weight:900}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:13px}.field input,.field select{border:1px solid var(--border);height:42px;color:var(--text-h);font:inherit;background:#00000024;border-radius:14px;outline:none;padding:0 12px}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.check{color:var(--muted);grid-template-columns:18px 1fr;align-items:start;gap:10px;font-size:13px;display:grid}.check input{margin-top:3px}.btn.full{width:100%}.productGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.product{border:1px solid var(--border);background:#0000001f;border-radius:22px;gap:12px;padding:14px;display:grid;overflow:hidden}.thumb{background:radial-gradient(240px 140px at 30% 30%,#7c3aed59,#0000 60%),radial-gradient(220px 160px at 70% 60%,#22c55e2e,#0000 62%),#ffffff08;border:1px solid #ffffff14;border-radius:18px;height:140px}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:999px;padding:6px 10px;font-size:12px}.chip.ok{border-color:color-mix(in srgb, var(--accent-2) 55%, var(--border));background:color-mix(in srgb, var(--accent-2) 12%, transparent);color:var(--text-h)}.productTitle{margin:0;font-size:18px;line-height:1.25}.productMeta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;display:flex}.btn{border:1px solid var(--border);color:var(--text-h);cursor:pointer;font:inherit;background:#ffffff08;border-radius:14px;padding:10px 12px}.btn.primary{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 18%, transparent)}.btn.ghost{background:0 0}.btn:hover{background:#ffffff0f}.productActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.how .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.how .steps li{border:1px solid var(--border);background:#ffffff08;border-radius:20px;gap:8px;padding:14px 12px;display:grid}.how .steps b{color:var(--text-h)}.how .steps span{color:var(--muted);font-size:13px}.contactGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.contactCard{border:1px solid var(--border);background:#ffffff08;border-radius:20px;gap:6px;padding:14px 12px;display:grid}.contactTitle{color:var(--muted);font-size:13px}.contactValue{color:var(--text-h);font-weight:900}.contactHint{color:var(--muted);font-size:13px}.footer{border-top:1px solid var(--border);background:#00000014;margin-top:18px;padding:18px 0 26px}.footerInner{justify-content:space-between;align-items:center;gap:12px;display:flex}.footerBrand{color:var(--text-h);margin-bottom:4px;font-weight:900}.whatsapp{z-index:60;border:1px solid color-mix(in srgb, var(--accent-2) 60%, var(--border));background:color-mix(in srgb, var(--accent-2) 18%, #00000040);color:var(--text-h);box-shadow:var(--shadow);border-radius:999px;padding:12px 14px;text-decoration:none;position:fixed;inset-block-end:18px;inset-inline-end:18px}.whatsapp:hover{background:color-mix(in srgb, var(--accent-2) 26%, #00000040)}@media (width<=980px){.topbarInner{grid-template-columns:auto auto;justify-content:space-between}.topnav{display:none}.catalogLayout{grid-template-columns:1fr}.cart{position:relative;top:auto}.catGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.productGrid,.how .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.contactGrid,.grid2{grid-template-columns:1fr}}@media (width<=520px){.container{width:min(1140px,100% - 22px)}.heroCopy h1{font-size:30px}.search{grid-template-columns:44px 1fr}.searchBtn{grid-column:1/-1}.catGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.productGrid,.productActions{grid-template-columns:1fr}.footerInner{flex-direction:column;align-items:flex-start}}
