/* ============================================================
   PANTALLA DE BOTONES
   ============================================================ */
.bt-paleta{display:grid; grid-template-columns:1.25fr .85fr; gap:26px; align-items:stretch}
.bt-paleta__ctrl h3{margin-top:0}
.bt-paleta__vista{display:flex; flex-direction:column; gap:10px}
.bt-vista__etq{font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:var(--txt2)}
.bt-lienzo{flex:1; display:flex; flex-direction:column; gap:14px; align-items:center; justify-content:center;
  padding:28px 20px; border-radius:16px; border:1px solid var(--linea);
  background:
    linear-gradient(135deg, rgba(255,214,225,.75), rgba(255,236,205,.75)),
    repeating-linear-gradient(0deg, rgba(0,0,0,.05) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.05) 0 1px, transparent 1px 26px);
  background-color:#FCF2F2}

.bt-rejilla{display:grid; grid-template-columns:repeat(auto-fill, minmax(270px, 1fr)); gap:14px}

/* ---- la muestra ES el botón real de la web: relleno, borde y forma ---- */
:root{--bt-luz:#FFE7BE; --bt-oro:#EDA945; --bt-osc:#D9942F}
.bmuestra{display:inline-flex; align-items:center; justify-content:center;
  font-weight:600; font-size:.93rem; line-height:1.25; letter-spacing:.01em;
  padding:12px 22px; min-height:46px; border-radius:999px;
  max-width:100%; white-space:normal; text-align:center;
  cursor:default; user-select:none; transition:background .25s, border-color .25s, color .25s}
.bmuestra.solido{
  background:linear-gradient(145deg,
    var(--bt-luz) 0%,
    color-mix(in srgb, var(--bt-luz) 50%, var(--bt-oro)) 28%,
    var(--bt-oro) 58%,
    var(--bt-osc) 100%);
  color:#1A1008;
  border:1px solid color-mix(in srgb, var(--bt-osc) 62%, #7A5013);
  box-shadow:0 10px 24px -14px color-mix(in srgb, var(--bt-oro) 85%, #000)}
.bmuestra.ghost{
  background:rgba(255,255,255,.78);
  border:1.5px solid var(--bt-osc);
  color:color-mix(in srgb, var(--bt-osc) 72%, #241203)}

.bt-card{border:1px solid var(--linea); border-radius:15px; background:var(--bg3);
  display:flex; flex-direction:column; overflow:hidden; transition:border-color .18s, transform .18s}
.bt-card:hover{border-color:rgba(242,180,95,.45); transform:translateY(-2px)}
.bt-card.apagado{opacity:.5}
.bt-card.apagado .bt-card__vista{filter:grayscale(.85)}
.bt-card__cab{display:flex; align-items:center; gap:10px; padding:11px 14px; border-bottom:1px solid var(--linea)}
.bt-card__sec{flex:1; font-size:.78rem; font-weight:600; color:var(--txt2);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.bt-card__vista{padding:22px 16px; display:grid; place-items:center; min-height:92px;
  background:linear-gradient(135deg, rgba(255,214,225,.5), rgba(255,236,205,.5)); background-color:#FBF2F0}
.bt-card__vista .bmuestra{max-width:100%; white-space:normal; text-align:center; line-height:1.25}
.bt-card__pie{display:flex; align-items:flex-end; gap:10px; padding:13px 14px}
.bt-card__info{flex:1; min-width:0}
.bt-card__info b{display:block; font-size:.85rem; margin-bottom:3px}
.bt-card__info span{display:block; font-size:.76rem; color:var(--txt2); line-height:1.45}
.bt-card__en{color:var(--txt2); opacity:.8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.bt-card__falta{color:var(--ambar) !important}

body.claro .bt-card{background:#FFFFFF}
body.claro .bt-card__vista{background-color:#FDF6F2}

@media(max-width:900px){
  .bt-paleta{grid-template-columns:1fr}
  .bt-lienzo{min-height:150px}
}

/* ---- editor de los pasos de «Pedidos personalizados» ---- */
#pasosCaja{display:grid; gap:12px}
.paso-fila{border:1px solid var(--linea); border-radius:12px; padding:12px 14px; background:var(--bg3)}
.paso-fila__cab{display:flex; align-items:center; justify-content:space-between; margin-bottom:8px}
.paso-fila__cab b{font-size:.85rem; letter-spacing:.02em}
.paso-fila__acc{display:flex; gap:5px}
.paso-fila .campo{margin-bottom:8px}
.paso-fila .campo label{font-size:.76rem}