/* Tu casa en 3D · sistema visual TUHOME CONCEPT (31-oct-2026)
   Fuente de verdad: tema publicado de tuhomemarket.es (Archivo; tinta #1A1A1A; crema #F7F5F2; pino #23786D).
   Reglas: ver ../diseno_anti_ia.md. Nunca naranja, sin degradados, sin glass, un solo set de iconos (Lucide). */
@font-face{font-family:"Archivo";src:url(vendor/fuentes/archivo-var-latin.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{
  /* marca */
  --tinta:#1A1A1A; --papel:#FFFFFF; --crema:#F7F5F2; --lino:#F4F0E8; --pino:#23786D; --pino-h:#1C6158; --pino-f:#E6F0EE;
  --nogal:#8A6A4F; --nogal-f:#F3EDE6; --agua:#4FB3A6;
  /* neutros cálidos */
  --gris:#6B6660; --gris2:#9A948C; --linea:#E6E1D8; --linea2:#D6D0C5; --hueso:#FBFAF7;
  --rojo:#B42318; --rojo-f:#FBEDEB;
  /* forma */
  --r-chip:4px; --r-ctl:6px; --r-sup:10px;
  --sombra:0 1px 2px rgba(26,22,18,.08),0 8px 24px -6px rgba(26,22,18,.18);
  --sombra-baja:0 1px 2px rgba(26,22,18,.10),0 2px 6px -2px rgba(26,22,18,.10);
  --t:150ms cubic-bezier(.2,.7,.2,1);
  --f:"Archivo","Helvetica Neue",Arial,sans-serif;
  font-family:var(--f); color:var(--tinta); color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--papel)}
body{display:flex;flex-direction:column;overflow:hidden;font-size:13px;line-height:1.45;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;font-stretch:100%}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.45}
:focus-visible{outline:2px solid var(--pino);outline-offset:2px}
.num,.precio,.imp,.in input,.med,output,.total b{font-variant-numeric:tabular-nums}
svg.i{width:16px;height:16px;flex:0 0 auto;display:block}
[data-ico]{display:inline-flex;font-style:normal}
h2,h3,.disp{font-stretch:112%;letter-spacing:-.01em}

