/* Catálogo general: ancho controlado y fotos completas de menor altura. */
body:not(.macetas-v126) .wrap main .grid:not(.grid-combos){grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px;align-items:stretch}
.wrap main .grid>.ficha{width:100%;max-width:280px}
.wrap .ficha .hoja-panel{height:176px;aspect-ratio:auto}
.wrap .ficha .hoja-panel .prod-foto{inset:8%;width:84%;height:84%;object-fit:contain}
.wrap .ficha .cuerpo{padding:12px 13px 9px}
.wrap .ficha .nom{font-size:16px;line-height:1.35}
.wrap .ficha .tarjeta-datos,.wrap .ficha .cuid,.wrap .ficha .cu{font-size:11px}
.wrap .ficha .pie{padding:10px 13px;min-height:58px}
.wrap .ficha .precio{font-size:17px}
.wrap .ficha .elegir,.wrap .ficha .btn-sum{font-size:12px;min-height:42px;padding:9px 11px}
.wrap .ficha .sello-foto-v95{width:34px;height:34px;top:10px;left:10px}
#pnlP .suelo-contexto-v133{font-size:11px;line-height:1.5;color:#697764;margin:7px 0}

/* Foto y pedido forman una sola columna fija dentro del desplazamiento del panel. */
@media(min-width:701px){
 #pnlP .p-scroll>.p-img.vista-config,#pnlP.es-combo .p-scroll>.p-img.vista-config{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:12px;min-height:0;height:var(--alto-seleccion-v133,calc(min(90dvh,880px) - 130px));max-height:none;overflow:visible;padding:0}
 #pnlP .p-img.vista-config .producto-visual{flex:0 0 auto;min-height:0;padding:0}
 #pnlP .p-img.vista-config .producto-visual .vista-lienzo{height:clamp(100px,21dvh,190px)}
 #pnlP .p-img.vista-config .foto-epigrafe{font-size:11px;line-height:1.4;margin:6px 0}
 #pnlP .p-img.vista-config .galeria-miniaturas{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;max-height:70px;margin-top:6px;padding:2px;scrollbar-width:thin}
 #pnlP .p-img.vista-config .galeria-miniaturas button{flex-shrink:0}
 #pnlP .p-img.vista-config .galeria-miniaturas.galeria-envases-v128 button{flex-basis:84px;width:84px;height:64px;min-height:64px;padding:4px;gap:3px}
 #pnlP .galeria-miniaturas.galeria-envases-v128 .galeria-mini{width:36px;height:36px}
 #pnlP .galeria-miniaturas.galeria-envases-v128 button span{font-size:10px}
 #pnlP .p-img.vista-config #resumenActual{position:static;display:flex;flex:1 1 auto;min-height:0;width:100%;margin:0;max-height:none!important;overflow:visible!important}
 #pnlP .p-img.vista-config #resumenActual .pedido-resumen{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin:0;padding:12px}
 #pnlP .p-img.vista-config #resumenActual .pedido-cabecera,#pnlP .p-img.vista-config #resumenActual .resumen-total{flex:0 0 auto}
 #pnlP .p-img.vista-config #resumenActual .pedido-lista{flex:1 1 auto;min-height:0;max-height:none!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#becdb3 transparent;padding-right:4px}
 #pnlP.es-combo .producto-visual .vista-informacion{max-height:100px;overflow:auto;min-height:0;padding:6px 0}
}
@media(min-width:701px) and (max-height:640px){
 #pnlP .p-img.vista-config .producto-visual{display:grid;grid-template-columns:100px minmax(0,1fr);gap:5px 10px;align-items:center}
 #pnlP .p-img.vista-config .producto-visual .vista-lienzo{height:100px;grid-row:span 2}
 #pnlP .p-img.vista-config .galeria-miniaturas{margin:0}
 #pnlP .p-img.vista-config .foto-epigrafe{margin:0}
}
/* En móvil, foto seleccionada, cantidad de productos y total siempre visibles en el pie. */
@media(max-width:700px){
 #pnlP .p-img.vista-config .producto-visual .vista-lienzo{height:clamp(145px,24dvh,190px)}
 #pnlP .pedido-acceso-v127{gap:8px;padding:6px 8px;min-height:52px}
 #pnlP .pedido-acceso-v127 .pedido-mini-v133{display:block;position:relative;flex:0 0 36px;width:36px;height:40px;overflow:hidden;border-radius:5px;background:#fff}
 #pnlP .pedido-mini-v133 :is(img,svg,.resumen-dibujo,.resumen-foto,.beru-encuadre){width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}
 #pnlP .pedido-acceso-v127 .pedido-texto-v133{flex:1;min-width:0;font-size:11px}
 #pnlP .pedido-texto-v133 b{font-weight:600}
 #pnlP .pedido-texto-v133 small{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
 #pnlP .pedido-acceso-v127>strong{font-size:13px;white-space:nowrap;color:#275333}
}
@media(max-width:600px){
 body:not(.macetas-v126) .wrap main .grid:not(.grid-combos){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .wrap main .grid>.ficha{max-width:none}
 .wrap .ficha .hoja-panel{height:135px}
 .wrap .ficha .cuerpo{padding:10px}
 .wrap .ficha .nom{font-size:14px}
 .wrap .ficha .pie{padding:10px}
 .wrap .ficha .precio{font-size:16px}
 .wrap .ficha .elegir,.wrap .ficha .btn-sum{min-height:44px}
 .wrap .ficha .sello-foto-v95{width:27px;height:27px;top:8px;left:8px}
}