/* Catalogo de categorias - estilo propio de Tienda del Marmol */
#productos { box-sizing:border-box; width:100%; max-width:800px; height:auto!important; display:flex; flex-wrap:wrap; gap:16px; padding:12px 8px 22px; background:#f6f8f6; align-items:stretch; }
#productos *,#productos *::before,#productos *::after { box-sizing:border-box; }
#productos > div:first-child { flex:0 0 100%; margin:0!important; padding:5px 0 7px; }
#productos > div:first-child h1 { color:#28594c!important; font:700 26px/1.25 Arial,Helvetica,sans-serif; margin:6px 0 10px; }
#productos .box { box-sizing:border-box!important; flex:0 0 calc(50% - 8px); width:calc(50% - 8px)!important; height:auto!important; min-height:230px!important; float:none!important; margin:0!important; padding:0!important; border:1px solid #dfe8e2!important; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 5px 15px rgba(30,60,40,.07); }
#productos .box > a { display:block; width:100%; line-height:0; }
#productos .box > a img { display:block; width:100%!important; height:145px!important; object-fit:cover; border:0; }
#productos .box .prTitle { float:none!important; width:100%!important; height:auto!important; padding:12px 15px 17px!important; }
#productos .box .prTitle a { color:#28594c!important; text-decoration:none; }
#productos .box .prTitle h2 { font:700 19px/1.28 Arial,Helvetica,sans-serif!important; color:#28594c!important; margin:0 0 7px!important; padding:0!important; }
#productos .box .prTitle h3 { color:#40534d!important; font:14px/1.5 Arial,Helvetica,sans-serif!important; text-align:left!important; margin:0!important; padding:0!important; }
#productos .box:hover { border-color:#9bb6aa!important; box-shadow:0 8px 20px rgba(30,60,40,.12); }
@media(max-width:650px) { #productos{gap:12px;padding:9px;} #productos .box{flex-basis:100%;width:100%!important;} #productos .box > a img{height:170px!important;} }