/* botones: una sola acción principal (píldora tinta); el resto, silenciosas */
.pri,.sec,.ghost,.acento{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 14px;border:1px solid transparent;border-radius:var(--r-ctl);font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;transition:background var(--t),border-color var(--t),color var(--t)}
.pri{background:var(--tinta);color:#fff;border-radius:999px;padding:0 18px}
.pri:hover{background:#000}
.acento{background:var(--pino);color:#fff;border-radius:999px;padding:0 18px}
.acento:hover{background:var(--pino-h)}
.sec{background:var(--papel);border-color:var(--linea2);font-weight:500}
.sec:hover{border-color:var(--tinta)}
.ghost{background:none;color:var(--tinta);font-weight:500}
.ghost:hover{background:var(--crema)}
.peligro{color:var(--rojo)}
.sec.peligro:hover{border-color:var(--rojo)}
.ancho{width:100%}
.ico,.ico-b{background:none;border:1px solid transparent;border-radius:var(--r-ctl);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--gris);font-size:0}
.ico::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/contain no-repeat}
.ico:hover,.ico-b:hover{background:var(--crema);color:var(--tinta)}
.fila{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.fila.fin{justify-content:flex-end}
.nota{display:block;color:var(--gris);font-size:12px;margin:6px 0;line-height:1.45}
.check{display:flex;gap:8px;align-items:center;font-size:13px}
.check input{accent-color:var(--pino);width:15px;height:15px}
.in{display:inline-flex;align-items:center;border:1px solid var(--linea2);border-radius:var(--r-ctl);background:var(--papel);overflow:hidden;transition:border-color var(--t)}
.in:focus-within{border-color:var(--pino)}
.in input{border:0;width:70px;padding:6px 4px 6px 8px;outline:none;text-align:right;background:none}
.in i{font-style:normal;color:var(--gris2);font-size:12px;padding:0 8px 0 2px}
.mini{font-size:12px}
.boton{cursor:pointer}
kbd{font:600 10.5px/1 var(--f);border:1px solid rgba(255,255,255,.35);border-bottom-width:2px;border-radius:3px;padding:2px 4px;margin-right:2px}

/* ===== barra superior (como la cabecera de la tienda: papel + logo en tinta) ===== */
.barra{display:flex;align-items:center;gap:14px;height:56px;padding:0 16px;background:var(--papel);border-bottom:1px solid var(--linea);flex:0 0 auto;position:relative;z-index:20}
.marca{display:block;color:var(--tinta);line-height:0}
.marca .logo{width:62px;height:auto}
.tit{font-size:15px;font-weight:600;font-stretch:112%;padding-left:14px;border-left:1px solid var(--linea);white-space:nowrap}
.pasos-top{display:flex;gap:2px;margin-left:auto;height:100%}
.pasos-top button{border:0;background:none;color:var(--gris);padding:0 14px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;position:relative}
.pasos-top button b{font-size:11px;font-weight:600;width:20px;height:20px;border-radius:50%;border:1px solid var(--linea2);display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.pasos-top button.on{color:var(--tinta);font-weight:600}
.pasos-top button.on b{background:var(--tinta);border-color:var(--tinta);color:#fff}
.pasos-top button.on::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--pino)}
.pasos-top button:not(:disabled):not(.on):hover{color:var(--tinta)}
.acciones{display:flex;gap:6px;padding-left:8px;border-left:1px solid var(--linea);margin-left:6px}

/* ===== editor ===== */
.editor{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;background:var(--papel)}
.ed-cab{display:flex;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid var(--linea);flex-wrap:wrap}
.ed-tit{display:flex;flex-direction:column;gap:2px}
.ed-tit b{display:none}
.ed-tit .h{font-size:20px;font-weight:650;font-stretch:112%;letter-spacing:-.015em;line-height:1.1}
.ed-tit small{font-weight:400;color:var(--gris);font-size:13px}
.ed-modos{display:flex;align-items:center;gap:4px;margin-left:auto}
.ed-modos .seg{display:flex;border:1px solid var(--linea2);border-radius:var(--r-ctl);padding:2px;background:var(--crema)}
.ed-modos button{border:0;background:none;border-radius:4px;padding:0 12px;height:30px;font-size:13px;font-weight:500;color:var(--gris);display:inline-flex;align-items:center;gap:6px}
.ed-modos .seg button.on{background:var(--papel);color:var(--tinta);font-weight:600;box-shadow:var(--sombra-baja)}
.ed-modos [data-m=ejemplo]{color:var(--pino);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;margin-left:8px}
.ed-modos [data-m=ejemplo]:hover{color:var(--pino-h)}
.ed-cuerpo{flex:1 1 auto;display:grid;grid-template-columns:380px 1fr;min-height:0;position:relative}
.ed-lado{overflow:auto;background:var(--papel);border-right:1px solid var(--linea);padding:16px 18px 40px}
.ed-lienzo{position:relative;min-height:0;background:var(--hueso)}
.ed-lienzo canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}
.modo-plano .ed-lienzo canvas{cursor:crosshair}
.ed-pista{position:absolute;left:14px;top:14px;right:120px;max-width:520px;background:var(--papel);color:var(--tinta);border:1px solid var(--linea);border-radius:var(--r-ctl);padding:7px 11px;font-size:12.5px;pointer-events:none;box-shadow:var(--sombra-baja);display:flex;gap:8px;align-items:flex-start}
.ed-pista::before{content:"";flex:0 0 6px;height:6px;margin-top:6px;border-radius:50%;background:var(--pino)}
.ed-zoom{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r-ctl);box-shadow:var(--sombra-baja);overflow:hidden}
.ed-zoom button{width:34px;height:34px;border:0;border-bottom:1px solid var(--linea);background:none;display:flex;align-items:center;justify-content:center;color:var(--tinta)}
.ed-zoom button:last-child{border-bottom:0}
.ed-zoom button:hover{background:var(--crema)}
.ed-medida{position:absolute;left:14px;bottom:14px;background:var(--papel);border:1px solid var(--linea2);box-shadow:var(--sombra);border-radius:var(--r-sup);padding:8px 10px;display:flex;gap:8px;align-items:center;font-size:13px}
.ed-medida input{width:90px;border:1px solid var(--linea2);border-radius:var(--r-ctl);padding:6px 8px;text-align:right;font-variant-numeric:tabular-nums}
.ed-medida i{font-style:normal;color:var(--gris)}
.ed-medida .pri{min-height:30px}
.ed-est{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--linea)}
.ed-est:last-of-type{border-bottom:0}
.fila2{display:flex;gap:6px;align-items:center}
.fila2 .nom{flex:1;font-weight:600;font-size:15px;font-stretch:108%;border:1px solid transparent;border-radius:var(--r-ctl);padding:5px 7px;margin-left:-7px;min-width:0;background:none}
.fila2 .nom:hover{border-color:var(--linea2)}
.fila2 .nom:focus{border-color:var(--pino);outline:none;background:var(--papel)}
select{border:1px solid var(--linea2);border-radius:var(--r-ctl);padding:6px 26px 6px 8px;background:var(--papel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6660' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 7px center/13px no-repeat;-webkit-appearance:none;appearance:none;max-width:100%;font-size:12.5px}
.formas{display:flex;gap:0;margin:10px 0 12px;border:1px solid var(--linea2);border-radius:var(--r-ctl);padding:2px;background:var(--crema)}
.formas button{flex:1;border:0;background:none;border-radius:4px;padding:5px;font-size:12.5px;display:flex;align-items:center;gap:6px;justify-content:center;color:var(--gris)}
.formas button svg{width:22px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75}
.formas button.on{background:var(--papel);color:var(--tinta);font-weight:600;box-shadow:var(--sombra-baja)}
.campos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.campos label{font-size:11.5px;color:var(--gris);display:flex;flex-direction:column;gap:4px;font-weight:500}
.campos .in input{width:100%}
.union{margin-top:12px;font-size:12.5px;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;color:var(--gris)}
.union .in input{width:56px}
.huecos{margin-top:12px}
.hueco{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;font-size:12px;color:var(--gris);background:var(--crema);border-radius:var(--r-ctl);padding:8px 8px 8px 10px;margin:6px 0}
.hueco b{min-width:52px;color:var(--tinta);font-weight:600;font-size:12.5px}
.hueco .in input{width:50px}
.hueco select{max-width:200px}
.hueco .ico{margin-left:auto;width:26px;height:26px}
.pasos{padding-left:0;list-style:none;counter-reset:p;margin:16px 0}
.pasos li{counter-increment:p;position:relative;padding:0 0 18px 34px}
.pasos li:not(:last-child)::after{content:"";position:absolute;left:11px;top:28px;bottom:4px;width:1px;background:var(--linea2)}
.pasos li::before{content:counter(p);position:absolute;left:0;top:4px;width:23px;height:23px;border-radius:50%;border:1px solid var(--linea2);background:var(--papel);color:var(--gris);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600}
.pasos li.hecho::before{content:"";background:var(--pino) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--pino)}
.pasos small{display:block;color:var(--gris);font-size:12px;margin-top:5px}
.herr{border:1px solid var(--linea2);background:var(--papel);border-radius:var(--r-ctl);height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.herr:hover{border-color:var(--tinta)}
.herr.on{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.subir{min-height:64px;flex-direction:column;gap:2px;font-size:14px;font-weight:600;border:1px dashed var(--linea2);background:var(--crema);color:var(--tinta);border-radius:var(--r-sup)}
.subir:hover{border-color:var(--pino);color:var(--pino)}
.subir small{font-weight:400;color:var(--gris);font-size:12px}
.ficha-h{border:1px solid var(--nogal);background:var(--nogal-f);border-radius:var(--r-ctl);padding:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;margin-bottom:12px}
.ficha-h b{width:100%;font-size:13px}
.ficha-h .in input{width:60px}
.lista-est .est{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-bottom:1px solid var(--linea);padding:8px 0}
.lista-est .est.on .nom{border-color:var(--pino)}
.lista-est .nom{flex:1;min-width:90px;border:1px solid var(--linea2);border-radius:var(--r-ctl);padding:5px 7px;font-weight:600}
.lista-est .in input{width:50px}
.lista-est small{width:100%;color:var(--gris);font-size:11.5px}
/* pantalla inicial */
.inicio{position:absolute;inset:0;z-index:5;background:var(--hueso);display:flex;align-items:center;justify-content:flex-start;padding:clamp(20px,6vw,72px);overflow:auto}
.inicio-in{max-width:1080px;width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px 56px;align-items:center}
.inicio-txt{grid-column:1}.opciones{grid-column:2;grid-row:1/span 2}.inicio .alt{grid-column:1}
.inicio .eyebrow{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--pino)}
.inicio h1{font-size:clamp(28px,3.4vw,42px);font-weight:650;font-stretch:108%;letter-spacing:-.025em;line-height:1.02;margin:10px 0 12px;max-width:16ch}
.inicio p.lead{font-size:15px;color:var(--gris);max-width:52ch;margin:0 0 28px}
.opciones{display:grid;grid-template-columns:1fr;gap:12px}
.opcion{text-align:left;border:1px solid var(--linea2);background:var(--papel);border-radius:var(--r-sup);padding:16px 18px;display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto 1fr;gap:4px 18px;align-items:start;transition:border-color var(--t),box-shadow var(--t)}
.opcion:hover{border-color:var(--tinta);box-shadow:var(--sombra-baja)}
.opcion svg.dib{width:150px;height:auto;grid-row:span 2;color:var(--tinta);align-self:center}
.opcion b{font-size:16px;font-stretch:110%;font-weight:650}
.opcion span{color:var(--gris);font-size:12.5px}
.inicio .alt{margin-top:0;align-self:start;font-size:13px;color:var(--gris)}
.inicio .alt button{border:0;background:none;padding:0;color:var(--pino);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ===== experiencia ===== */
.exp{flex:1 1 auto;display:grid;grid-template-columns:336px 1fr 300px;min-height:0}
.panel{overflow:auto;background:var(--papel);min-height:0}
.p-tit{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.panel h2{font-size:16px;font-weight:650;margin:0}
.p-tit small{color:var(--gris);font-size:12px}
.catalogo{border-right:1px solid var(--linea);display:flex;flex-direction:column;overflow:hidden}
.cat-cab{padding:14px 14px 0;border-bottom:1px solid var(--linea)}
.buscar{display:flex;align-items:center;gap:8px;border:1px solid var(--linea2);border-radius:var(--r-ctl);padding:0 10px;margin:10px 0 10px;color:var(--gris2);transition:border-color var(--t)}
.buscar:focus-within{border-color:var(--pino);color:var(--pino)}
.buscar input{border:0;outline:none;flex:1;padding:8px 0;min-width:0;background:none;color:var(--tinta)}
.chips{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.chips::-webkit-scrollbar{display:none}
.chips button{border:0;background:none;padding:8px 8px 9px;font-size:12.5px;color:var(--gris);white-space:nowrap;border-bottom:2px solid transparent;font-weight:500}
.chips button:hover{color:var(--tinta)}
.chips button.on{color:var(--tinta);border-bottom-color:var(--tinta);font-weight:600}
.chips button.medida{color:var(--nogal)}
.chips button.medida.on{border-bottom-color:var(--nogal);color:var(--nogal)}
.cat-lista{overflow:auto;padding:0 0 24px;flex:1}
.cat-lista h3{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-stretch:100%;color:var(--gris);margin:0;padding:16px 14px 6px;font-weight:600}
.cat-lista h3.medida{color:var(--nogal)}
.cat-lista h4{font-size:12.5px;color:var(--tinta);margin:0;padding:10px 14px 4px;font-weight:600;position:sticky;top:0;background:var(--papel);z-index:1}
.card{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:10px 14px;border-top:1px solid var(--linea);background:var(--papel);cursor:grab;transition:background var(--t)}
.card:hover{background:var(--hueso)}
.card img{width:72px;height:72px;object-fit:contain;background:var(--crema);border-radius:var(--r-chip);mix-blend-mode:multiply}
.c-txt{min-width:0;display:flex;flex-direction:column;gap:3px}
.c-txt b{font-size:12.5px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c-txt .med{color:var(--gris);font-size:11.5px}
.c-txt .med i{display:none}
.c-pie{display:flex;align-items:center;gap:8px;margin-top:auto;flex-wrap:nowrap;padding-top:2px}
.precio{font-weight:700;font-size:13.5px}
.precio.sin{font-weight:600;color:var(--nogal);font-size:12px}
.precio s{color:var(--gris2);font-weight:400;font-size:11.5px}
.stock{font-size:11px;color:var(--gris)}
.pared{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--pino,#23786D);line-height:1.3}
.pared svg{width:12px;height:12px;flex:none}
.f-txt .pared{margin-top:6px}
.stock.poco{color:var(--rojo)}
.tonos{display:flex;gap:4px}
.tonos i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);cursor:pointer}
.tonos i.on{outline:1.5px solid var(--tinta);outline-offset:2px}
.colocar{margin-left:auto;min-height:28px;padding:0 10px;font-size:12px;background:var(--papel);border:1px solid var(--linea2);border-radius:var(--r-ctl);font-weight:600;display:inline-flex;align-items:center;gap:5px}
.colocar:hover{border-color:var(--tinta);background:var(--tinta);color:#fff}
.colocar svg.i{width:13px;height:13px}
.card.fab .muestra-cat,.muestra{width:72px;height:72px;border-radius:var(--r-chip);background-size:cover;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.acab-cat{background:var(--nogal-f);padding:12px 14px;margin:0}
.acab-cat p{margin:0 0 8px;font-size:12.5px}
.f-acab{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px}
.sw{height:40px;border-radius:var(--r-chip);border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);background-size:cover;position:relative;padding:0}
.sw span{position:absolute;left:0;right:0;bottom:0;font-size:8.5px;line-height:1.2;background:rgba(255,255,255,.88);border-radius:0 0 var(--r-chip) var(--r-chip);padding:1px 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sw.on{outline:2px solid var(--tinta);outline-offset:1px}
.entrega{border:0;padding:0;margin:10px 0 6px;display:flex;flex-direction:column;gap:6px}
.entrega legend{font-size:12.5px;font-weight:600;padding:0;margin-bottom:6px;color:var(--tinta)}
.entrega label{display:grid!important;grid-template-columns:18px 1fr;gap:2px 8px;align-items:start;border:1px solid var(--linea2);border-radius:var(--r-ctl);padding:9px 10px;margin:0!important;cursor:pointer;background:var(--papel);font-size:12.5px;flex-direction:row!important}
.entrega label:has(input:checked){border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta)}
.entrega input{accent-color:var(--tinta);margin:2px 0 0;grid-row:span 2}
.entrega b{font-weight:600;font-size:13px}
.entrega small{color:var(--gris);font-size:11.5px;line-height:1.4;grid-column:2}
.importar{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--gris);border-top:1px solid var(--linea);padding:10px 14px;cursor:pointer;background:var(--papel)}
.importar small{color:var(--gris2)}
.importar:hover{color:var(--tinta);background:var(--hueso)}

.escena{position:relative;min-height:0;overflow:hidden;background:#E9E5DE}
.escena canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}
.mira{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;pointer-events:none;opacity:.8}
.mira::before,.mira::after{content:"";position:absolute;background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.4)}
.mira::before{left:7.25px;top:0;width:1.5px;height:16px}.mira::after{top:7.25px;left:0;height:1.5px;width:16px}
.escena.planta .mira{display:none}
body:not(.tactil) .escena:not(.bloqueado) .mira{opacity:.35}
.hud-arriba{position:absolute;left:12px;top:12px;right:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;pointer-events:none}
.hud-arriba>*{pointer-events:auto}
.vistas,.herramientas{display:flex;background:var(--papel);border-radius:var(--r-ctl);padding:3px;box-shadow:var(--sombra-baja);border:1px solid var(--linea)}
.vistas button,.hud-b{border:0;background:none;color:var(--gris);height:30px;padding:0 11px;border-radius:4px;font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px}
.vistas button:hover,.hud-b:hover{color:var(--tinta);background:var(--crema)}
.vistas button.on{background:var(--tinta);color:#fff;font-weight:600}
.herramientas{margin-left:auto}
.estado{position:absolute;left:50%;top:60px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;padding:0 14px 0 10px;height:36px;border-radius:var(--r-ctl);color:#fff;font-size:12.5px;box-shadow:var(--sombra);max-width:min(560px,calc(100% - 24px));pointer-events:none;transition:background var(--t)}
.estado b{font-size:13px;font-weight:650;white-space:nowrap;display:flex;align-items:center;gap:6px;font-stretch:108%}
.estado b svg.i{width:16px;height:16px}
.estado span{opacity:.92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:10px;border-left:1px solid rgba(255,255,255,.3)}
.estado.si{background:var(--pino)}
.estado.no{background:var(--rojo)}

.ficha{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:min(580px,calc(100% - 24px));background:var(--papel);border-radius:var(--r-sup);box-shadow:var(--sombra);border:1px solid var(--linea);padding:14px 16px 12px;font-size:12.5px}
.f-cab{display:flex;gap:12px;align-items:flex-start}
.f-cab img{width:56px;height:56px;object-fit:contain;border-radius:var(--r-chip);background:var(--crema);mix-blend-mode:multiply}
.f-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.f-txt b{font-size:14px;line-height:1.25;font-weight:650;font-stretch:104%}
.f-txt small{color:var(--gris);font-size:12px}
.f-med{display:flex;gap:0;margin-top:4px}
.f-med span{display:flex;flex-direction:column;padding:0 12px;border-left:1px solid var(--linea);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}
.f-med span:first-child{padding-left:0;border-left:0}
.f-med em{font-style:normal;font-size:10.5px;color:var(--gris);font-weight:500;letter-spacing:.04em}
.ficha-estado{margin:10px 0 2px;font-size:12.5px;font-weight:600;display:flex;gap:6px;align-items:flex-start}
.ficha-estado::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;margin-top:4px;background:currentColor}
.ficha-estado.si{color:var(--pino)}
.ficha-estado.no{color:var(--rojo)}
.ficha .acc{display:flex;gap:0;border:1px solid var(--linea2);border-radius:var(--r-ctl);overflow:hidden;flex-wrap:nowrap}
.ficha .acc .sec{border:0;border-right:1px solid var(--linea2);border-radius:0;flex:1 1 auto;min-height:34px;padding:0 10px;font-size:12px;gap:5px}
.ficha .acc .sec:last-child{border-right:0}
.ficha .acc .sec:hover{background:var(--crema)}
.ficha .acc .sec svg.i{width:15px;height:15px}
.giro{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--gris);margin:8px 0 2px}
.giro input{flex:1;accent-color:var(--tinta)}
.giro output{width:52px;text-align:right;color:var(--tinta);font-weight:600}
.ficha select{width:100%;margin:6px 0 2px}
.f-pie{display:flex;align-items:center;gap:10px;margin-top:10px;border-top:1px solid var(--linea);padding-top:10px}
.f-pie .precio{font-size:20px;font-weight:700;font-stretch:108%;letter-spacing:-.01em}
.f-pie small{color:var(--gris);font-size:12px}
.f-pie button{margin-left:auto}
.ficha .pista{display:block;color:var(--gris);font-size:12px;margin-top:2px}
.ficha .f-acab{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));margin-top:8px;max-height:68px;overflow:auto}
.ficha .sw{height:28px}
.etiquetas{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.et-est,.et-dist{position:absolute;left:0;top:0;white-space:nowrap}
.et-est{transform-origin:0 0;margin:-20px 0 0 -45px;width:90px;text-align:center;font-size:11px;color:var(--gris);line-height:1.2;background:rgba(255,255,255,.9);border-radius:var(--r-chip);padding:3px 4px;font-variant-numeric:tabular-nums}
.et-est b{display:block;color:var(--tinta);font-size:12.5px;font-weight:650}
.et-dist{margin:-11px 0 0 -26px;background:var(--tinta);color:#fff;font-size:11px;font-weight:600;border-radius:var(--r-chip);padding:2px 6px;font-variant-numeric:tabular-nums;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.joystick{display:none;position:absolute;left:20px;bottom:20px;width:112px;height:112px;border-radius:50%;background:rgba(26,26,26,.18);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75);touch-action:none}
.joystick .palo{position:absolute;left:32px;top:32px;width:48px;height:48px;border-radius:50%;background:var(--papel);box-shadow:0 2px 6px rgba(0,0,0,.25),inset 0 0 0 1px var(--linea)}
body.tactil .joystick{display:block}
body.tactil .solo-escritorio{display:none!important}
.escena.planta .joystick{display:none}
.ayuda{position:absolute;right:12px;bottom:12px;background:rgba(26,26,26,.78);color:#F4F0E8;font-size:11.5px;padding:6px 10px;border-radius:var(--r-ctl);pointer-events:none;display:flex;gap:4px;align-items:center}
.ayuda span{padding-left:8px;margin-left:4px;border-left:1px solid rgba(255,255,255,.25)}
.ficha:not([hidden]) ~ .ayuda{display:none}
.aviso{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:var(--tinta);color:#fff;padding:10px 16px;border-radius:var(--r-ctl);font-size:12.5px;box-shadow:var(--sombra);max-width:min(520px,calc(100% - 24px));z-index:5;animation:entra var(--t) both}
.ficha:not([hidden]) ~ .aviso{bottom:auto;top:108px}
@keyframes entra{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
.cargando{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--hueso);font-size:13px;color:var(--gris)}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--linea2);border-top-color:var(--tinta);animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}

.lista{border-left:1px solid var(--linea);padding:14px 14px 32px}
.lista h3{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin:18px 0 4px;font-weight:600;font-stretch:100%}
.lista h3 small{color:var(--gris2);font-weight:500;letter-spacing:0;text-transform:none}
.lin{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--linea);cursor:pointer}
.lin:hover b{text-decoration:underline;text-underline-offset:2px}
.lin img,.lin .muestra{width:44px;height:44px;object-fit:contain;border-radius:var(--r-chip);background:var(--crema);mix-blend-mode:multiply}
.lin div{min-width:0;display:flex;flex-direction:column;gap:1px}
.lin b{font-size:12.5px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lin b .q{font-variant-numeric:tabular-nums;color:var(--gris);font-weight:500}
.lin small{color:var(--gris);font-size:11.5px}
.lin small.mal{color:var(--rojo)}
.lin .imp{font-weight:650;font-size:13px;white-space:nowrap}
.lin.peq{grid-template-columns:1fr auto}
.total{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;padding:12px 0 10px}
.total b{font-size:20px;font-weight:700;font-stretch:108%;letter-spacing:-.01em}
.comprar{min-height:44px;font-size:14px;margin-top:2px}
.vacio{color:var(--gris);font-size:12.5px;margin:10px 0 0}
.vacio ol{padding-left:18px;margin:8px 0 0}
.vacio li{margin:3px 0}
.alerta{background:var(--rojo-f);color:var(--rojo);border-radius:var(--r-ctl);padding:9px 10px;font-size:12.5px;margin:10px 0 0}
.alerta a{color:var(--rojo);font-weight:600}
.ajustes{margin-top:18px;font-size:12.5px;border-top:1px solid var(--linea);padding-top:10px}
.ajustes summary{cursor:pointer;color:var(--tinta);font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}
.ajustes summary::-webkit-details-marker{display:none}
.ajustes summary::after{content:"+";color:var(--gris);font-weight:400;font-size:16px}
.ajustes[open] summary::after{content:"−"}
.ajustes label{display:flex;gap:8px;align-items:center;margin:8px 0;flex-wrap:wrap}
.mini.sec{min-height:26px;padding:0 9px;font-size:12px}
.tabs-movil{display:none}
.corto{display:none}
.ficha.compacta .f-cab img,.ficha.compacta .f-txt small,.ficha.compacta .f-med{display:none}
.ficha.compacta .ficha-estado{display:none}
.ficha.compacta .fila{margin:8px 0 2px}

.dlg{border:0;border-radius:var(--r-sup);padding:20px 22px;width:min(480px,calc(100% - 24px));box-shadow:0 24px 64px -12px rgba(26,22,18,.4);color:var(--tinta)}
.dlg::backdrop{background:rgba(26,22,18,.45)}
.dlg-cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dlg h3{margin:0;font-size:19px;font-weight:650}
.dlg label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:500;color:var(--gris);margin:8px 0}
.dlg label.check{flex-direction:row;color:var(--tinta)}
.dlg input:not([type=checkbox]):not([type=radio]),.dlg select,.dlg textarea{border:1px solid var(--linea2);border-radius:var(--r-ctl);padding:8px 10px;color:var(--tinta);font-size:13.5px}
.dlg input:focus,.dlg textarea:focus{border-color:var(--pino);outline:none}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.trampa{position:absolute;left:-5000px;width:1px;height:1px}
.dlg.foto{width:min(1280px,calc(100% - 24px))}
.dlg.foto img{width:100%;max-height:62vh;object-fit:contain;background:var(--crema);border-radius:var(--r-ctl);display:block}
.foto-par{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
.foto-par:has(#fotoAntesFig[hidden]){grid-template-columns:1fr}
.foto-par figure{margin:0;position:relative;min-width:0}
.foto-par figcaption{font-size:12.5px;color:var(--gris);margin-top:6px;line-height:1.35}
.foto-par .et-ia{color:var(--tinta);font-weight:500;background:var(--crema);border-left:3px solid var(--pino);padding:6px 8px;border-radius:4px}
.foto-espera{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--crema);border-radius:var(--r-ctl);font-size:14px;color:var(--gris)}
.foto-espera .giro{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:giro .9s linear infinite}
@keyframes giro{to{transform:rotate(360deg)}}
@media (max-width:760px){.foto-par{grid-template-columns:1fr}.dlg.foto img{max-height:40vh}}
.barra-prog{height:4px;background:var(--linea);border-radius:2px;overflow:hidden;margin:10px 0}
.barra-prog i{display:block;height:100%;width:0;background:var(--tinta);transition:width .2s}
.acab-est{border-bottom:1px solid var(--linea);padding:8px 0;margin:0;display:flex;flex-direction:column;gap:4px}
.acab-est label{margin:0!important;justify-content:space-between}
.acab-est select{max-width:170px}

/* ===== móvil ===== */
@media (max-width:900px){
  .barra{height:52px;padding:0 10px 0 12px;gap:8px}
  .tit{display:none}
  .marca .logo{width:52px}
  .pasos-top button{padding:0 8px;font-size:12.5px;gap:6px}
  .pasos-top button.on::after{left:8px;right:8px}
  .acciones{padding-left:4px;margin-left:2px}
  .acciones .ghost{padding:0 8px}
  .ed-cab{padding:12px 14px;gap:10px}
  .ed-tit small{display:none}
  .ed-modos{margin-left:0;width:100%;flex-wrap:wrap}
  .ed-modos .seg{flex:1}
  .ed-modos .seg button{flex:1;justify-content:center;padding:0 6px;font-size:12.5px;white-space:nowrap}
  .ed-modos .seg button svg.i{display:none}
  .con-inicio .ed-cab{display:none}
  .con-inicio .ed-cuerpo{grid-template-rows:1fr}
  #edListo{width:100%;min-height:42px}
  .ed-cuerpo{grid-template-columns:1fr;grid-template-rows:40vh 1fr}
  .ed-lienzo{order:-1}
  .ed-lado{border-right:0;border-top:1px solid var(--linea);padding:14px}
  .campos{grid-template-columns:1fr 1fr}
  .inicio-in{grid-template-columns:1fr;gap:18px}
  .inicio-txt,.opciones,.inicio .alt{grid-column:1;grid-row:auto}
  .opcion{grid-template-columns:96px 1fr;padding:14px}
  .opcion svg.dib{width:96px}
  .inicio p.lead{margin-bottom:0}
  .inicio{align-items:flex-start;padding:24px 16px}
  .exp{grid-template-columns:1fr;grid-template-rows:1fr auto}
  .panel{position:absolute;left:0;right:0;top:52px;bottom:58px;z-index:10;display:none!important}
  .panel.abierto{display:flex!important;flex-direction:column}
  .lista.abierto{display:block!important}
  .tabs-movil{display:flex;background:var(--papel);border-top:1px solid var(--linea);padding:4px 6px calc(4px + env(safe-area-inset-bottom));gap:4px}
  .tabs-movil button{flex:1;border:0;background:none;color:var(--gris);border-radius:var(--r-ctl);height:48px;font-size:11.5px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative}
  .tabs-movil button svg.i{width:20px;height:20px}
  .tabs-movil button.on{color:var(--tinta);font-weight:650}
  .tabs-movil button.on::before{content:"";position:absolute;top:-5px;left:30%;right:30%;height:2px;background:var(--pino)}
  .tabs-movil b{position:absolute;top:4px;left:calc(50% + 6px);background:var(--pino);color:#fff;border-radius:999px;min-width:17px;height:17px;padding:0 5px;font-size:10.5px;display:flex;align-items:center;justify-content:center}
  .tabs-movil b:empty,.tabs-movil b[data-n="0"]{display:none}
  .hud-arriba{left:8px;top:8px;right:8px;gap:6px}
  .hud-b span{display:none}
  .hud-b{padding:0 9px;height:34px}
  .vistas button{height:34px;padding:0 10px}
  .estado{top:56px;font-size:12px}
  .estado span{display:none} /* en móvil el motivo va en la ficha: aquí solo «Cabe / No cabe» */
  .ficha{bottom:8px;padding:12px;max-height:62%;overflow:auto}
  .ficha .acc{flex-wrap:wrap}
  .ficha .acc .sec{flex:1 1 30%;border-bottom:1px solid var(--linea2);min-height:40px}
  body.tactil .ficha:not([hidden]) ~ .joystick{bottom:calc(var(--fichaH,0px) + 14px);width:92px;height:92px;left:12px}
  body.tactil .ficha:not([hidden]) ~ .joystick .palo{left:22px;top:22px}
  .estado.si span{display:none}
  .largo{display:none}.corto{display:inline}
  .lista{padding:14px 16px 32px}
  .card{padding:10px 16px}
  .cat-cab{padding:12px 16px 0}
  .chips{margin:0 -16px;padding:0 16px}
  .dos{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
a.sec,a.pri{color:inherit}a.pri{color:#fff}.dlg h3:focus{outline:none}

/* ---- Autocompletar y ambientación (31-oct) */
.hud-b.auto{color:var(--tinta);font-weight:600}
.hud-b.amb.on{color:var(--pino)}
.hud-b.amb:not(.on) svg{opacity:.45}
.dlg.auto{width:min(560px,calc(100% - 24px))}
.auto-vars{border:0;padding:0;margin:12px 0 4px}
.auto-vars legend{font-size:12.5px;font-weight:600;padding:0;margin-bottom:6px}
#autoVars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#autoVars .var{display:grid!important;grid-template-rows:auto auto 1fr;gap:3px;margin:0!important;border:1px solid var(--linea2);border-radius:var(--r-ctl);padding:10px 11px;cursor:pointer;background:var(--papel);color:var(--tinta)}
#autoVars .var input{position:absolute;opacity:0;pointer-events:none}
#autoVars .var b{font-size:13.5px;font-weight:650}
#autoVars .var small{color:var(--gris);font-size:11.5px;line-height:1.35}
#autoVars .var .num{font-size:12.5px;font-weight:600;align-self:end;margin-top:4px;font-variant-numeric:tabular-nums}
#autoVars .var.on{border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta)}
#autoVars .var:focus-within{outline:2px solid var(--pino);outline-offset:1px}
.dlg.auto label.check small{color:var(--gris);font-weight:400}
.dlg.auto .fila.fin{flex-wrap:wrap}
.deco-nota{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.4;color:var(--gris);background:var(--crema);border-radius:var(--r-ctl);padding:8px 10px;margin:0 0 10px}
.deco-nota svg{flex:0 0 auto;width:16px;height:16px;color:var(--pino);margin-top:1px}
.deco-nota b{font-weight:600;color:var(--tinta)}
.muestra.deco{display:grid;place-items:center;background:var(--pino-f);color:var(--pino)}
.muestra.deco svg{width:28px;height:28px}
.et-deco{display:inline-block;color:var(--pino)!important;font-weight:600}
@media (max-width:760px){#autoVars{grid-template-columns:1fr}#autoVars .var{grid-template-columns:1fr auto;grid-template-rows:auto auto}#autoVars .var .num{grid-row:1/3;grid-column:2;align-self:center;margin:0}.dlg.auto .fila.fin button{flex:1 1 100%}}
.dlg.auto label.check{align-items:flex-start;gap:8px;font-size:12.5px}.dlg.auto label.check input{margin-top:2px}.dlg.auto label.check small{display:block;margin-top:2px}

/* pulido 31-oct · táctil: objetivos de al menos 44 px (probado con emulación de dispositivo 320 y 360 px) */
@media (pointer:coarse){
  .hud-b{min-width:44px;height:44px}
  .vistas button{height:44px}
  .inicio .alt button{min-height:44px;padding:0 4px}
  .tabs-movil button{min-height:48px}
}

/* ===== arreglos del feedback de Stiven (3-nov) ===== */
/* 2 · ficha: esquina inferior derecha y estrecha (el mueble elegido queda en el centro de la vista), plegable */
.ficha{left:auto;right:12px;transform:none;width:min(340px,calc(100% - 24px));bottom:12px;max-height:calc(100% - 130px);overflow:auto;padding:12px 14px}
.f-cab{gap:10px;align-items:center}
.f-cab img,.f-cab .muestra{width:44px;height:44px;flex:0 0 44px}
.f-txt b{font-size:13.5px}
.f-txt .cod{font-size:12px;color:var(--tinta);font-weight:650}
.f-txt .f-dims{color:var(--tinta);font-weight:600;font-variant-numeric:tabular-nums}
.f-txt .f-dims span{color:var(--gris);font-weight:400}
.f-cab .ico-b{width:36px;height:36px}
.ficha .acc{display:flex;flex-wrap:wrap;gap:1px;background:var(--linea2);border:1px solid var(--linea2);border-radius:var(--r-ctl);overflow:hidden;margin-top:8px}
.ficha .acc .sec,.ficha .acc .pri{flex:1 1 30%;border:0!important;border-radius:0;min-height:38px;padding:0 6px;font-size:12px;gap:5px;justify-content:center}
.ficha .acc .sec{background:var(--papel)}
.ficha .acc .sec:hover{background:var(--crema)}
.f-mas{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.f-mas:empty{display:none}
.f-mas .pared{font-size:12px;align-items:flex-start}
.f-mas .pared svg{margin-top:1px}
.ficha.plegada .f-mas,.ficha.plegada .f-pie small,.ficha.plegada .f-pie .entrega{display:none}
.ficha.plegada .acc .sec span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ficha.plegada .acc .sec{flex:1 1 0;min-width:40px}
.ficha.plegada .f-pie{margin-top:8px;padding-top:8px}
.ficha.plegada .f-pie .precio{font-size:17px}
.ficha .f-pie{flex-wrap:wrap}
/* 3 · precio orientativo de los módulos a medida */
.f-pie.fab{flex-direction:column;align-items:stretch;gap:8px}
.f-pie.fab button{margin-left:0}
.f-precio{display:flex;flex-direction:column;gap:1px}
.precio.orient{font-size:14px!important;font-weight:650;color:var(--nogal)}
.ficha.plegada .precio.orient{font-size:13px!important}
.entrega.mini{flex-direction:row;margin:0;gap:6px}
.entrega.mini label{flex:1;grid-template-columns:16px 1fr;padding:6px 8px;gap:0 6px}
.entrega.mini b{font-size:12.5px}
.entrega.mini small{font-size:11px}
.imp.orient{display:flex;flex-direction:column;align-items:flex-end;font-size:12.5px}
.imp.orient small{color:var(--nogal);font-weight:600;font-size:11px}
.orient-nota{margin:8px 0 0;font-size:12px;color:var(--nogal);font-weight:600}
/* 4 · flechas para recorrer las categorías */
.chips-w{position:relative;margin:0 -14px}
.chips-w .chips{margin:0;padding:0 14px}
.chips-w.desborda .chips{-webkit-mask-image:none;mask-image:none;padding:0 40px}
.chips-fl{position:absolute;top:0;bottom:2px;width:36px;border:0;background:var(--papel);color:var(--tinta);display:flex;align-items:center;justify-content:center;z-index:1;padding:0;cursor:pointer}
.chips-fl.izq{left:0;border-right:1px solid var(--linea)}
.chips-fl.der{right:0;border-left:1px solid var(--linea)}
.chips-fl:hover{background:var(--crema)}
.chips-fl svg.i{width:18px;height:18px}
/* 8 · subcategorías de «A medida» y filtro por tamaño */
.sub-medida{display:flex;flex-direction:column;gap:8px;padding:10px 0 12px}
.seg.sub{display:flex;border:1px solid var(--linea2);border-radius:var(--r-ctl);overflow:hidden}
.seg.sub button{flex:1 1 auto;border:0;background:var(--papel);padding:7px 6px;font-size:12px;color:var(--gris);border-right:1px solid var(--linea2);white-space:nowrap;min-height:34px}
.seg.sub button:last-child{border-right:0}
.seg.sub button:hover{color:var(--tinta)}
.seg.sub button.on{background:var(--nogal);color:#fff;font-weight:600}
.seg.sub small{font-size:10.5px;opacity:.8}
.sub-medida .ancho{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gris)}
.sub-medida .ancho select{flex:1;min-width:0;min-height:34px}
.card .cod{font-weight:700}
/* 6 · Ambientación y Foto realista con su nombre también en móvil + aviso la primera vez */
.hud-b.foto{color:var(--tinta);font-weight:600}
.hud-b.resalta{box-shadow:inset 0 0 0 2px var(--pino);color:var(--pino)}
.tip{position:absolute;right:12px;top:58px;z-index:6;width:min(320px,calc(100% - 24px));background:var(--papel);border:1px solid var(--linea);border-radius:var(--r-sup);box-shadow:var(--sombra);padding:12px 14px;font-size:12.5px;animation:entra var(--t) both}
.tip>b{display:block;font-size:13.5px;margin-bottom:6px}
.tip p{display:flex;gap:8px;margin:0 0 6px;line-height:1.4;color:var(--gris)}
.tip p b{color:var(--tinta)}
.tip p svg{flex:0 0 auto;width:16px;height:16px;color:var(--pino);margin-top:1px}
.tip .pri{margin-top:4px}
.tip::before{content:"";position:absolute;top:-6px;right:120px;width:10px;height:10px;background:var(--papel);border-left:1px solid var(--linea);border-top:1px solid var(--linea);transform:rotate(45deg)}
/* 7 · autocompletar: elegir pared o tramo */
.auto-donde{border:0;padding:0;margin:12px 0 0}
.auto-donde legend{font-size:12.5px;font-weight:600;padding:0;margin-bottom:6px}
.auto-donde .seg{display:flex;border:1px solid var(--linea2);border-radius:var(--r-ctl);padding:2px;background:var(--crema);gap:2px}
.auto-donde .seg button{flex:1;border:0;background:none;border-radius:4px;min-height:34px;font-size:12.5px;color:var(--gris)}
.auto-donde .seg button.on{background:var(--papel);color:var(--tinta);font-weight:600;box-shadow:var(--sombra-baja)}
#autoPared{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.paredes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
.paredes .pa{display:grid!important;grid-template-columns:auto 1fr;gap:0 6px;align-items:baseline;border:1px solid var(--linea2);border-radius:var(--r-ctl);padding:7px 9px;margin:0!important;cursor:pointer}
.paredes .pa input{position:absolute;opacity:0;pointer-events:none}
.paredes .pa b{font-size:16px;font-weight:700;grid-row:span 2}
.paredes .pa small{grid-column:2;color:var(--gris);font-size:11px}
.paredes .pa.on{border-color:var(--pino);box-shadow:inset 0 0 0 1px var(--pino);background:var(--pino-f)}
.paredes .pa:focus-within{outline:2px solid var(--pino);outline-offset:1px}
.tramo .in input{width:100%}
.tramo label{display:flex;flex-direction:column;gap:4px;font-size:12px}
.et-pared{position:absolute;left:0;top:0;margin:-18px 0 0 -30px;width:60px;text-align:center;background:var(--papel);border:1px solid var(--linea2);border-radius:var(--r-chip);font-size:10.5px;color:var(--gris);line-height:1.15;padding:3px 2px;font-variant-numeric:tabular-nums;box-shadow:var(--sombra-baja)}
.et-pared b{display:block;font-size:15px;color:var(--tinta)}
.et-pared.on{background:var(--pino);border-color:var(--pino);color:#fff}
.et-pared.on b{color:#fff}
.escena.eligiendo canvas{cursor:crosshair}
@media (max-width:900px){
  .ficha{left:8px;right:8px;width:auto;bottom:8px;max-height:52%;padding:10px 12px}
  .ficha .acc .sec{min-height:44px}
  .ficha.plegada .acc .sec{min-height:44px}
  .chips-w{margin:0 -16px}
  .chips-w .chips{padding:0 16px}
  .chips-w.desborda .chips{padding:0 46px}
  .chips-fl{width:44px}
  .hud-b.etq span{display:inline}
  .hud-b.etq{padding:0 10px}
  .herramientas{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .herramientas::-webkit-scrollbar{display:none}
  .tip{right:8px}
  .tip::before{right:60px}
}
@media (max-width:420px){.hud-b.etq{padding:0 8px;gap:4px;font-size:12px}}
/* el aviso «Cabe / No cabe» y el de novedades, siempre debajo de la barra de herramientas */
.escena .estado{top:calc(var(--hudH,40px) + 22px)}
.escena .tip{top:calc(var(--hudH,40px) + 24px)}
@media (max-width:900px){.escena .estado{top:calc(var(--hudH,40px) + 16px)}}
.seg.sub button{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.2;padding:5px 2px;font-size:11.5px}
.seg.sub small{display:block}
details.acab-cat summary{cursor:pointer;list-style:none;display:flex;flex-direction:column;gap:4px;padding:2px 0}
details.acab-cat summary::-webkit-details-marker{display:none}
details.acab-cat summary b{font-size:12.5px}
details.acab-cat summary b::after{content:" +";color:var(--gris)}
details.acab-cat[open] summary b::after{content:" −"}
details.acab-cat summary small{display:flex;align-items:center;gap:6px;color:var(--gris);font-size:11.5px}
.muestra-mini{width:16px;height:16px;border-radius:3px;background-size:cover;border:1px solid var(--linea2);display:inline-block}
.ficha.plegada .f-pie.fab .f-precio small{display:block}
.ficha.plegada .f-pie.fab .entrega{display:flex}
.ficha.plegada .f-pie.fab{gap:6px}
.ficha.plegada .f-txt>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ficha.plegada .f-txt>small:not(.f-dims){display:none}
.ficha.plegada .f-dims{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ficha.plegada .f-dims span{display:none}
.ficha.plegada .ficha-estado{margin-top:6px}
.tip{animation:entraTip var(--t) both}
@keyframes entraTip{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}