:root{
  --bg:#0b1020;
  --bg-soft:#121933;
  --panel:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --line:#e5e7eb;
  --accent:#2563eb;
  --accent-soft:#dbeafe;
  --ok:#065f46;
  --ok-soft:#d1fae5;
  --shadow:0 12px 35px rgba(15,23,42,.15);
  --radius:22px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#182342 42%,#eef2ff 42%,#f8fafc 100%);color:var(--text)}
body{min-height:100vh}
button,input{font:inherit}
.app-shell{max-width:900px;margin:0 auto;padding:20px 16px 40px}
.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 4px 20px;color:white}
.eyebrow{margin:0 0 8px;font-size:1rem;font-weight:700;letter-spacing:.04em;opacity:.95}
.topbar h1{margin:0;font-size:clamp(1.85rem,4vw,2.7rem);line-height:1.05}
.subtitle{margin:10px 0 0;color:rgba(255,255,255,.82);font-size:1.02rem}
.install-btn{border:0;background:white;color:var(--bg);padding:12px 16px;border-radius:999px;font-weight:700;box-shadow:var(--shadow)}
.hidden{display:none!important}
.container{display:grid;gap:16px}
.panel{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
.controls{position:sticky;top:10px;z-index:20;display:flex;flex-direction:column;gap:14px}
.search-wrap input{width:100%;padding:18px 18px;border-radius:18px;border:1px solid var(--line);background:#f9fafb;font-size:1.05rem}
.mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mode-btn{border:1px solid var(--line);background:#f9fafb;border-radius:16px;padding:14px 10px;font-weight:800;font-size:1rem}
.mode-btn.active{background:var(--accent);color:white;border-color:var(--accent)}
.results{padding:14px}
.results-list{display:grid;gap:12px}
.product-card{border:1px solid var(--line);border-radius:20px;padding:16px;background:linear-gradient(180deg,#fff,#fbfdff)}
.product-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.product-title{margin:0 0 6px;font-size:1.1rem;line-height:1.2}
.product-meta{margin:0;color:var(--muted);font-size:.95rem}
.card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.copy-btn,.share-btn{border:0;padding:10px 12px;border-radius:12px;font-weight:700;cursor:pointer}
.copy-btn{background:#eef2ff;color:#3730a3}
.share-btn{background:#dcfce7;color:#166534}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.price-box{border-radius:16px;padding:14px;border:1px solid var(--line)}
.price-box .label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:8px}
.price-box strong{font-size:1.16rem}
.price-box.minorista{background:var(--accent-soft)}
.price-box.mayorista{background:var(--ok-soft)}
.empty-state{padding:32px;text-align:center;color:var(--muted)}
@media (max-width:700px){
  .topbar{flex-direction:column}
  .controls{position:static}
  .product-head,.card-actions,.price-grid{grid-template-columns:1fr}
  .product-head{flex-direction:column}
  .card-actions{width:100%;justify-content:stretch}
  .copy-btn,.share-btn{flex:1}
  .price-grid{display:grid;grid-template-columns:1fr}
}