.jobel-catalog{max-width:1200px;margin:24px auto;font-family:inherit}.jobel-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.jobel-filter select{min-width:200px;padding:10px;border:1px solid #d5dbe0;border-radius:6px}.jobel-filter button{padding:11px 20px;background:#24647b;color:white;border:0;border-radius:6px;cursor:pointer}.jobel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.jobel-card{border:1px solid #e6e9ec;border-radius:12px;overflow:hidden;background:white;box-shadow:0 4px 16px #0000000a}.jobel-card a{text-decoration:none;color:#24343d;display:block}.jobel-card img{display:block;width:100%;height:240px;object-fit:contain;background:#f8fafb}.jobel-card h3{font-size:1.1rem;line-height:1.4;margin:14px 16px 6px}.jobel-card a:hover h3{text-decoration:underline}.jobel-cat{font-size:.85rem;color:#62737c;margin:0 16px 18px}.jobel-noimage{height:240px;display:grid;place-items:center;background:#f4f6f7;color:#777}.jobel-pagination{display:flex;gap:8px;justify-content:center;margin:30px 0}.jobel-pagination a{padding:8px 14px;border:1px solid #ddd;border-radius:5px}.jobel-pagination [aria-current]{background:#24647b;color:white}.jobel-modal[hidden],.jobel-detail[hidden]{display:none!important}.jobel-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:16px}.jobel-backdrop{position:absolute;inset:0;background:#10222ccc}.jobel-modal-panel{position:relative;background:white;color:#24343d;width:min(850px,100%);max-height:90dvh;overflow-y:auto;border-radius:12px;padding:30px;box-shadow:0 20px 60px #0005}.jobel-close{position:absolute;right:12px;top:8px;background:transparent;border:0;font-size:34px;cursor:pointer;line-height:1}.jobel-modal-body h2{padding-right:32px}.jobel-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}.jobel-photos img{width:100%;height:220px;object-fit:contain}.jobel-single-gallery{display:flex;flex-wrap:wrap;gap:12px}.jobel-single-gallery img{max-width:300px;height:auto;object-fit:contain}.jobel-lock{overflow:hidden}@media(max-width:800px){.jobel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jobel-card img,.jobel-noimage{height:180px}}@media(max-width:480px){.jobel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jobel-card img,.jobel-noimage{height:130px}.jobel-card h3{font-size:.9rem;margin:10px}.jobel-cat{font-size:.75rem;margin:0 10px 12px}.jobel-modal{padding:0}.jobel-modal-panel{max-height:100dvh;height:100dvh;border-radius:0;padding:22px 16px}.jobel-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.jobel-photos img{height:150px}}

.jobel-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 36px}.jobel-category-card{display:block;text-decoration:none;color:inherit;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.jobel-category-card:hover{box-shadow:0 8px 25px #0002;transform:translateY(-2px)}.jobel-category-card img,.jobel-category-placeholder{width:100%;height:220px;object-fit:cover;display:block;background:#f2f4f6}.jobel-category-card h2{font-size:1.15rem;margin:0;padding:16px;text-align:center}.jobel-heading{margin:16px 0 20px}.jobel-breadcrumb{margin:12px 0 22px;font-size:.9rem}.jobel-taxonomy-page{max-width:1200px;margin:35px auto;padding:0 20px}@media(max-width:700px){.jobel-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jobel-category-card img,.jobel-category-placeholder{height:145px}.jobel-category-card h2{font-size:1rem;padding:12px 7px}}@media(max-width:380px){.jobel-category-grid{grid-template-columns:1fr}}

/* Jobel 1.4: category cards */
.jobel-catalog{margin-top:12px}.jobel-category-grid{gap:20px;margin:10px 0 28px}.jobel-category-card{border:1px solid #e8e9e7;border-radius:14px;box-shadow:0 3px 12px rgba(0,0,0,.045);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none!important}.jobel-category-card:hover,.jobel-category-card:focus-visible{box-shadow:0 12px 30px rgba(0,0,0,.11);transform:translateY(-3px)}.jobel-category-card img,.jobel-category-placeholder{height:210px;object-fit:contain;background:#f7f8f7;padding:12px;box-sizing:border-box}.jobel-category-card h2{font-size:1.13rem;font-weight:650;line-height:1.35;margin:0;padding:15px 12px 18px;color:#14652c;text-decoration:none!important}.jobel-category-card:hover h2{color:#0a4d21}.jobel-heading{margin:8px 0 16px}@media(max-width:700px){.jobel-category-grid{gap:12px}.jobel-category-card img,.jobel-category-placeholder{height:160px}.jobel-category-card h2{font-size:1rem;padding:12px 8px}}@media(max-width:420px){.jobel-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jobel-category-card img,.jobel-category-placeholder{height:125px}}

/* v1.5: tarjetas amplias, tres columnas en escritorio, imágenes grandes */
.jobel-catalog,.jobel-taxonomy-page{width:100%;max-width:1320px;box-sizing:border-box}
.jobel-grid,.jobel-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.jobel-card,.jobel-category-card{min-width:0;border-radius:14px;overflow:hidden}
.jobel-card img,.jobel-card .jobel-noimage{width:100%;height:330px;object-fit:contain;background:#fafbfa}
.jobel-category-card img,.jobel-category-placeholder{width:100%;height:320px;object-fit:contain;background:#fafbfa;padding:10px;box-sizing:border-box}
.jobel-card h3{font-size:1.15rem;margin:16px 18px 10px}
.jobel-category-card h2{font-size:1.2rem;padding:16px}
.jobel-detail a[href]{display:inline-block;padding:11px 22px;background:#14652c;color:#fff;border-radius:8px;text-decoration:none;font-weight:600}
.jobel-detail a[href]:hover{background:#0b4b20;color:#fff}
@media(max-width:900px){.jobel-grid,.jobel-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.jobel-card img,.jobel-card .jobel-noimage,.jobel-category-card img,.jobel-category-placeholder{height:260px}}
@media(max-width:560px){.jobel-grid,.jobel-category-grid{grid-template-columns:minmax(0,1fr);gap:18px}.jobel-card img,.jobel-card .jobel-noimage,.jobel-category-card img,.jobel-category-placeholder{height:300px}.jobel-card h3{font-size:1.1rem}.jobel-category-card h2{font-size:1.1rem}}
