.catalogo-ultrax{--ink:#0b2033;--blue:#0f5fd6;--paper:#edf1f6;--surface:#fff;--line:#d3dbe4;--line-soft:#e4eaf0;--muted:#5b6b7b;color:var(--ink);font-family:"IBM Plex Sans",system-ui,sans-serif}
.catalogo-ultrax *{box-sizing:border-box}
.catalogo-ultrax__filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.catalogo-ultrax__chip{font-family:inherit;font-size:13.5px;font-weight:600;color:#12324d;background:#fff;border:1px solid #d3dbe4;border-radius:999px;padding:9px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .15s,color .15s,border-color .15s}
.catalogo-ultrax__chip em{font-style:normal;font-size:11.5px;color:#5b6b7b;font-family:"IBM Plex Mono",monospace}
.catalogo-ultrax__chip:hover{border-color:#0f5fd6}
.catalogo-ultrax__chip.is-active{background:#0b2033;color:#fff;border-color:#0b2033}
.catalogo-ultrax__chip.is-active em{color:#9dc2ff}
.catalogo-ultrax__grid{display:grid;grid-template-columns:repeat(var(--ultrax-columns),minmax(0,1fr));gap:20px}
.catalogo-ultrax__card{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s}
.catalogo-ultrax__card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 12px 28px -20px rgba(11,32,51,.65)}
.catalogo-ultrax__card.is-hidden{display:none}
.catalogo-ultrax__image{display:block;height:262px;padding:20px;background:#fff;border-bottom:1px solid var(--line-soft);overflow:hidden}
.catalogo-ultrax__image img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .28s ease}
.catalogo-ultrax__card:hover .catalogo-ultrax__image img{transform:scale(1.06)}
.catalogo-ultrax__body{padding:19px 22px 22px;display:flex;flex-direction:column;flex:1}
.catalogo-ultrax__top{display:flex;align-items:center;gap:11px;margin-bottom:18px;min-height:24px}
.catalogo-ultrax__bar{width:7px;height:28px;border-radius:1px;flex:none}
.catalogo-ultrax__category{font-size:14px;color:var(--muted);font-weight:600}
.catalogo-ultrax__code{margin-left:auto;font:500 14px/1 "IBM Plex Mono",monospace;color:#0a3e8c}
.catalogo-ultrax__name{font:700 20px/1.2 "Archivo",system-ui,sans-serif;margin:0 0 17px;flex:1}
.catalogo-ultrax__name a{color:inherit;text-decoration:none}
.catalogo-ultrax__name a:hover{color:var(--blue)}
.catalogo-ultrax__description{font-size:14px;color:var(--muted);margin:-8px 0 16px}
.catalogo-ultrax__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.catalogo-ultrax__volume{font-size:13px;font-weight:600;background:var(--paper);border:1px solid var(--line-soft);padding:7px 13px;border-radius:2px}
.catalogo-ultrax__brand{font-size:13px;font-weight:700;color:#12324d;text-align:right}
@media(max-width:1024px){.catalogo-ultrax__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.catalogo-ultrax__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogo-ultrax__image{height:220px}}
@media(max-width:520px){.catalogo-ultrax__grid{grid-template-columns:1fr}.catalogo-ultrax__image{height:250px}}
@media(prefers-reduced-motion:reduce){.catalogo-ultrax__card,.catalogo-ultrax__image img{transition:none}.catalogo-ultrax__card:hover{transform:none}.catalogo-ultrax__card:hover .catalogo-ultrax__image img{transform:none}}
