/* V107: detalle compacto, imágenes completas y selección cómoda en celular. */
.nota-entrega-planta{text-align:center;max-width:60ch;margin:16px auto;color:#6d7768}
#pnlP .suelo-tarjeta-v101{padding:9px 10px;grid-template-columns:50px minmax(0,1fr) auto;gap:5px 10px;border-color:#e6eae2;background:#fff}
#pnlP .suelo-foto-v101{width:50px;height:70px;align-self:center;object-fit:contain;object-position:center}
#pnlP .suelo-acciones-v101{grid-column:auto;max-width:128px}
#pnlP .suelo-info-v101 h5{font-size:13px;line-height:1.45;font-weight:500}
#pnlP .suelo-info-v101 p,#pnlP .suelo-info-v101 small{font-size:12px}
#pnlP .suelo-info-v101 strong{font-size:14px}
#pnlP .suelo-agregar-v101{background:#fafbf8;padding:6px 11px;border-color:#e0e6da;font-size:12px;min-height:40px}
#pnlP .pedido-resumen{border-color:#e7ebe3;padding:12px;background:white;box-shadow:none}
#pnlP .pedido-resumen .resumen-fila .resumen-foto{width:70px;height:76px;flex-basis:70px;object-fit:contain;object-position:center;background:#fff}
#pnlP .pedido-cabecera h4{font-size:16px;font-weight:500}
#pnlP .pedido-resumen .resumen-fila{min-width:0;gap:10px}
#pnlP .resumen-acciones{padding-left:83px}
.otros-materiales-v107{margin:10px 0 0}
.otros-materiales-v107 .paso{border-color:#e4e9dd;background:#fff}
.cerco-densidad-v107{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.cerco-densidad-v107 button{min-width:0;border:1px solid #dce3d5;border-radius:9px;background:#fff;padding:10px 12px;text-align:left;color:#38523b;cursor:pointer}
.cerco-densidad-v107 button[aria-pressed=true]{border-color:#748f6c;background:#f4f7ef}
.cerco-densidad-v107 b{display:block;font-size:13px;font-weight:500;line-height:1.4}
.cerco-densidad-v107 span{display:block;font-size:12px;line-height:1.4;color:#6c7865;margin-top:3px}
.cerco-entrada-v104{cursor:text}.cerco-entrada-v104 input{flex:1;width:100%;min-width:0}.cerco-entrada-v104>span{pointer-events:none}
.combo-color-v107{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e6eade}
.combo-color-foto-v107{width:74px;height:88px;background:white;border-radius:8px;overflow:hidden}
.combo-preview-v107{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.combo-color-v107 .combo-color{min-width:0;display:flex;flex-direction:column;gap:7px;font-size:14px;margin:0}
.combo-color-v107 select{width:100%;min-width:0;min-height:44px;border:1px solid #dce4d5;border-radius:8px;background:#fff;padding:8px 10px;color:#345039;font:inherit}
.ver-seleccion-v107{display:none}
@media(max-width:700px){
 #pnlP .p-det{min-width:0;padding-left:18px;padding-right:18px}
 #pnlP .p-img.vista-config #resumenActual{scroll-margin:20px;margin-bottom:20px}
 #pnlP .resumen-acciones{padding-left:0}
 #pnlP .suelo-agregar-v101,#pnlP .suelo-auto-v101{min-height:44px}
 #pnlP .p-pie{gap:8px;padding:10px 14px max(10px,env(safe-area-inset-bottom));align-items:center}
 #pnlP #piePie{display:flex;flex-direction:column;gap:3px;align-items:center;flex-shrink:0}
 #pnlP .ver-seleccion-v107{display:block;border:0;background:transparent;color:#446241;text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:12px;min-height:30px;padding:3px 8px}
 #pnlP #badd{min-width:0;min-height:52px}
 #pnlP #bt .cta-etiqueta{white-space:normal;font-size:13px;line-height:1.4}
 #pnlP #bt strong{font-size:16px}
 .combo-color-v107 select{font-size:16px}
 #pnlP .nota-entrega-planta{font-size:12px;line-height:1.6;margin:14px auto}
 .cerco-densidad-v107{gap:7px}.cerco-densidad-v107 button{padding:10px}
}
@media(max-width:360px){.cerco-densidad-v107{grid-template-columns:1fr}.combo-color-v107{grid-template-columns:64px minmax(0,1fr)}.combo-color-foto-v107{width:64px;height:78px}}

@media(max-width:520px){#pnlP .suelo-tarjeta-v101{grid-template-columns:44px minmax(0,1fr);gap:5px 9px}#pnlP .suelo-foto-v101{width:44px;height:64px;grid-row:1/span 2}#pnlP .suelo-acciones-v101{grid-column:2;max-width:none;justify-content:flex-start}}