:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg-deep: #0D0520;--bg-base: #12082E;--bg-surface: #1A0B3D;--bg-card: #1E0F45;--bg-hover: #261555;--primary: #4B1D9B;--primary-glow: rgba(75, 29, 155, .4);--accent-blue: #2F6BFF;--accent-blue-glow: rgba(47, 107, 255, .35);--accent-magenta: #FF1E9C;--accent-magenta-glow: rgba(255, 30, 156, .3);--text-primary: #FFFFFF;--text-secondary: #D9D9E6;--text-muted: #9D9DB8;--border: rgba(75, 29, 155, .2);--border-hover: rgba(75, 29, 155, .5);--success: #30D158;--gradient-brand: linear-gradient(135deg, #4B1D9B, #2F6BFF, #FF1E9C);--gradient-btn: linear-gradient(135deg, #4B1D9B, #2F6BFF);--glow-soft: 0 0 30px rgba(75, 29, 155, .15);--glow-medium: 0 0 50px rgba(75, 29, 155, .2);--shadow: 0 8px 32px rgba(0, 0, 0, .35);background:var(--bg-base);color:var(--text-primary)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-base) 40%,var(--bg-surface) 100%)}button,input{font:inherit}.page-shell{min-height:100vh;position:relative;overflow-x:hidden}.container{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 3rem}.hero-card,.section-block,.product-card,.empty-state{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow)}.hero-card{border-radius:24px;padding:1rem;margin-top:1rem}.header-bar{display:grid;gap:1rem;align-items:center}.brand-block{min-height:52px;display:flex;align-items:center}.brand-panel{width:100%;display:grid;gap:.85rem;justify-items:center}.brand-mark{width:100%;display:flex;justify-content:center;align-items:center;padding:1rem;border-radius:22px;background:radial-gradient(ellipse at center,rgba(75,29,155,.25) 0%,rgba(47,107,255,.1) 40%,transparent 70%),linear-gradient(180deg,#ff1e9c0a,#4b1d9b0f);border:1px solid rgba(75,29,155,.25);box-shadow:0 0 80px #4b1d9b1a,0 0 40px #2f6bff0f,inset 0 0 40px #4b1d9b0d}.brand-logo{display:block;max-width:min(640px,100%);width:auto;height:168px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(75,29,155,.5)) drop-shadow(0 0 60px rgba(47,107,255,.25)) drop-shadow(0 0 15px rgba(255,30,156,.2)) drop-shadow(0 10px 20px rgba(0,0,0,.4));transform:translateZ(0)}.brand-fallback{display:inline-flex;align-items:center;gap:.15rem;font-size:1.65rem;font-weight:900;letter-spacing:.08em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-fallback-primary{color:var(--text-primary)}.brand-fallback-accent{color:var(--accent-magenta)}.brand-contact{width:fit-content;display:inline-grid;gap:.2rem;padding:.8rem .95rem;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.brand-contact:hover{border-color:var(--accent-blue);box-shadow:0 0 20px var(--accent-blue-glow)}.brand-contact-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-magenta)}.brand-contact strong{font-size:1rem;color:var(--text-primary)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-magenta)}.hero-copy p,.section-heading p,.empty-state p,.product-code{color:var(--text-secondary)}.search-panel{display:grid;gap:.85rem;padding:1rem;border-radius:20px;background:var(--bg-surface);border:1px solid var(--border)}.search-label{font-size:1.05rem;font-weight:700;color:var(--accent-blue)}.search-input{width:100%;border:2px solid var(--border);background:var(--bg-base);color:var(--text-primary);padding:1rem 1.1rem;border-radius:18px;outline:none;font-weight:600;transition:border-color .2s ease,box-shadow .2s ease}.search-input::placeholder{color:var(--text-muted);font-weight:400}.search-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 5px var(--accent-blue-glow),0 0 20px var(--accent-blue-glow)}.toolbar-row,.section-heading,.price-row,.pagination-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.clear-button,.chip,.pager{border:none;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease,box-shadow .16s ease}.clear-button,.pager{color:var(--text-primary);background:var(--bg-surface);padding:.8rem 1rem;border-radius:14px;border:1px solid var(--border)}.clear-button:hover{transform:translateY(-1px);background:var(--bg-hover);border-color:var(--accent-magenta);box-shadow:0 0 15px var(--accent-magenta-glow)}.chip:hover{transform:translateY(-1px);background:var(--bg-hover)}.pager:hover{transform:translateY(-1px);background:var(--bg-hover);border-color:var(--accent-blue);box-shadow:0 0 15px var(--accent-blue-glow)}.section-block{border-radius:24px;margin-top:1rem;padding:1.15rem}.section-credit{padding:0;overflow:hidden;position:relative}.credit-panel{display:grid;gap:.5rem;padding:1rem 1.1rem;background:radial-gradient(circle at top right,rgba(75,29,155,.25),transparent 40%),linear-gradient(135deg,var(--bg-card),var(--bg-surface));border-top:1px solid rgba(75,29,155,.25);justify-items:center;text-align:center}.credit-eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-magenta)}.credit-panel strong{font-size:clamp(1.1rem,4vw,1.55rem);line-height:1.1;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.credit-panel p{margin:0;color:var(--text-secondary);max-width:52ch}.credit-link{width:fit-content;margin-top:.35rem;display:inline-flex;align-items:center;gap:.85rem;padding:.8rem .95rem;border-radius:18px;background:var(--gradient-btn);border:none;box-shadow:0 0 25px var(--primary-glow),0 8px 20px #0000004d;color:#fff;text-decoration:none;font-weight:700;transition:transform .16s ease,box-shadow .16s ease}.credit-link:hover{transform:translateY(-2px);box-shadow:0 0 40px var(--primary-glow),0 12px 30px #0006}.credit-link-icon{width:2.5rem;height:2.5rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#00000040;color:#fff;flex-shrink:0}.credit-link-icon svg{width:1.25rem;height:1.25rem;fill:currentColor}.credit-link-copy{display:grid;gap:.1rem}.credit-link-title{font-size:.95rem}.credit-link-handle{font-size:.88rem;color:#ffffffc7}@media (min-width: 768px){.credit-panel{grid-template-columns:minmax(0,1.3fr) auto;align-items:center;gap:1rem 1.5rem;padding:1.1rem 1.3rem;justify-items:start;text-align:left}.credit-eyebrow,.credit-panel strong,.credit-panel p{grid-column:1}.credit-link{grid-column:2;grid-row:1 / span 3;align-self:center;margin-top:0}}.section-heading h2,.empty-state h3,.product-card h3{margin:0}.section-heading h2{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-card h3{color:var(--text-primary)}.search-label{color:var(--accent-blue)}.chips-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.chips-grid-panel{padding:.95rem;border-radius:18px;background:var(--bg-surface);border:1px solid var(--border)}.category-trigger{margin-top:1rem;width:100%;min-height:56px;padding:.95rem 1rem;border-radius:18px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer}.category-trigger-label{text-align:left;font-weight:700}.category-trigger-action{color:var(--accent-magenta);font-size:.92rem;white-space:nowrap}.chip{min-height:46px;padding:.8rem 1rem;border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);transition:all .2s ease}.chip-active{background:var(--gradient-btn);color:#fff;border-color:transparent;box-shadow:0 0 15px var(--primary-glow)}.chip-secondary{background:var(--bg-base);color:var(--text-muted)}.products-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;margin-top:1rem}.product-card{border-radius:20px;padding:1.15rem;display:grid;gap:.85rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.product-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow),0 0 30px #4b1d9b1f;transform:translateY(-2px)}.category-badge,.stock-badge{width:fit-content;border-radius:999px;padding:.45rem .75rem;font-size:.88rem}.category-badge{background:#4b1d9b26;color:var(--accent-blue);letter-spacing:.08em}.price-row strong{font-size:1.7rem;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stock-badge{background:#30d1581f;color:var(--success)}.whatsapp-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem;border-radius:16px;background:var(--gradient-btn);border:none;color:#fff;text-decoration:none;font-weight:700;font-size:.95rem;box-shadow:0 0 20px var(--primary-glow);transition:transform .16s ease,box-shadow .16s ease}.whatsapp-button:hover{transform:translateY(-2px);box-shadow:0 0 35px var(--primary-glow),0 8px 25px #0000004d}.whatsapp-icon{width:1.3rem;height:1.3rem;fill:currentColor;flex-shrink:0}.empty-state{margin-top:1rem;border-radius:22px;padding:2rem 1.25rem;text-align:center}.pagination-row{margin-top:1rem}.pager:disabled{cursor:not-allowed;opacity:.45}.skeleton-card{overflow:hidden}.skeleton{border-radius:999px;background:linear-gradient(90deg,var(--bg-surface),var(--bg-hover),var(--bg-surface));background-size:200% 100%;animation:pulse 1.35s infinite linear}.skeleton-title{height:1.2rem;width:82%}.skeleton-text{height:.95rem;width:48%}.skeleton-price{height:1.6rem;width:36%}.skeleton-badge{height:1rem;width:32%}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width: 640px){.container{width:min(1120px,calc(100% - 2.5rem))}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.hero-card{padding:1.2rem}.header-bar{grid-template-columns:auto minmax(0,1fr);align-items:stretch}.brand-panel{align-content:center}.brand-mark{padding:1.4rem}.brand-logo{height:128px}.section-block{padding:1.4rem}}@media (min-width: 1024px){.container{padding-top:1.5rem}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
