/* ── MCB Designer PRO v0.3.0 ── Sin muebles, con medidas ── */
:root{
  --d-gold:#b8912a;--d-gold-dark:#8a6a1a;--d-ink:#1a1612;
  --d-bg:#f9f5ef;--d-card:#fff;--d-border:rgba(26,22,18,.1);
  --d-radius:10px;--d-shadow:0 2px 12px rgba(0,0,0,.08);
}
.mcb-designer{font-family:'Inter',system-ui,sans-serif;color:var(--d-ink);max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
/* SECCIONES */
.mcb-d-section{background:var(--d-card);border:1px solid var(--d-border);border-radius:var(--d-radius);padding:20px 24px;box-shadow:var(--d-shadow)}
.mcb-d-section-title{font-size:15px;font-weight:700;color:var(--d-ink);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--d-border)}
/* MEDIDAS HABITACIÓN */
.mcb-d-medidas-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.mcb-d-medidas-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--d-ink)}
.mcb-d-input-wrap{display:flex;align-items:center;gap:6px;background:#f3ede4;border:1px solid var(--d-border);border-radius:8px;padding:8px 12px}
.mcb-d-input-wrap input{border:none;background:none;width:70px;font-size:15px;font-weight:700;color:var(--d-gold);outline:none;text-align:center}
.mcb-d-input-wrap span{font-size:12px;color:var(--d-gold);font-weight:600}
/* MAIN */
.mcb-designer-main{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:start}
/* PALETA */
.mcb-designer-paleta{display:flex;flex-direction:column;gap:2px}
.mcb-paleta-grupo{background:var(--d-card);border:1px solid var(--d-border);border-radius:var(--d-radius);padding:14px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.mcb-paleta-grupo h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--d-ink);margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid var(--d-border)}
.mcb-paleta-medida-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mcb-paleta-medida-row input{width:56px;border:1px solid var(--d-border);border-radius:6px;padding:6px 8px;font-size:13px;text-align:center;background:#f9f5ef}
.mcb-paleta-medida-row span{font-size:12px;color:var(--d-gold);font-weight:600}
.mcb-paleta-ayuda{background:#fdf8f0;border-color:#e8dcc8}
.mcb-paleta-ayuda p{font-size:12px;color:#8a7a64;line-height:1.6;margin:0}
/* LIENZO */
.mcb-designer-lienzo-wrap{position:relative;background:var(--d-card);border:1px solid var(--d-border);border-radius:var(--d-radius);overflow:hidden;box-shadow:var(--d-shadow)}
.mcb-designer-lienzo{width:100%;display:block;background:#faf7f2}
/* ACCIONES ELEMENTO SELECCIONADO */
.mcb-designer-acciones-elemento{position:absolute;top:10px;left:10px;background:#fff;border:1px solid var(--d-border);border-radius:var(--d-radius);padding:12px 14px;box-shadow:0 4px 16px rgba(0,0,0,.12);min-width:240px;z-index:10}
.mcb-acciones-fila{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.mcb-elemento-label{font-size:13px;font-weight:700;color:var(--d-ink);flex:1}
.mcb-medida-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mcb-medida-inline label{font-size:12px;color:var(--d-ink);display:flex;align-items:center;gap:6px}
.mcb-medida-inline input{width:60px;border:1px solid var(--d-border);border-radius:6px;padding:5px 8px;font-size:13px;text-align:center}
/* RESUMEN */
.mcb-resumen-tabla{display:flex;flex-direction:column;gap:6px}
.mcb-resumen-fila{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9f5ef;border-radius:8px;font-size:13px}
.mcb-resumen-fila strong{color:var(--d-ink)}
.mcb-resumen-fila span{color:var(--d-gold);font-weight:700}
/* FORMULARIO */
.mcb-d-desc{font-size:14px;color:#6b5e52;margin-bottom:16px}
.mcb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.mcb-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--d-ink)}
.mcb-form-grid input{border:1px solid var(--d-border);border-radius:8px;padding:10px 14px;font-size:14px;background:#f9f5ef;outline:none;transition:border-color .2s}
.mcb-form-grid input:focus{border-color:var(--d-gold);background:#fff}
/* ÉXITO */
.mcb-exito-box{text-align:center;padding:32px}
.mcb-exito-icon{width:56px;height:56px;border-radius:50%;background:#e8f5e9;color:#2e7d32;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.mcb-exito-box h3{font-size:20px;font-weight:700;color:var(--d-ink);margin-bottom:8px}
.mcb-exito-box p{font-size:14px;color:#6b5e52}
/* BOTONES */
.mcb-btn-gold{background:linear-gradient(135deg,var(--d-gold),var(--d-gold-dark));color:#fff;border:none;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;box-shadow:0 3px 10px rgba(184,145,42,.25)}
.mcb-btn-gold:hover{opacity:.88}
.mcb-btn-outline{background:#fff;color:var(--d-ink);border:1px solid var(--d-border);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}
.mcb-btn-outline:hover{background:#f3ede4}
.mcb-btn-danger{background:#fff;color:#c0392b;border:1px solid #f5c6cb;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer}
.mcb-btn-lg{padding:13px 28px;font-size:15px}
.mcb-d-btn-aplicar{white-space:nowrap}
/* ELEMENTOS EN EL SVG */
.mcb-el-habitacion{fill:#faf7f2;stroke:#c4a882;stroke-width:3}
.mcb-el-puerta{fill:none;stroke:var(--d-gold);stroke-width:2.5}
.mcb-el-puerta-arco{fill:none;stroke:var(--d-gold);stroke-width:1.5;stroke-dasharray:5,3}
.mcb-el-ventana{fill:#ddeeff;stroke:#4a90d9;stroke-width:2.5}
.mcb-el-pilar{fill:#d4c8b4;stroke:#8a7a64;stroke-width:2}
.mcb-el-enchufe{fill:#fff;stroke:#666;stroke-width:1.5}
.mcb-el-agua{fill:#eaf4fb;stroke:#2f6f8f;stroke-width:1.5}
.mcb-el-luz{fill:#fff8e1;stroke:#c9971f;stroke-width:1.5}
.mcb-paleta-presets{display:flex;flex-wrap:wrap;gap:6px}
.mcb-preset-btn{background:#f3ede4;border:1px solid var(--d-border);border-radius:999px;padding:4px 10px;font-size:11px;cursor:pointer;color:var(--d-ink)}
.mcb-preset-btn:hover{background:#e9e0d2}
.mcb-paleta-leyenda{flex-direction:row;justify-content:space-around;font-size:12px;color:var(--d-muted,#7a6e64);padding:10px 14px}
.mcb-nota-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.mcb-nota-inline label{font-size:12px;color:var(--d-ink);display:flex;align-items:center;gap:6px}
.mcb-nota-inline input{width:160px;border:1px solid var(--d-border);border-radius:6px;padding:5px 8px;font-size:13px}
.mcb-el-medida-label{font-size:10px;fill:var(--d-gold);font-weight:700;font-family:'Inter',sans-serif}
.mcb-el-seleccionado{outline:2px dashed var(--d-gold);outline-offset:3px}
/* RESPONSIVE */
@media(max-width:640px){
  .mcb-designer-main{grid-template-columns:1fr}
  .mcb-form-grid{grid-template-columns:1fr}
  .mcb-d-medidas-row{flex-direction:column;align-items:stretch}
}