/* ══ HERRAJES CATALOG ── hc-* ══════════════════════════════
   Shared catalog styles for all 8 Instalaciones sub-pages.
   Accent: #06b6d4  Dark: #041222  Prefix: hc-
   ══════════════════════════════════════════════════════════ */

/* ── HERO ─────────────────────────────────────────────────── */
.hc-hero{background:#041222;padding:2rem 1.5rem 1.5rem;border-bottom:3px solid #06b6d4;position:relative;overflow:hidden}
.hc-hero-inner{max-width:960px;margin:0 auto;position:relative;z-index:1}
.hc-hero-deco{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);opacity:.07;pointer-events:none}
.hc-breadcrumb{font-size:.72rem;color:rgba(255,255,255,.5);margin-bottom:.55rem;line-height:1}
.hc-breadcrumb a{color:#06b6d4;text-decoration:none}
.hc-breadcrumb a:hover{text-decoration:underline}
.hc-breadcrumb span{margin:0 .35rem;opacity:.4}
.hc-hero-badge{display:inline-block;background:#06b6d4;color:#041222;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 11px;border-radius:12px;margin-bottom:.6rem}
.hc-hero-title{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 .4rem;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.hc-hero-sub{font-size:.9rem;color:rgba(255,255,255,.75);margin:0;max-width:560px;line-height:1.55}

/* ── CATALOG NAV ──────────────────────────────────────────── */
.hc-nav-wrap{background:#0a1e35;border-bottom:1px solid rgba(6,182,212,.18);overflow-x:auto;scrollbar-width:thin;scrollbar-color:#1a3a5c transparent;-webkit-overflow-scrolling:touch}
.hc-nav{display:flex;min-width:max-content;max-width:960px;margin:0 auto}
.hc-nav-item{display:block;padding:.6rem 1rem;font-size:.77rem;font-weight:600;color:rgba(255,255,255,.52);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:all .17s}
.hc-nav-item:hover{color:#06b6d4;border-bottom-color:rgba(6,182,212,.4)}
.hc-nav-item.active{color:#06b6d4;border-bottom-color:#06b6d4;background:rgba(6,182,212,.07)}

/* ── BODY WRAPPER ─────────────────────────────────────────── */
.hc-body{max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem}

/* ── BACK LINK ────────────────────────────────────────────── */
.hc-back{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:#4a6a8a;text-decoration:none;margin-bottom:1.5rem;padding:.3rem .6rem;border-radius:5px;transition:all .17s}
.hc-back:hover{color:#06b6d4;background:#f0fafd}
.hc-back::before{content:'←'}

/* ── SECTION TITLE ────────────────────────────────────────── */
.hc-section-title{font-size:1rem;font-weight:700;color:#041222;border-left:4px solid #06b6d4;padding-left:.7rem;margin:2.2rem 0 1.1rem;text-transform:uppercase;letter-spacing:.05em}
.hc-section-title:first-child{margin-top:0}

/* ── SPECS BAR ────────────────────────────────────────────── */
.hc-specs-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.hc-spec{background:#f0fafd;border:1px solid #b6e8f5;border-radius:6px;padding:.45rem .85rem;font-size:.82rem;color:#0d3a56;display:flex;align-items:center;gap:.4rem}
.hc-spec-icon{font-size:.95rem}
.hc-spec strong{color:#041222}

/* ── FEATURE LIST ─────────────────────────────────────────── */
.hc-feat-list{list-style:none;padding:0;margin:0 0 1.5rem;background:#f8fafc;border-radius:8px;padding:.5rem .8rem;border:1px solid #e8f0f6}
.hc-feat-list li{font-size:.86rem;color:#2a3a4a;padding:.45rem 0 .45rem 20px;border-bottom:1px solid #eef2f6;position:relative;line-height:1.5}
.hc-feat-list li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#06b6d4;border-radius:50%;flex-shrink:0}
.hc-feat-list li:last-child{border-bottom:none}

/* ── PRODUCT CARDS GRID ───────────────────────────────────── */
.hc-prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:1rem;margin-bottom:1.5rem}
.hc-prod-card{border-radius:10px;border:1px solid #e2eaf2;overflow:hidden;background:#fff;transition:box-shadow .18s,transform .18s}
.hc-prod-card:hover{box-shadow:0 8px 24px rgba(6,182,212,.15);transform:translateY(-2px)}
.hc-prod-img-wrap{aspect-ratio:1/1;overflow:hidden;background:#f5f9fc;display:flex;align-items:center;justify-content:center;padding:.5rem}
.hc-prod-img{width:100%;height:100%;object-fit:contain;display:block}
.hc-prod-body{padding:.75rem .9rem;border-top:1px solid #eef2f6}
.hc-prod-ref{font-size:.68rem;font-weight:700;color:#06b6d4;text-transform:uppercase;letter-spacing:.09em;margin-bottom:.2rem}
.hc-prod-name{font-size:.88rem;font-weight:700;color:#041222;margin-bottom:.35rem;line-height:1.3}
.hc-prod-desc{font-size:.77rem;color:#4a6a8a;line-height:1.5;margin-bottom:.6rem}
.hc-prod-cta{display:block;background:#06b6d4;color:#fff;text-align:center;font-size:.78rem;font-weight:700;padding:.38rem;border-radius:5px;text-decoration:none;transition:background .17s}
.hc-prod-cta:hover{background:#0596b0}

/* ── ACABADOS SWATCHES ────────────────────────────────────── */
.hc-acabados-lbl{font-size:.73rem;font-weight:700;color:#4a6a8a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;margin-top:.8rem}
.hc-acabados{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}
.hc-acab{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;color:#2a3a4a;background:#f5f9fc;border:1px solid #dde8f0;border-radius:20px;padding:.22rem .65rem}
.hc-acab-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.14)}
.hc-acab-silver{background:#c8d4dc}
.hc-acab-gold{background:#d4a820}
.hc-acab-black{background:#1a1a1a}
.hc-acab-white{background:#f0f0f0;border-color:#ccc!important}
.hc-acab-satin{background:linear-gradient(135deg,#b8c4cc,#e0e8ec)}
.hc-acab-bronze{background:#8b6240}
.hc-acab-wood{background:linear-gradient(135deg,#8b5a2b,#c49a6c)}

/* ── CATALOG SCAN (clean image display) ───────────────────── */
.hc-scan-gallery{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}
.hc-scan-item{border-radius:8px;overflow:hidden;background:#fff;border:1px solid #e2eaf2;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.hc-scan-item img{width:100%;display:block}
.hc-scan-caption{font-size:.78rem;color:#4a6a8a;padding:.4rem .7rem;background:#f8fafc;border-top:1px solid #eef2f6}
/* 2-col scan grid for product sheets */
.hc-scan-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.5rem}
.hc-scan-grid .hc-scan-item{margin:0}

/* ── MODEL TABS ───────────────────────────────────────────── */
.hc-tabs-nav{display:flex;gap:.4rem;margin-bottom:1.2rem;flex-wrap:wrap}
.hc-tab-btn{background:#f0fafd;border:1.5px solid #b6e8f5;border-radius:6px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;color:#0d3a56;cursor:pointer;transition:all .17s;border-style:solid}
.hc-tab-btn:hover{background:#e0f5fb;border-color:#06b6d4}
.hc-tab-btn.active{background:#06b6d4;border-color:#06b6d4;color:#fff}
.hc-tab-panel{display:none}
.hc-tab-panel.active{display:block}

/* ── MODEL CONTENT CARD ───────────────────────────────────── */
.hc-model{background:#f8fafc;border-radius:10px;padding:1.2rem 1.3rem;border:1px solid #e2eaf2;margin-bottom:1rem}
.hc-model-header{font-size:.98rem;font-weight:800;color:#041222;margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:2px solid #06b6d4}
.hc-model-grid{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start}
.hc-model-img{background:#fff;border-radius:8px;overflow:hidden;text-align:center;padding:.5rem;border:1px solid #e2eaf2;min-width:160px}
.hc-model-img img{max-width:280px;width:100%;display:block;border-radius:6px}
.hc-model-specs{background:#fff;border-radius:8px;padding:.9rem;border:1px solid #eef2f6}

/* ── VARIANTS GRID (bisagra 4 variants) ───────────────────── */
.hc-variants{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0}
.hc-variant{border-radius:8px;overflow:hidden;background:#f5f9fc;border:1px solid #e2eaf2;text-align:center;transition:box-shadow .17s}
.hc-variant:hover{box-shadow:0 4px 14px rgba(6,182,212,.15)}
.hc-variant img{width:100%;display:block;aspect-ratio:1/1;object-fit:contain;padding:.5rem}
.hc-variant-name{font-size:.74rem;font-weight:700;color:#041222;padding:.35rem;border-top:1px solid #eef2f6;background:#fff}

/* ── HIGHLIGHT BOX ────────────────────────────────────────── */
.hc-highlight{background:#f0fafd;border-left:4px solid #06b6d4;border-radius:0 8px 8px 0;padding:.85rem 1rem;font-size:.87rem;color:#2a3a4a;line-height:1.65;margin:.8rem 0}

/* ── CTA BLOCK ────────────────────────────────────────────── */
.hc-cta{background:linear-gradient(135deg,#041222,#0d3a56);border-radius:12px;padding:1.8rem 1.5rem;text-align:center;margin-top:2.5rem}
.hc-cta h3{color:#fff;font-size:1.05rem;font-weight:700;margin:0 0 .4rem}
.hc-cta p{color:rgba(255,255,255,.78);font-size:.85rem;margin:0 0 1rem}
.hc-cta-btn{display:inline-block;background:#06b6d4;color:#fff;font-weight:700;padding:.65rem 2rem;border-radius:6px;text-decoration:none;font-size:.9rem;transition:background .17s}
.hc-cta-btn:hover{background:#0596b0;color:#fff}
.hc-cta-contacts{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:.8rem}
.hc-cta-contact{font-size:.77rem;color:rgba(255,255,255,.65)}

/* ── INLINE QUOTE BUTTON ──────────────────────────────────── */
.hc-quote-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;background:#f0fafd;border:1px solid #b6e8f5;border-radius:8px;padding:.7rem 1rem;margin:.8rem 0}
.hc-quote-row p{font-size:.82rem;color:#0d3a56;margin:0}
.hc-quote-row a{background:#06b6d4;color:#fff;font-size:.78rem;font-weight:700;padding:.35rem .9rem;border-radius:5px;text-decoration:none;white-space:nowrap}
.hc-quote-row a:hover{background:#0596b0}

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media(max-width:640px){
  .hc-hero-title{font-size:1.4rem}
  .hc-model-grid{grid-template-columns:1fr}
  .hc-variants{grid-template-columns:repeat(2,1fr)}
  .hc-prod-grid{grid-template-columns:repeat(2,1fr)}
  .hc-scan-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .hc-prod-grid{grid-template-columns:1fr 1fr}
  .hc-specs-bar{gap:.35rem}
  .hc-nav-item{padding:.5rem .65rem;font-size:.71rem}
  .hc-body{padding:1.5rem 1rem 2rem}
}