/* V127 · un mismo criterio visual para explorar, comparar y armar el pedido. */
:root{--superficie-kaki:#f6f7f2;--borde-kaki:#dfe5db;--texto-suave-kaki:#657166}
body{background:var(--superficie-kaki)}
.catalogo-navegacion{background:#faf9f4;box-shadow:0 2px 12px #20372508}
.catalogo-navegacion .barra{background:#faf9f4}
.catalogo-navegacion .riel-i{justify-content:flex-start;flex-wrap:nowrap;gap:5px;padding-block:3px}
.catalogo-navegacion .cat{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border-bottom:0;border-radius:7px;font-size:13px;color:#526153;text-decoration:none;white-space:nowrap}
.catalogo-navegacion .cat:hover{background:#f0f3eb;color:#20452c}
.catalogo-navegacion .cat.on{background:#eaf0e3;color:#204d2e;font-weight:600}
.nav-plantas-v127{position:relative}
.nav-plantas-v127>summary{list-style:none;cursor:pointer}
.nav-plantas-v127>summary::-webkit-details-marker{display:none}
.nav-plantas-v127>summary>span{font-size:16px}
.nav-plantas-lista-v127{position:absolute;top:calc(100% + 8px);left:0;z-index:70;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:450px;max-width:calc(100vw - 40px);padding:14px;border:1px solid var(--borde-kaki);border-radius:12px;background:white;box-shadow:0 12px 36px #2037251a}
.nav-plantas-lista-v127 .cat{white-space:normal;padding:11px 13px;font-size:14px}
.nav-plantas-v127:not([open])>.nav-plantas-lista-v127{display:none}
#tipoCatalogoV127{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 0 22px;margin:0 0 8px}
#tipoCatalogoV127[hidden]{display:none}
#tipoCatalogoV127>label{font-size:12px;font-weight:600;color:var(--texto-suave-kaki)}
#tipoCatalogoV127>select{width:min(290px,100%);min-height:44px;padding:10px 36px 10px 13px;border:1px solid var(--borde-kaki);border-radius:8px;background:#fff;font:inherit;font-size:14px;color:#263c2b}
#tipoCatalogoV127>button{font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#375d3e;min-height:40px}
.wrap{column-gap:30px;padding-top:26px}
main{min-width:0}
.cab{gap:10px;margin-bottom:19px;padding-bottom:14px;border-color:var(--borde-kaki)}
.cab h1{font-size:29px;letter-spacing:-.035em}
.cab .cnt{font-size:12px;color:var(--texto-suave-kaki)}
.cab .ord select{border-color:var(--borde-kaki);border-radius:8px;min-height:40px;font-size:12px}
.filtros{background:transparent}
.filtros-titulo-v127{font-size:13px;color:#314c36;font-weight:600;padding:2px 0 16px;margin-bottom:0;border-bottom:1px solid var(--borde-kaki)}
.filtros .g{border-color:var(--borde-kaki)}
.filtros .g>summary{font-size:12px;font-weight:500;min-height:49px;padding-block:15px;color:#455747}
.filtros .op{font-size:12px;line-height:1.4;padding-block:8px;gap:7px;color:#526153}
.filtros .op .n{font-size:10px;color:#8b9489}
.filtros input[type=checkbox]{accent-color:#315e40;width:16px;height:16px}
.filtros .rng{gap:7px;padding-top:5px}
.filtros .rng input{width:100%;min-width:0;padding:9px 8px;background:white;border:1px solid var(--borde-kaki);border-radius:6px;font-size:12px}
.filtros .limpiar{font-size:12px;color:#687864;font-weight:400;text-underline-offset:4px}
.grid{gap:18px}
.ficha{border-color:var(--borde-kaki);border-radius:12px;box-shadow:none}
.ficha:hover{transform:none;box-shadow:0 5px 20px #20372509}
.ficha .nom{font-size:17px;line-height:1.3}
.ficha .meta{font-size:12px}
.ficha .pie{border-color:#e7ebdf}
.ficha .elegir{border-radius:8px;min-height:42px}
/* Materiales: conservan el mosaico de fotos, con menos altura. */
.macetas-explorar-v126 .wrap{max-width:1060px}
.macetas-v126 .mat-l{gap:18px}
.macetas-v126 .mat-c{border-radius:12px}
.mc-collection-photo{height:165px;padding:15px 24px}
.macetas-v126 .mat-t{padding:15px 20px;gap:4px}
.macetas-v126 .mat-t b{font-size:20px}
.macetas-v126 .mat-t>span{font-size:12px}
.mc-arrow{width:44px;font-size:21px}
.mc-types{gap:18px}
.mc-type .mc-collection-photo{height:145px;padding:14px}
.mc-type-text{padding:14px 16px}
.mc-type-text b{font-size:15px}
#catalogIntroV126{font-size:14px;margin-bottom:19px}
#macetasNavV126{margin-bottom:18px;font-size:12px}
#macetasToolsV126{margin-bottom:19px;gap:12px}
#macetasToolsV126 select{min-height:42px;font-size:13px}
/* Ficha: medidas compactas, jerarquía clara y resumen que acompaña. */
#pnlP{background:#fff;border-radius:18px}
#pnlP .p-scroll{gap:24px;padding:24px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:#fff}
#pnlP #productoInfo .vista-informacion{padding-bottom:16px}
#pnlP .vista-informacion h2{font-size:23px;line-height:1.2}
#pnlP .vista-informacion .vista-medida{font-size:12px}
#pnlP .vista-informacion .vista-precio{font-size:21px;margin-top:9px}
#pnlP .vista-informacion .vista-descripcion{font-size:12px;line-height:1.5}
#pnlP .p-det .sel-col h4,#pnlP .p-det .mac-h,#pnlP .medidas-producto-v122 h4{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:10px}
#pnlP .p-det .sel-col>.cols:has(.med-p){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#pnlP .p-det .cols .cc:has(.med-p){min-height:62px;padding:9px 11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;border-radius:8px;white-space:normal}
#pnlP .cc .med{font-size:13px;line-height:1.3}
#pnlP .cc .med-p{font-size:12px;line-height:1.3;font-weight:500}
#pnlP .cc.on,#pnlP .medida-v122.on{border-color:#557c48;background:#f0f5eb;box-shadow:inset 0 0 0 1px #557c48}
#pnlP .medidas-producto-v122{margin-bottom:18px}
#pnlP .medidas-grid-v122{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#pnlP .medida-v122{min-height:63px;padding:10px 12px;gap:6px;border-radius:8px}
#pnlP .medida-datos-v122{gap:5px 11px}
#pnlP .medida-datos-v122>span{gap:2px}
#pnlP .medida-datos-v122 b{font-size:13px;line-height:1.35}
#pnlP .medida-datos-v122 small{font-size:10px}
#pnlP .medida-precio-v122{font-size:12px}
#pnlP .pot-context-v123{font-size:12px;margin:0 0 10px;line-height:1.45}
#pnlP .pot-context-v123 span{font-size:11px;margin-top:3px}
#pnlP .pot-materials-v123{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 12px}
#pnlP .pot-materials-v123 button{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:43px;border-radius:8px;padding:9px 11px;font-size:12px;text-align:left}
#pnlP .pot-materials-v123 button small{font-size:10px;margin:0;font-weight:400;white-space:nowrap}
#pnlP .pot-grid-v123{gap:9px}
#pnlP .pot-card-v123{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:11px;border-radius:10px}
#pnlP .pot-picture-v123{max-height:125px;align-self:center}
#pnlP .pot-content-v123 h5{font-size:14px;margin:0 0 6px}
#pnlP .pot-content-v123 select{min-height:38px;padding-block:7px;margin-bottom:6px;font-size:12px}
#pnlP .pot-content-v123 p.pot-dimensions-v123{display:none}
#pnlP .pot-content-v123 p{margin:5px 0;font-size:11px}
#pnlP .pot-buy-v123 strong{font-size:16px}
#pnlP .pot-buy-v123 button{min-height:40px;padding:8px 12px;font-size:12px;border-radius:7px}
#pnlP .pot-bottom-v123{margin-top:9px;gap:5px 12px}
#pnlP .pot-bottom-v123 button{font-size:11px}
#pnlP .extra-grupo{border-color:var(--borde-kaki);border-radius:9px}
#pnlP .extra-grupo>summary{padding:12px;font-size:13px;min-height:47px}
#pnlP .extra-nota{font-size:11px;line-height:1.5}
#pnlP .extra-opcion{padding:9px 0;gap:9px}
#pnlP .extra-info b{font-size:12px;line-height:1.4}
#pnlP .extra-info small,#pnlP .extra-presentacion{font-size:11px}
.complemento-catalogo-v127{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding:10px 2px;border-top:1px solid #e8ece3;color:#456644;font-size:12px;line-height:1.4;text-decoration:none;min-height:40px}
.complemento-catalogo-v127:hover{text-decoration:underline;text-underline-offset:3px}
.granel-v127{margin-top:18px;border:1px solid var(--borde-kaki);border-radius:10px;background:#fafbf7;overflow:hidden}
.granel-v127>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:13px 14px;min-height:58px;font-size:14px;font-weight:600;color:#34573b}
.granel-v127>summary::-webkit-details-marker{display:none}
.granel-v127>summary small{display:block;font-size:11px;font-weight:400;color:#75816d;line-height:1.4;margin-top:3px}
.granel-cuerpo-v127{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px 13px;align-items:center;padding:0 14px 14px}
.granel-foto-v127{width:80px;height:95px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden}
.granel-foto-v127 img{width:100%;height:100%;object-fit:contain}
.granel-opciones-v127{min-width:0}
.granel-opciones-v127 label{display:block;font-size:11px;color:#6b7962;margin-bottom:5px}
.granel-opciones-v127 select{display:block;width:100%;min-height:40px;font:inherit;font-size:13px;background:white;border:1px solid var(--borde-kaki);border-radius:7px;padding:8px 10px;color:#34513a}
.granel-compra-v127{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}
.granel-compra-v127 strong{font-size:17px;font-weight:600;color:#254f31;white-space:nowrap}
.granel-compra-v127 button{padding:9px 11px;min-height:40px;font-size:12px;border-radius:7px;border:1px solid #c4d1ba;color:#315c36;background:#edf3e7;white-space:nowrap}
.granel-cuerpo-v127>p{grid-column:1/-1;font-size:11px;line-height:1.5;color:#75816d;margin:1px 0 0}
#pnlP .p-img.vista-config .producto-visual .vista-lienzo{height:clamp(215px,29dvh,290px);background:#fafbf8}
#pnlP .foto-epigrafe{font-size:12px;line-height:1.5;margin:7px 0}
#pnlP .pedido-resumen{border-radius:11px;border:1px solid #dce5d5;background:#f9fbf6;padding:13px}
#pnlP .pedido-cabecera h4{font-size:15px;font-weight:600;color:#24482c}
#pnlP .pedido-cabecera>span{font-size:11px}
#pnlP .pedido-resumen .resumen-linea{padding:8px 0;gap:5px 8px}
#pnlP .pedido-resumen .resumen-fila{gap:9px;min-height:48px;font-size:12px}
#pnlP .pedido-resumen .resumen-fila .resumen-foto{width:48px;height:52px;flex-basis:48px}
#pnlP .pedido-resumen .resumen-fila small{font-size:10px}
#pnlP .resumen-acciones{padding-left:0;gap:5px}
#pnlP .pedido-cantidad{grid-template-columns:30px 33px 30px;border-radius:7px}
#pnlP .pedido-cantidad>button{width:30px;min-width:30px;height:34px;min-height:34px;font-size:17px}
#pnlP .pedido-cantidad>input{width:33px;height:34px;line-height:34px;font-size:13px}
#pnlP .resumen-precio{font-size:13px;font-weight:600}
#pnlP .resumen-total{padding-top:12px;font-size:13px}
#pnlP .resumen-total b{font-size:19px;font-weight:600}
#pnlP .p-pie{background:#fff;border-top:1px solid #dce5d5;box-shadow:0 -5px 22px #1c3e2507;padding:12px 22px;gap:12px}
#pnlP .volver-pedido-fijo,.vuelta-b,#pnlP .volver-producto{border:1px solid #aac29d;border-radius:8px;background:#eef4e7;min-height:44px;padding:10px 14px;font-size:13px;font-weight:600;color:#2b5833;text-decoration:none}
#pnlP #badd{min-height:48px;border-radius:9px}
#pnlP #piePie{display:flex;align-items:center;gap:12px;min-width:0}
.pedido-acceso-v127{display:none}
/***** Escritorio: la foto puede salir de pantalla y el resumen queda anclado. *****/
@media(min-width:701px){
 #pnlP .p-scroll>.p-img.vista-config{display:block;position:relative;align-self:stretch;max-height:none;overflow:visible;padding:0}
 #pnlP .p-img.vista-config #resumenActual{position:sticky;top:0;z-index:2;margin-top:14px;max-height:calc(85dvh - 120px)!important;overflow:auto!important;border-radius:11px;scrollbar-width:thin;scrollbar-color:#bfcbb6 transparent}
 #pnlP .p-img.vista-config #resumenActual .pedido-lista{max-height:calc(85dvh - 235px)!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}
 #pnlP.es-combo .p-scroll>.p-img.vista-config{position:relative}
}
@media(min-width:961px){.wrap{grid-template-columns:185px minmax(0,1fr)}.macetas-explorar-v126 .wrap{display:block}.catalogo-productos-v127 .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/***** Carrito vacío. *****/
#pnlC .carrito-vacio-v127{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:38px 22px 45px;max-width:380px;margin:4dvh auto 0}
.carrito-ilustracion-v127{display:flex;align-items:center;justify-content:center;width:174px;height:156px;border-radius:50%;background:#f3f5ec;margin-bottom:24px}
#pnlC .carrito-ilustracion-v127 svg{width:165px;height:143px;margin:0;color:inherit}
#pnlC .carrito-vacio-v127 .vacio-eyebrow-v127{font-size:9px;font-weight:600;letter-spacing:.13em;color:#7c896f;line-height:1.5}
#pnlC .carrito-vacio-v127 h3{font-family:'Bitter',serif;font-size:25px;letter-spacing:-.025em;line-height:1.25;color:#294b32;margin:12px 0}
#pnlC .carrito-vacio-v127 p{font-size:14px;line-height:1.6;max-width:28ch;margin:0 0 25px;color:#75816d;font-weight:400}
#pnlC .carrito-vacio-v127 .seguir-comprando{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#275632;color:#fff;padding:13px 19px;min-height:47px;border:1px solid #275632;border-radius:9px;font-size:14px;margin:0 0 12px;min-width:230px}
#pnlC .carrito-vacio-v127 .seguir-comprando span{font-size:17px;color:inherit}
#pnlC .carrito-vacio-v127>a{display:block;min-height:42px;padding:10px;font-size:12px;color:#5c7554;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.catalogo-navegacion .cat{font-size:12px;padding-inline:10px}.catalogo-navegacion .riel-i{gap:1px}}
@media(max-width:960px){
 .catalogo-navegacion .riel-i{display:none}
 .secciones-movil-v126{display:flex;align-items:center;gap:12px;padding:8px 16px;max-width:var(--ancho);margin:auto;font-size:12px;font-weight:600;color:#657367}
 .secciones-movil-v126 select{flex:1;min-width:0;min-height:44px;background:#fff;border:1px solid var(--borde-kaki);border-radius:8px;padding:8px 12px;font:inherit;font-size:16px;color:#173e25}
}
@media(max-width:760px){
 .catalogo-navegacion .riel-i{display:none}
 .macetas-explorar-v126 .wrap{padding-top:22px}
 .mc-collection-photo{height:135px;padding:10px 14px}
 .macetas-v126 .mat-t{padding:13px 16px}
 .macetas-v126 .mat-t b{font-size:18px}
 .mc-type .mc-collection-photo{height:123px}
 .mc-type-text{padding:12px}
 #tipoCatalogoV127{gap:8px;padding-bottom:18px}
 #tipoCatalogoV127>label{flex-basis:100%;font-size:11px}
 #tipoCatalogoV127>select{width:100%;flex:1;font-size:16px}
 .filtros-titulo-v127{padding-top:18px;font-size:15px}
 .filtros .op{font-size:14px;min-height:42px}
 .filtros .rng input{font-size:16px;min-height:44px}
}
@media(max-width:700px){
 #pnlP{border-radius:16px 16px 0 0}
 #pnlP .p-scroll{display:flex;flex-direction:column;padding:0;gap:0}
 #pnlP .p-scroll>.p-img.vista-config{display:contents;position:static}
 #pnlP .producto-visual{order:0;padding:22px 18px 4px}
 #pnlP .p-img.vista-config .producto-visual .vista-lienzo{height:clamp(205px,30dvh,280px)}
 #pnlP .p-det{order:1;padding:12px 18px 20px;width:100%}
 #pnlP .p-img.vista-config #resumenActual{position:static;order:2;margin:0 18px 20px;width:calc(100% - 36px)!important;scroll-margin-top:12px}
 #pnlP .vista-informacion h2{font-size:22px}
 #pnlP .pot-materials-v123 button{font-size:12px;padding:9px}
 #pnlP .pot-card-v123{grid-template-columns:74px minmax(0,1fr);gap:9px;padding:10px}
 #pnlP .pot-picture-v123{max-height:108px}
 #pnlP .pot-content-v123 select{font-size:16px;min-height:44px}
 #pnlP .pot-buy-v123 button{min-height:44px}
 #pnlP .p-pie{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px;padding:10px 14px max(10px,env(safe-area-inset-bottom))}
 #pnlP #piePie{display:contents}
 #pnlP #piePie>.qty{grid-column:1;grid-row:2;justify-self:start}
 #pnlP .pedido-acceso-v127{display:flex;align-items:center;justify-content:space-between;gap:10px;grid-column:1/-1;grid-row:1;background:#f5f8f0;border-radius:7px;padding:8px 10px;min-height:40px;color:#2e5735;text-align:left;min-width:0}
 .pedido-acceso-v127>span{font-size:11px;font-weight:600;flex:none}
 .pedido-acceso-v127 small{font-size:10px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:right;color:#6c7c61}
 #pnlP #badd{grid-column:2;grid-row:2;min-height:48px;width:100%;margin:0}
 #pnlP .volver-pedido-fijo{grid-column:1/-1;grid-row:1;margin:0;min-height:44px;width:100%;text-align:center;font-size:13px;padding:10px}
 #pnlP .p-pie:has(.volver-pedido-fijo) .pedido-acceso-v127{display:none}
 #pnlP .pedido-cantidad{grid-template-columns:40px 40px 40px}
 #pnlP .pedido-cantidad>button{width:40px;height:44px;min-height:44px}
 #pnlP .pedido-cantidad>input{width:40px;height:44px;line-height:44px;font-size:16px}
 .granel-cuerpo-v127{grid-template-columns:62px minmax(0,1fr);gap:10px}
 .granel-foto-v127{width:62px;height:80px}
 .granel-opciones-v127 select{font-size:16px;min-height:44px}
 .granel-compra-v127 button{min-height:44px}
 .granel-compra-v127 strong{font-size:16px}
}
@media(max-width:480px){
 .macetas-v126 .mat-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .macetas-v126 .mat-c{display:flex;flex-direction:column;align-items:stretch}
 .macetas-v126 .mat-t{padding:12px;flex:1}
 .macetas-v126 .mat-t b{font-size:16px;line-height:1.35}
 .macetas-v126 .mat-t>span{font-size:11px}
 .macetas-v126 .mat-c .mc-arrow{display:none}
 .mc-collection-photo{height:125px;padding:10px 7px}
 .mc-collection-photo>span:nth-child(3){display:none}
 .mc-type .mc-collection-photo{height:110px}
 .mc-type-text b{font-size:14px}
 #pnlC .carrito-vacio-v127{padding-top:24px;margin-top:2dvh}
}
@media(prefers-reduced-motion:reduce){.ficha{transition:none}}