/* catalog.css v6 */

.catalog-body { background:var(--c-g1); }

/* ══════════════════════════════════
   HERO — más transparente para ver fondo robot
══════════════════════════════════ */
.cat-hero {
  width:100%; min-height:280px;
  background: rgba(10,16,20,.48);
  display:flex; align-items:center; justify-content:center; position:relative;
}
.cat-hero::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,.30));
}
.cat-hero-inner {
  position:relative; z-index:1; max-width:800px; width:100%;
  padding:3rem 1.5rem;
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:.875rem;
}
.hero-line-top { width:60px; height:4px; border-radius:var(--pill); background:var(--c-orange); }
.hero-eyebrow  { font-size:.6875rem; letter-spacing:3px; text-transform:uppercase; font-weight:300; color:var(--c-orange); }
.hero-title    { font-family:var(--f-title); font-size:clamp(2.25rem,6vw,3.75rem); color:#fff; letter-spacing:.04em; }
.hero-line-bot { width:48px; height:3px; border-radius:var(--pill); background:var(--c-orange); }
.hero-sub      { font-size:.9375rem; color:var(--c-lgray); max-width:480px; line-height:1.65; }

/* ══════════════════════════════════
   BACKGROUND ROBOT
══════════════════════════════════ */




/* ══════════════════════════════════
   CONTENIDO
══════════════════════════════════ */
.cat-content { max-width:1200px; margin:0 auto; padding:2.5rem 1.5rem 4rem; }
.cat-section  { margin-bottom:3rem; }

.pgrid      { display:grid; grid-template-columns:repeat(auto-fill,minmax(185px,1fr)); gap:1.25rem; }
.pgrid-wide { display:grid; grid-template-columns:repeat(auto-fill,minmax(165px,1fr)); gap:1.125rem; }

/* NEWS */
.news-section { margin-bottom:3rem; }
.news-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(275px,1fr));
  gap:1rem; margin-top:1.25rem;
}
.news-card { background:var(--c-slate4); border-radius:var(--r-md); border:var(--bos); overflow:hidden; display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s; }
.news-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-card); }
.news-card-img { width:100%; aspect-ratio:16/7; background:var(--c-g2); overflow:hidden; }
.news-card-img img { width:100%; height:100%; object-fit:cover; }
.news-body  { padding:1rem; display:flex; flex-direction:column; gap:.5rem; flex:1; }
.news-tag   { font-size:.6rem; letter-spacing:1px; text-transform:uppercase; font-weight:600; color:var(--c-orange); }
.news-title { font-family:var(--f-display); font-size:.9375rem; font-weight:700; color:#fff; line-height:1.4; }
.news-text  { font-size:.8125rem; color:var(--c-sgray); line-height:1.6; flex:1; }
.news-footer{ display:flex; align-items:center; padding-top:.75rem; border-top:1px solid var(--c-o15); }
.news-date  { font-size:.6875rem; color:var(--c-dimgray); }

/* ══════════════════════════════════
   RESPONSIVE
══════════════════════════════════ */
@media (max-width:768px) {
  .cat-hero { min-height:220px; }
  .pgrid      { grid-template-columns:repeat(auto-fill,minmax(145px,1fr)); gap:.875rem; }
  .pgrid-wide { grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:.75rem; }
  .news-grid  { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  .cat-hero { min-height:180px; }
  .sec-head { flex-direction:column; align-items:flex-start; }
  .pgrid      { grid-template-columns:repeat(2,1fr); }
  .pgrid-wide { grid-template-columns:repeat(2,1fr); }
}