/* Fondo blanco en imágenes del catálogo de macetas, también en modo oscuro. */
html:root .maceta-blanca-v278{display:block;background:#fff!important;overflow:hidden}
html:root .maceta-blanca-v278 img{background:#fff!important;object-fit:contain!important;object-position:center!important}
html:root #pnlP.es-maceta-v278:not(.es-combo) .vista-lienzo{background:#fff!important;border-radius:12px}
html:root #pnlP.es-maceta-v278:not(.es-combo) .vista-lienzo .prod-foto{object-fit:contain!important}
html:root #pnlP.es-maceta-v278:not(.es-combo) .foto-ampliar-v161{display:none!important}
html:root .mat-vista,html:root .maceta-foto-v278{background:#fff}

/* V283: cuatro materiales en una cuadrícula equilibrada de 2 × 2. */
html:root .macetas-materiales-v139 .mat-l{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:1160px;justify-self:center;margin-inline:auto;gap:20px}
html:root .macetas-materiales-v139 .mat-c{display:grid;grid-template-columns:minmax(0,1fr) 62px;grid-template-areas:"foto foto" "texto flecha";gap:0;align-items:center;border-radius:16px;background:var(--kaki-soft);border:1px solid var(--kaki-line);box-shadow:0 3px 15px #18382506;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
html:root .macetas-materiales-v139 .mat-c .mc-collection-photo{grid-area:foto;height:170px!important;padding:14px 20px!important;background:#fff}
html:root .macetas-materiales-v139 .mat-c .mc-collection-photo img{max-height:142px!important;object-fit:contain;object-position:center}
html:root .macetas-materiales-v139 .mat-t{grid-area:texto;padding:15px 20px;gap:4px;background:transparent}
html:root .macetas-materiales-v139 .mat-t b{font-size:21px;line-height:1.25;letter-spacing:-.025em;color:var(--kaki-ink)}
html:root .macetas-materiales-v139 .mat-t>span{font-size:12px;color:var(--kaki-muted)}
html:root .macetas-materiales-v139 .mat-c .mc-arrow{grid-area:flecha;display:grid;place-items:center;align-self:center;justify-self:center;width:34px;height:34px;margin:0;border:1px solid var(--kaki-line);border-radius:50%;background:var(--kaki-surface);color:var(--kaki-ink);font-size:20px}
@media(hover:hover){html:root .macetas-materiales-v139 .mat-c:hover{transform:translateY(-3px);border-color:#8ba78c;box-shadow:0 9px 24px #18382512}}
@media(max-width:600px){
 html:root .macetas-materiales-v139 .mat-l{gap:12px}
 html:root .macetas-materiales-v139 .mat-c{grid-template-columns:minmax(0,1fr) 34px;border-radius:12px}
 html:root .macetas-materiales-v139 .mat-c .mc-collection-photo{height:118px!important;padding:9px 5px!important}
 html:root .macetas-materiales-v139 .mat-c .mc-collection-photo img{max-height:100px!important}
 html:root .macetas-materiales-v139 .mat-t{padding:12px 0 12px 10px;gap:3px}
 html:root .macetas-materiales-v139 .mat-t b{font-size:14px;line-height:1.3;overflow-wrap:anywhere}
 html:root .macetas-materiales-v139 .mat-t>span{font-size:10px}
 html:root .macetas-materiales-v139 .mat-c .mc-arrow{width:24px;height:24px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){html:root .macetas-materiales-v139 .mat-c{transition:none}html:root .macetas-materiales-v139 .mat-c:hover{transform:none}}