
/* FASE 7.1.4.2.5.2 — CATÁLOGO MODERNO */
.j3d-catalog-modern{background:#f6f8fc;padding:22px 0 64px;color:#0f1b33}
.j3d-catalog-modern .container{max-width:1240px}
.j3d-breadcrumb{display:flex;gap:8px;align-items:center;font-size:12px;color:#78869d;margin:2px 0 18px}
.j3d-breadcrumb a{color:#2457d6;text-decoration:none}.j3d-breadcrumb strong{color:#44536b}
.j3d-catalog-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 34px;background:linear-gradient(120deg,#eef5ff,#fff8ef);border:1px solid #dbe4f2;border-radius:20px}
.j3d-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#e95100}.j3d-catalog-hero h1{font-size:36px;line-height:1.1;margin:5px 0 8px;color:#0d1830}.j3d-catalog-hero p{margin:0;color:#61708a;font-size:15px;line-height:1.55;max-width:720px}
.j3d-cart-modern{display:flex;align-items:center;gap:11px;min-width:170px;background:#0f1b33;color:#fff;text-decoration:none;padding:15px 18px;border-radius:14px;box-shadow:0 10px 25px rgba(15,27,51,.15)}.j3d-cart-modern>span{font-size:21px}.j3d-cart-modern small,.j3d-cart-modern strong{display:block}.j3d-cart-modern small{font-size:10px;opacity:.7}.j3d-cart-modern strong{font-size:13px;margin-top:2px}
.j3d-catalog-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin:22px 0 12px}
.j3d-catalog-search{display:flex;align-items:center;background:#fff;border:1px solid #dbe3ee;border-radius:12px;overflow:hidden;padding-left:14px;box-shadow:0 5px 16px rgba(15,27,51,.035)}.j3d-catalog-search span{font-size:20px;color:#65748d}.j3d-catalog-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:13px 11px;font-size:14px}.j3d-catalog-search button{align-self:stretch;border:0;background:#0f1b33;color:#fff;padding:0 22px;font-weight:700;cursor:pointer}
.j3d-sort{display:flex;align-items:center;gap:9px}.j3d-sort label{font-size:12px;font-weight:700;color:#5c6b82}.j3d-sort select{height:44px;border:1px solid #dbe3ee;border-radius:11px;background:#fff;padding:0 35px 0 12px;color:#18243a;outline:0}
.j3d-result-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 2px 17px;font-size:13px;color:#697790}.j3d-result-bar strong{color:#101c33;font-size:16px}.j3d-result-bar a{color:#2457d6;text-decoration:none;font-weight:700}
.j3d-grid-modern{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.j3d-card-modern{min-width:0!important;background:#fff!important;border:1px solid #dde4ef!important;border-radius:17px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:0 7px 22px rgba(15,27,51,.045)!important;transition:.2s ease!important}
.j3d-card-modern:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,27,51,.09)!important}
.j3d-img-modern{height:220px!important;position:relative;display:flex!important;align-items:center!important;justify-content:center!important;background:#f7f8fa!important;overflow:hidden!important;text-decoration:none!important}
.j3d-img-modern img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;padding:8px!important}
.j3d-badge{position:absolute;z-index:2;top:11px;left:11px;background:#fff1e8;color:#d94b00;border:1px solid #ffd6bf;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}
.j3d-no-image{display:flex;flex-direction:column;align-items:center;gap:7px;color:#c44a08;font-size:34px}.j3d-no-image small{font-size:10px;color:#8b97aa}
.j3d-body-modern{padding:16px!important;display:flex!important;flex-direction:column!important;flex:1!important}.j3d-product-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:800;color:#7a879c}
.j3d-body-modern h2{font-size:16px!important;line-height:1.28!important;margin:6px 0 7px!important;min-height:41px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.j3d-body-modern h2 a{color:#101b31;text-decoration:none}
.j3d-body-modern p{font-size:12px!important;line-height:1.45!important;color:#6d7b92!important;margin:0 0 10px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}
.j3d-body-modern .j3d-price{font-size:21px!important;color:#e95100!important;font-weight:800!important;margin:2px 0 15px!important}
.j3d-body-modern .j3d-actions{display:flex!important;gap:8px!important;margin-top:auto!important}.j3d-body-modern .j3d-actions form{margin:0!important;flex:1!important}
.j3d-body-modern .j3d-btn{min-height:40px!important;border-radius:9px!important;padding:9px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;box-sizing:border-box!important}.j3d-body-modern .j3d-btn-light{flex:1!important;background:#f0f4f9!important;color:#0f1b33!important}.j3d-body-modern .j3d-btn-primary{width:100%!important;border:0!important;background:#ef5405!important;color:#fff!important;cursor:pointer!important}
.j3d-empty-modern{text-align:center;background:#fff;border:1px solid #dde4ef;border-radius:18px;padding:55px 25px}.j3d-empty-icon{font-size:35px;color:#8490a4}.j3d-empty-modern h2{margin:10px 0 7px}.j3d-empty-modern p{color:#718098}.j3d-empty-modern a{display:inline-flex;margin-top:8px;background:#0f1b33;color:#fff;text-decoration:none;border-radius:10px;padding:11px 16px;font-weight:700}
@media(max-width:1000px){.j3d-grid-modern{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.j3d-catalog-modern{padding-top:14px}.j3d-catalog-hero{display:block;padding:24px 21px}.j3d-catalog-hero h1{font-size:30px}.j3d-cart-modern{width:max-content;min-width:0;margin-top:18px}.j3d-catalog-controls{grid-template-columns:1fr}.j3d-sort{justify-content:space-between}.j3d-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.j3d-img-modern{height:175px!important}.j3d-body-modern{padding:13px!important}.j3d-body-modern h2{font-size:14px!important}.j3d-body-modern .j3d-price{font-size:18px!important}}
@media(max-width:480px){.j3d-catalog-search button{padding:0 15px}.j3d-img-modern{height:150px!important}.j3d-body-modern .j3d-actions{flex-direction:column!important}.j3d-body-modern p{display:none}.j3d-body-modern h2{min-height:36px!important}}
