/* V104: menos volumen visual, misma facilidad para tocar y leer. */
#pnlP .sustrato-sugerido{margin:18px 0 0;padding-top:18px;border-color:#e8ece5}
#pnlP .sustrato-titulo h4,#pnlP .extras-etiqueta{font-size:14px;font-weight:500;line-height:1.45;letter-spacing:0}
#pnlP .suelo-lista-v101{gap:6px;margin:9px 0}
#pnlP .suelo-tarjeta-v101{grid-template-columns:48px minmax(0,1fr) auto;gap:6px 10px;padding:9px;border-color:#e9ede5;border-radius:8px}
#pnlP .suelo-foto-v101{grid-row:auto;width:48px;height:68px;align-self:center}
#pnlP .suelo-info-v101 h5{font-size:13px;line-height:1.35;margin:0 0 3px}
#pnlP .suelo-info-v101 p,#pnlP .suelo-info-v101 small{font-size:12px;line-height:1.4}
#pnlP .suelo-info-v101 strong{font-size:14px;line-height:1.4;margin-top:3px}
#pnlP .suelo-acciones-v101{grid-column:auto;max-width:144px;gap:3px;justify-content:flex-end}
#pnlP .suelo-agregar-v101{padding:7px 9px;min-height:38px;font-size:12px;line-height:1.3;max-width:112px;background:#fafbf8;border-color:#e3e8dd}
#pnlP .suelo-cantidad-v99 button{width:30px;height:38px;min-height:38px;font-size:17px}
#pnlP .suelo-cantidad-v99 input{width:36px;min-height:38px}
#pnlP .suelo-auto-v101{font-size:11px;min-height:32px}
#pnlP .catalogo-sustrato{font-size:12px;min-height:38px;padding:5px 0;border:0;background:none;text-decoration:underline;text-underline-offset:3px}
#pnlP .pedido-cabecera h4{font-size:16px;font-weight:500}
#pnlP .pedido-resumen .resumen-fila .resumen-foto{width:58px;height:64px;flex-basis:58px}
#pnlP .resumen-acciones{padding-left:72px}
#pnlP .pedido-resumen .resumen-linea{padding:7px 0}
#pnlP .mm,#pnlP .mm-c,#pnlP .mm-color-inline{min-width:0;max-width:100%;box-sizing:border-box}
#pnlP .mm-color-inline{grid-column:1/-1;width:100%;padding:12px 0 4px;margin:0}
#pnlP .pot-colors{max-width:100%;min-width:0;padding:0}
#pnlP .pot-colors [role=group],#pnlP .sel-col [role=group]{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:100%}
#pnlP .pot-colors .mac-h,#pnlP .pot-colors h4{font-family:inherit;font-size:14px;line-height:1.4;font-weight:500;margin:0 0 8px}
#pnlP .pot-colors .mac-a{display:none}
#pnlP .col-b{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;margin:0;min-height:36px;padding:6px 9px;border:1px solid #e0e6da;border-radius:7px;font-size:12px;font-weight:400;box-shadow:none;max-width:100%}
#pnlP .col-b.on{background:#f4f7f0;border-color:#7e9475}
#pnlP .col-b i,#pnlP .col-b .col-dot,#pnlP .col-b .col-p{width:13px;height:13px;flex:0 0 13px}
#pnlP .col-b:focus:not(:focus-visible){outline:none}
#pnlP .mm-s{display:flex;gap:5px;flex-wrap:wrap;min-width:0}
#pnlP .extras-suaves{margin:16px 0 0;padding-top:12px;border-top:1px solid #e8ece5}
#pnlP .extra-grupo>summary{font-size:13px;font-weight:500}
#pnlP .extra-opcion{padding:8px 0;gap:9px}
#pnlP .extra-foto{width:42px;height:56px;flex-basis:42px}
#pnlP .extra-info b{font-size:13px;font-weight:500}
#pnlP .extra-info small,#pnlP .extra-presentacion{font-size:12px}
.cerco-inicio-v104{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:16px 0;padding:14px 0;border-top:1px solid #e5eade;border-bottom:1px solid #e5eade}
.cerco-inicio-v104 h4,.cerco-v104 h4{font-family:inherit;font-size:15px;line-height:1.4;font-weight:500;margin:0}
.cerco-inicio-v104 p,.cerco-v104 .cerco-top p{font-size:12px;line-height:1.45;color:#6b7564;margin:4px 0 0}
.cerco-inicio-v104>button{font-size:13px;min-height:40px;border:1px solid #dae2d2;border-radius:8px;padding:7px 12px;background:#fafbf7}
#pnlP .cerco-v104{border:1px solid #e3e8dc;border-radius:12px;background:#fafbf8;padding:16px;margin:16px 0;box-shadow:none}
#pnlP .cerco-v104 .cerco-top{gap:12px;margin-bottom:14px;align-items:flex-start}
#pnlP .cerco-v104 .cerco-salir{width:32px;height:32px;flex:0 0 32px;font-size:20px;border:0;background:transparent;box-shadow:none}
#pnlP .cerco-v104 .cerco-modo{display:flex;gap:5px;padding:3px;border-radius:8px;background:#f0f3eb;margin:0 0 14px}
#pnlP .cerco-v104 .cmodo{flex:1;min-height:36px;padding:6px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:500;color:#62705b;background:transparent}
#pnlP .cerco-v104 .cmodo.on{background:#fff;border-color:#dfe6d7;color:#36583c}
.cerco-campos-v104{display:flex;gap:12px}
.cerco-campo-v104{flex:1;min-width:0;display:block;cursor:text;font-size:12px;color:#62705b}
.cerco-entrada-v104{position:relative;display:flex;align-items:center;margin-top:5px;min-height:44px;border:1px solid #d9e1d1;border-radius:8px;background:#fff;overflow:hidden;cursor:text}
#pnlP .cerco-entrada-v104 input{display:block;box-sizing:border-box;flex:1;width:100%;min-width:0;height:44px;padding:10px 38px 10px 12px;border:0;border-radius:0;background:transparent;text-align:left;font:inherit;font-size:16px;outline-offset:-3px}
.cerco-entrada-v104>span{position:absolute;right:13px;pointer-events:none;font-size:13px}
.cerco-entrada-v104:focus-within{border-color:#6f8962;box-shadow:0 0 0 2px #dce7d3}
.cerco-resultado-v104>p{font-size:13px;margin:16px 0 9px;font-weight:500}
#pnlP .cerco-v104 .cer-l{display:grid;gap:7px}
#pnlP .cerco-v104 .cer-o{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'q p' 'm d' 'n n';gap:5px 10px;text-align:left;border:1px solid #dfe6d7;border-radius:8px;padding:12px;background:#fff;color:#374a36;box-shadow:none}
#pnlP .cerco-v104 .cer-o.on{background:#f5f8f0;border-color:#a2b294}
#pnlP .cerco-v104 .cer-q{grid-area:q;font-size:14px;font-weight:500}
#pnlP .cerco-v104 .cer-m{grid-area:m;font-size:12px;font-weight:400}
#pnlP .cerco-v104 .cer-d{grid-area:d;text-align:right;font-size:12px;font-weight:400}
#pnlP .cerco-v104 .cer-p{grid-area:p;text-align:right;font-size:14px;font-weight:500}
#pnlP .cerco-v104 .cer-n{grid-area:n;font-size:12px;font-weight:400;text-decoration:underline;text-underline-offset:3px;margin-top:3px}
.cerco-resultado-v104>small{display:block;font-size:12px;line-height:1.5;margin-top:10px;color:#6b7564}
@media(max-width:700px){#pnlP .resumen-acciones{padding-left:0}}
@media(pointer:coarse){#pnlP .col-b{min-height:40px}#pnlP .suelo-cantidad-v99 button,#pnlP .suelo-cantidad-v99 input,#pnlP .suelo-agregar-v101{min-height:44px}}
@media(max-width:420px){#pnlP .suelo-tarjeta-v101{grid-template-columns:44px minmax(0,1fr);gap:4px 9px}#pnlP .suelo-foto-v101{width:44px;height:64px;grid-row:1/span 2}#pnlP .suelo-acciones-v101{grid-column:2;justify-content:flex-start;max-width:none}#pnlP .suelo-agregar-v101{max-width:none}#pnlP .cerco-v104{padding:12px}}
.combo-unidades-v104{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin:18px 0 12px}
.combo-incluye-v104{list-style:none;margin:0;padding:0}
.combo-incluye-v104 li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e5eade;font-size:13px}
.combo-incluye-v104 button{text-align:left;font-size:13px;min-height:40px;color:#344b35}
.combo-incluye-v104 small{display:block;font-size:12px;color:#727c6b;margin-top:3px}
.combo-chip-v104{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:13px;cursor:pointer}
.combo-chip-v104 input{width:17px;height:17px;accent-color:#3d643c}
.combo-chip-v104 small{display:block;font-size:12px;color:#727c6b;margin-top:3px}
.combo-chip-v104>span:last-child{margin-left:auto;white-space:nowrap}
.armado-cab-v104{border-top:1px solid #e0e7d9;margin-top:14px;padding:14px 0 4px;font-weight:500;font-size:14px}
.armado-cab-v104 small{display:block;margin-top:3px;font-weight:400;color:#75806c;font-size:12px}
.it-controles[hidden]{display:none!important}
.clematis-variantes-v104{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 16px}
.clematis-variantes-v104 button{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:8px 5px;border:1px solid #e0e6d9;border-radius:8px;background:#fff;font-size:12px;min-width:0}
.clematis-variantes-v104 button[aria-pressed=true]{border-color:#839a79;background:#f4f7ef}
.clematis-variantes-v104 img{display:block;width:54px;height:54px;object-fit:cover;object-position:center;border-radius:6px}
.clematis-variantes-v104 small{font-size:11px;color:#6a7862}
#pnlP .clematis-foto-v104{display:block;width:100%;max-width:360px;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:10px}
.clematis-consulta-v104{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;background:#355e37;color:#fff;border-radius:8px;text-decoration:none;font-size:14px}