:root{--bg:#f4efe4;--panel:#fffaf2;--line:#d9c9a9;--text:#1b2631;--muted:#6f7a85;--accent:#cc6b2c;--accent2:#2f7d5c;--danger:#c94949}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#fff7ea 0%,#f4efe4 55%,#eadfc7 100%);color:var(--text)}
body.simulation-embed{background:#f7eedc}
body.simulation-embed .client-shell{max-width:none;padding:16px}
body.simulation-embed .hero{grid-template-columns:1fr;margin-bottom:14px}
body.simulation-embed .layout{grid-template-columns:1fr 1fr}
body.simulation-embed .hero > div:first-child{display:none}
body.simulation-embed #profileForm input,
body.simulation-embed #simulationFields,
body.simulation-embed #detectLocationBtn{display:none!important}
.client-shell{max-width:1280px;margin:0 auto;padding:28px}
body.simulation-mode .client-shell::before{
  content:"Simulacion web: esta pantalla imita el enlace que el cliente abrira desde WhatsApp.";
  display:block;
  margin:0 0 14px;
  padding:11px 14px;
  border:1px solid rgba(47,125,92,.24);
  border-radius:18px;
  background:#eef8ef;
  color:#234d39;
  font-weight:800;
}
.hero{display:grid;grid-template-columns:1.3fr .9fr;gap:18px;align-items:start;margin-bottom:18px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:12px;font-weight:700}
h1,h2{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:13px}
.hero-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 10px 30px rgba(112,82,32,.08)}
.layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.layout .panel:nth-child(2){position:sticky;top:16px}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.form-grid,.builder{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.builder-stack{display:grid;gap:12px}
textarea,input,select,button{width:100%;border-radius:16px;border:1px solid var(--line);padding:13px 14px;font-size:15px;background:#fffdf8;color:var(--text)}
textarea{min-height:96px;resize:vertical}.builder select[multiple]{min-height:110px}
button{background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:700}
button.secondary{background:#dbc9b2;color:var(--text)}
.builder-actions{display:flex;gap:12px;flex-wrap:wrap}
.builder-actions button{width:auto;min-width:180px}
.builder-mode-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.builder-mode-tab{width:auto;background:#dbc9b2;color:var(--text);border:1px solid var(--line);padding:11px 16px}
.builder-mode-tab.is-active{background:var(--accent);color:#fff;box-shadow:0 8px 18px rgba(204,107,44,.18)}
.builder-mode-tab:disabled{opacity:.55;cursor:not-allowed}
.custom-burger-card{border-color:#c99a5b;background:linear-gradient(145deg,#fffdf8,#fff4df)}
.custom-burger-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}
.custom-burger-head p{margin:4px 0 0}
.custom-burger-builder{display:grid;gap:12px}
.custom-burger-groups{display:grid;gap:12px}
.custom-burger-group{padding:12px;border:1px dashed var(--line);border-radius:18px;background:#fffaf2}
.custom-burger-group h3{margin:0 0 10px;font-size:17px}
.product-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 14px}
.product-tile{
  display:grid;
  grid-template-columns:52px 1fr;
  grid-template-rows:auto auto;
  gap:4px 10px;
  align-items:center;
  min-height:76px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fffdf8;
  color:var(--text);
  text-align:left;
  box-shadow:0 8px 18px rgba(112,82,32,.06);
}
.product-tile.is-selected{outline:2px solid var(--accent);background:#fff3e4}
.product-tile-image{
  position:relative;
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:16px;
  overflow:hidden;
  background:#f1d8b8;
  color:#6f3b18;
  font-weight:900;
  font-size:24px;
}
.product-tile-image img{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
}
.product-tile-fallback{position:relative;z-index:0}
.product-tile-name{font-weight:800;line-height:1.1}
.product-tile strong{color:var(--accent)}
.catalog-empty{padding:12px 14px;border:1px dashed var(--line);border-radius:16px;background:#fff8ee;color:var(--muted)}
.ingredient-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.ingredient-check{display:block}
.ingredient-check input{display:none}
.ingredient-check span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#fff8ee;color:var(--text);font-weight:600}
.ingredient-check input:checked + span{background:#eef5df;border-color:#9db66a}
.ingredient-check em{font-style:normal;font-size:12px;color:var(--muted);font-weight:500}
.ingredient-check.is-locked span{background:#f7ead0;border-color:#c99a5b;cursor:not-allowed}
.ingredient-check.is-locked em{color:#8a5b2e;font-weight:700}
.ingredient-check.is-out span{background:#f3ddd2;border-color:#cf7b58;color:#7a2f1f;cursor:not-allowed;opacity:.8}
.ingredient-check.is-out em{color:#9a3d28;font-weight:700}
.locked-rule-note{margin:4px 0 10px;font-size:13px}
.config-summary{padding:12px 14px;border-radius:16px;border:1px dashed var(--line);background:#fbf4e8}
.readonly-box{display:flex;align-items:center;min-height:54px;border-radius:16px;border:1px solid var(--line);padding:13px 14px;background:#f7f0e5;color:var(--text)}
.status-note{padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#eef6ee;color:#24543d}
.status-note.is-preorder{background:#fff7df;color:#7a4b13;border-color:#d9b776}
.status-note.is-closed{background:#fff2e9;color:#8a4d1f}
.status-note.is-paused{background:#fff0f0;color:#8b3636}
.hidden{display:none!important}.pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#f3dfca;border:1px solid var(--line);font-weight:700}
.cart-list{display:grid;gap:10px}.menu-item,.cart-item,.item{padding:14px;border-radius:18px;border:1px solid var(--line);background:#fffdf8}
.order-success{
  display:grid;
  gap:4px;
  margin-bottom:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(47,125,92,.28);
  background:#eef8ef;
  color:#234d39;
}
.order-success strong{font-size:17px}
.order-success span{color:#4f6c5d}
.menu-item strong,.cart-item strong{display:block;margin-bottom:4px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cart-item button{width:auto;padding:9px 12px;background:var(--danger)}
.cart-item .secondary{background:#dbc9b2;color:var(--text)}
label{display:block;margin-bottom:6px;font-size:14px;color:var(--muted)}.full{grid-column:1/-1}.top-gap{margin-top:12px}.danger{background:var(--danger)!important}
@media (max-width:980px){.hero,.layout,.form-grid,.builder{grid-template-columns:1fr}.client-shell{padding:16px}.layout .panel:nth-child(2){position:static}}