/* ══════════════════════════════════════════
   MARCAS — Hidradual Service
   ══════════════════════════════════════════ */

/* Hero marca */
.hidm-hero-inner { max-width:1280px; margin:0 auto; padding:80px 32px 72px; display:grid; grid-template-columns:1fr 420px; gap:64px; align-items:center; position:relative; z-index:1; }
.hidm-hero-left { display:flex; flex-direction:column; }
.hidm-hero-right { display:flex; flex-direction:column; gap:24px; }

/* Logo wrap */
.hidm-logo-wrap { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:8px; padding:32px; display:flex; align-items:center; justify-content:center; }
.hidm-logo { max-width:220px; max-height:90px; object-fit:contain; filter:brightness(0) invert(1); opacity:.9; }

/* Families */
.hidm-families { background:rgba(22,230,206,.06); border:1px solid rgba(22,230,206,.15); border-radius:4px; padding:20px; }
.hidm-families-label { font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--hid-accent); margin-bottom:12px; }
.hidm-families-tags { display:flex; flex-wrap:wrap; gap:8px; }
.hidm-family-tag { font-size:12px; font-weight:600; background:rgba(22,230,206,.1); color:var(--hid-accent); border:1px solid rgba(22,230,206,.25); padding:5px 12px; border-radius:2px; }

/* Content + sidebar layout */
.hidm-content-layout { display:grid; grid-template-columns:1fr 320px; gap:48px; align-items:start; }

/* Models layout */
.hidm-models-layout { display:grid; grid-template-columns:1fr 1fr; gap:24px; }

/* Grid de marques — targetes blanques separades, logo gran */
.hidm-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.hidm-card { background:#fff; border:1px solid var(--hid-mid); border-radius:8px; padding:32px 24px; text-decoration:none; color:var(--hid-navy); transition:box-shadow .2s, transform .2s, border-color .2s; display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; }
.hidm-card:hover { border-color:var(--hid-accent); box-shadow:0 8px 24px rgba(22,230,206,.12); transform:translateY(-3px); }
.hidm-card-logo { max-height:64px; max-width:160px; object-fit:contain; margin-bottom:8px; }
.hidm-card-name { font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:700; text-transform:uppercase; color:var(--hid-navy); }
.hidm-card-pais { font-size:12px; color:var(--hid-muted); }
.hidm-card-families { display:flex; flex-wrap:wrap; gap:4px; justify-content:center; }
.hidm-card-tag { font-size:10px; font-weight:600; background:var(--hid-light); color:var(--hid-muted); padding:3px 8px; border-radius:2px; }
.hidm-card-link { font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--hid-accent); display:inline-flex; align-items:center; gap:5px; margin-top:8px; }

/* Hero pàgina marcas */
.hidm-page-hero { background:var(--hid-navy); padding:80px 0 72px; }
.hidm-page-hero__inner { max-width:1280px; margin:0 auto; padding:0 32px; }

/* Responsive */
@media (max-width:1024px) {
  .hidm-hero-inner { grid-template-columns:1fr; }
  .hidm-hero-right { display:none; }
  .hidm-content-layout { grid-template-columns:1fr; }
  .hidm-models-layout { grid-template-columns:1fr; }
  .hidm-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:640px) {
  .hidm-grid { grid-template-columns:repeat(2,1fr); gap:12px; }
  .hidm-card { padding:24px 16px; }
}