/* Asistente «Catálogo cliente / afiliado» (modal-catalogo) — movido tal cual desde index.html */
  .mb.wz{max-width:1000px;padding:24px 26px 0;}
  .wz-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;}
  .wz-step{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--borde);background:#fff;color:#777;font:inherit;cursor:pointer;text-align:left;min-width:0;}
  .wz-step b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f1efe8;color:#777;font-size:13px;flex:none;}
  .wz-step span{font-weight:700;font-size:14px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .wz-step small{display:block;font-size:11px;font-weight:400;color:#888;}
  .wz-step.on{border-color:#C9A84C;background:#fbf5e3;}
  .wz-step.on b{background:#C9A84C;color:#111;}
  .wz-step.done b{background:#16a34a;color:#fff;}
  .wz-pane{display:grid;gap:22px;padding-bottom:20px;}
  #modal-catalogo [hidden]{display:none !important;}
  .wz-t{font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#8a6d1f;margin:0 0 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .wz-t small{font-weight:500;letter-spacing:0;text-transform:none;color:#888;font-size:12px;}
  .wz-t .wz-acc{margin-left:auto;display:flex;gap:6px;text-transform:none;letter-spacing:0;}
  .wz-mini{background:#fff;border:1.5px solid var(--borde);color:#555;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:700;cursor:pointer;}
  .wz-mini.gold{border-color:#C9A84C;color:#8a6d1f;}
  .wz-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}
  .wz-cards.sm{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}
  .wz-cards.xs{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));}
  .wz-card{position:relative;display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--borde);border-radius:12px;background:#fff;color:#1a1a1a;font:inherit;text-align:left;cursor:pointer;user-select:none;transition:border-color .12s,background .12s;margin:0;text-transform:none;letter-spacing:0;}
  .wz-card:hover{border-color:#C9A84C;}
  .wz-card .ic{font-size:22px;line-height:1;}
  .wz-card .nm{font-weight:700;font-size:14px;}
  .wz-card .ct{font-size:12px;color:#888;font-weight:400;}
  .wz-card:has(input:checked),.wz-card.on{border-color:#C9A84C;background:#fbf5e3;}
  .wz-card:has(input:checked)::after,.wz-card.on::after{content:"✓";position:absolute;top:8px;right:10px;width:20px;height:20px;border-radius:50%;background:#C9A84C;color:#111;font-size:12px;font-weight:900;display:grid;place-items:center;}
  .wz-card input{display:none;}
  .wz-pitem::after{display:none !important;}
  .wz-pitem .wz-x{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:0;background:#fff;color:#b91c1c;font-weight:900;cursor:pointer;box-shadow:0 0 0 1px #f1d3d3;}
  .wz-pitem .wz-x:hover{background:#fee2e2;}
  .wz-pitem.vacia{border-style:dashed;}
  .wz-pitem.vacia .nm{color:#555;}
  .wz-pitem.abierta{box-shadow:0 0 0 3px rgba(201,168,76,.25);}
  .wz-ed{border:1.5px solid #C9A84C;background:#fffdf6;border-radius:12px;padding:14px;margin-top:10px;display:grid;gap:12px;}
  .wz-fold{border:1.5px solid var(--borde);border-radius:12px;background:#fff;}
  .wz-fold>summary{list-style:none;cursor:pointer;padding:12px 16px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;}
  .wz-fold>summary::-webkit-details-marker{display:none;}
  .wz-fold>summary .hint{font-weight:400;color:#888;font-size:12.5px;margin-left:auto;text-align:right;}
  .wz-fold>summary::after{content:"▾";color:#999;}
  .wz-fold[open]>summary::after{content:"▴";}
  .wz-fold>.in{padding:2px 16px 16px;display:grid;gap:16px;}
  .wz-fold.ia{background:#e8f6fd;border-color:transparent;}
  .wz-ia-row{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;}
  .wz-ia-row textarea{flex:1 1 320px;min-height:62px;resize:vertical;font:inherit;padding:10px 12px;border:1.5px solid #cfe7f3;border-radius:10px;}
  .wz-btn{border:0;border-radius:10px;padding:12px 16px;font:inherit;font-weight:800;cursor:pointer;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
  .wz-btn.gold{background:#C9A84C;color:#111;}
  .wz-btn.ghost{background:#fff;border:1.5px solid var(--borde);color:#333;}
  .wz-btn:disabled{opacity:.5;cursor:default;}
  .wz-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;}
  .wz-tag{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--borde);border-radius:999px;padding:4px 6px 4px 11px;font-size:12.5px;font-weight:600;}
  .wz-tag button{border:0;background:#eee;color:#333;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:10px;line-height:1;}
  .wz-activos{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 12px;border-radius:12px;background:#f6f4ee;}
  .wz-activos #cat-info{margin-left:auto;font-weight:800;font-size:14px;color:#111;}
  .wz-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
  .wz-chip{border:1.5px solid var(--borde);background:#fff;color:#222;border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;}
  .wz-qty{display:inline-flex;align-items:center;gap:4px;border:1.5px solid var(--borde);border-radius:999px;padding:2px 6px;background:#fff;}
  .wz-qty button{border:0;background:none;font-size:16px;font-weight:800;cursor:pointer;color:#555;padding:0 6px;}
  .wz-qty input{width:46px;border:0 !important;text-align:center;font-weight:800;padding:4px 0 !important;background:none;}
  #cat-lista .wz-prod{position:relative;border:2px solid var(--borde);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:border-color .12s;}
  #cat-lista .wz-prod:has(.cat-chk:checked){border-color:#C9A84C;}
  #cat-lista .wz-prod .cat-chk{position:absolute;top:8px;right:8px;width:24px;height:24px;accent-color:#C9A84C;cursor:pointer;}
  .wz-send{display:grid;grid-template-columns:290px 1fr;gap:24px;align-items:start;}
  .wz-phone{border:10px solid #111;border-radius:32px;background:#fafafa;height:560px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.18);position:sticky;top:0;}
  .wz-phone .top{background:#111;color:#f5e9c4;padding:14px 12px 10px;font-family:Georgia,serif;font-size:22px;letter-spacing:4px;text-align:center;}
  .wz-phone .top small{display:block;font-family:'Segoe UI',sans-serif;font-size:11px;letter-spacing:.3px;color:#cfc6ad;margin-top:2px;}
  .wz-phone .ban{color:#fff;text-align:center;padding:8px;font-size:12.5px;font-weight:800;}
  .wz-phone .ban small{display:block;font-weight:500;font-size:10.5px;opacity:.9;}
  .wz-phone .list{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto;align-content:start;flex:1;}
  .wz-phone .it{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08);}
  .wz-phone .it .ph{aspect-ratio:1/1;background:#f3f3f3;display:grid;place-items:center;font-size:26px;color:#ccc;}
  .wz-phone .it img{width:100%;height:100%;object-fit:cover;display:block;}
  .wz-phone .it .t{padding:5px 6px;font-size:10.5px;font-weight:700;line-height:1.25;color:#1a1a1a;}
  .wz-phone .it s{color:#999;font-weight:400;margin-right:3px;}
  .wz-phone .foot{padding:8px;font-size:10.5px;text-align:center;color:#777;background:#fff;border-top:1px solid #eee;}
  .wz-opts{display:grid;gap:22px;min-width:0;}
  .wz-form2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .wz-lbl{font-size:12px;font-weight:700;color:#777;display:grid;gap:5px;text-transform:none;letter-spacing:0;margin:0;}
  .wz-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;}
  .wz-bar{position:sticky;bottom:0;margin:0 -26px;padding:12px 26px;background:#fff;border-top:1px solid var(--borde);display:flex;gap:10px;align-items:center;z-index:3;border-radius:0 0 14px 14px;}
  .wz-bar .info{flex:1;min-width:0;font-size:13.5px;color:#777;}
  .wz-bar .info b{color:#111;}
  @media (max-width:760px){
    .wz-send{grid-template-columns:1fr;}
    .wz-phone{position:static;height:440px;width:270px;max-width:100%;margin:0 auto;}
    .wz-form2{grid-template-columns:1fr;}
    .wz-actions{grid-template-columns:1fr 1fr;}
    .wz-step small{display:none;}
  }
  @media (max-width:480px){
    .wz-step{padding:8px;gap:6px;}
    .wz-step b{width:22px;height:22px;font-size:12px;}
    .wz-step span{font-size:12px;}
    .mb.wz{padding:18px 16px 0;}
    .wz-bar{margin:0 -16px;padding:10px 16px;}
  }
