/* ============================================================
   Orophone — Catálogo 2026 · Rediseño "Catalogo Orophone"
   Capa específica del catálogo. Reutiliza home-2026.css para
   header, promo, tarjetas, botones, CTA y footer.
   Scopeada con .catalog-2026 (además de .home-2026 en el body).
   ============================================================ */

/* ---------- Hero del catálogo ---------- */
.catalog-2026 .catalog-hero{
  background:#F5F5F7;border-bottom:1px solid #ECECEF;
  color:#111114;padding:0;min-height:unset;display:block;
}
.catalog-2026 .catalog-hero::before,
.catalog-2026 .catalog-hero::after{display:none;}
.catalog-2026 .catalog-hero .container{
  max-width:1240px;margin:0 auto;padding:52px 28px 44px;text-align:center;
  animation:oroFadeUp .6s ease both;
}
.catalog-2026 .cat-hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid #E6E6E9;color:#1d1d1f;
  font-size:13px;font-weight:800;padding:7px 15px;border-radius:999px;letter-spacing:.4px;
}
.catalog-2026 .cat-hero-eyebrow .oro-dot{width:6px;height:6px;border-radius:50%;background:#F4B400;display:inline-block;}
.catalog-2026 .catalog-title{
  font-size:clamp(36px,5vw,58px);font-weight:800;letter-spacing:-1.6px;
  margin:18px 0 0;color:#111114;line-height:1.04;
}
.catalog-2026 .catalog-subtitle{
  font-size:17px;color:#6E6E73;font-weight:500;margin:14px auto 0;max-width:52ch;
}
.catalog-2026 .catalog-stats{
  display:flex;justify-content:center;gap:34px;margin-top:30px;flex-wrap:wrap;
}
.catalog-2026 .catalog-stats .stat-item{display:flex;flex-direction:column;align-items:center;}
.catalog-2026 .catalog-stats .stat-number{font-size:26px;font-weight:800;letter-spacing:-.6px;color:#C8920A;}
.catalog-2026 .catalog-stats .stat-label{font-size:13px;color:#6E6E73;font-weight:600;}
.catalog-2026 .catalog-stats .stat-divider{width:1px;background:#E6E6E9;align-self:stretch;}

/* ---------- Barra de filtros sticky ---------- */
.catalog-2026 .filters-section{
  position:sticky;top:62px;z-index:40;padding:0;
  background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(18px);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid #ECECEF;
}
.catalog-2026 .filters-section .container{
  max-width:1240px;margin:0 auto;padding:14px 28px;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.catalog-2026 .cat-chips{display:flex;gap:8px;flex-wrap:wrap;flex:1;margin:0;}
.catalog-2026 .cat-chip{
  font:inherit;font-size:13px;font-weight:700;padding:9px 16px;border-radius:999px;
  cursor:pointer;transition:all .2s;background:#fff;color:#1d1d1f;border:1px solid #E6E6E9;
}
.catalog-2026 .cat-chip:hover{border-color:#ccc;background:#fafafa;}
.catalog-2026 .cat-chip.active{background:#111114;color:#fff;border-color:#111114;}

.catalog-2026 .cat-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.catalog-2026 .cat-search{
  display:flex;align-items:center;gap:8px;background:#F5F5F7;border:1px solid #E6E6E9;
  border-radius:999px;padding:8px 14px;
}
.catalog-2026 .cat-search svg{flex-shrink:0;}
.catalog-2026 .cat-search input{
  border:none;background:transparent;outline:none;font:inherit;font-size:13.5px;font-weight:500;
  width:130px;color:#111114;
}
.catalog-2026 .cat-search input::placeholder{color:#9a9aa0;}
.catalog-2026 .filter-select{
  font:inherit;font-size:13.5px;font-weight:600;padding:9px 12px;border-radius:999px;
  border:1px solid #E6E6E9;background:#fff;color:#111114;cursor:pointer;outline:none;
}
.catalog-2026 .cat-stock-btn{
  font:inherit;font-size:13px;font-weight:700;padding:9px 16px;border-radius:999px;cursor:pointer;
  transition:all .2s;background:#fff;color:#1d1d1f;border:1px solid #E6E6E9;
}
.catalog-2026 .cat-stock-btn.active{
  background:linear-gradient(135deg,#FFD876,#F0AC00);color:#111114;border-color:#F0AC00;
}

/* ---------- Sección de productos ---------- */
.catalog-2026 .catalog-products{background:#fff;}
.catalog-2026 .catalog-products .container{max-width:1240px;margin:0 auto;padding:44px 28px 80px;}
.catalog-2026 .catalog-header{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  margin-bottom:26px;flex-wrap:wrap;
}
.catalog-2026 .catalog-header h2{font-size:22px;font-weight:800;letter-spacing:-.5px;color:#111114;margin:0;}
.catalog-2026 .products-count{font-size:14px;color:#6E6E73;font-weight:500;margin:0;}
.catalog-2026 .products-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:20px;
}

/* Empty state */
.catalog-2026 .no-products{padding:80px 20px;text-align:center;color:#6E6E73;}
.catalog-2026 .no-products svg{width:56px;height:56px;stroke:#c9c9cf;}
.catalog-2026 .no-products h3{font-weight:800;font-size:19px;color:#111114;margin:14px 0 0;}
.catalog-2026 .no-products p{font-size:14.5px;margin:6px 0 0;}
.catalog-2026 .no-products .btn{
  margin-top:20px;background:#111114;color:#fff;border:none;font:inherit;font-weight:700;
  font-size:14px;padding:12px 24px;border-radius:999px;cursor:pointer;display:inline-block;
}
.catalog-2026 .no-products .btn:hover{background:#000;}

/* ---------- CTA band (gold) ---------- */
.catalog-2026 .cat-cta{background:linear-gradient(120deg,#FFD876,#F0AC00);}
.catalog-2026 .cat-cta-inner{
  max-width:1240px;margin:0 auto;padding:52px 28px;
  display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;
}
.catalog-2026 .cat-cta h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-1px;color:#111114;max-width:22ch;margin:0;line-height:1.06;}
.catalog-2026 .cat-cta p{font-size:16px;color:#5a4400;margin:10px 0 0;font-weight:600;}
.catalog-2026 .cat-cta .btn{
  background:#111114;color:#fff;font-weight:700;font-size:16px;padding:16px 32px;border-radius:999px;
  white-space:nowrap;box-shadow:0 14px 30px rgba(0,0,0,.2);transition:transform .2s;
}
.catalog-2026 .cat-cta .btn:hover{transform:translateY(-3px);}

/* ---------- Responsive ---------- */
@media (max-width:820px){
  .catalog-2026 .filters-section{top:62px;}
  .catalog-2026 .filters-section .container{gap:12px;}
  .catalog-2026 .cat-tools{width:100%;}
  .catalog-2026 .cat-search{flex:1;}
  .catalog-2026 .cat-search input{width:100%;}
}
@media (max-width:560px){
  .catalog-2026 .catalog-hero .container{padding:36px 22px 30px;}
  .catalog-2026 .catalog-products .container{padding:32px 22px 60px;}
  .catalog-2026 .cat-cta-inner{padding:36px 22px;}
  .catalog-2026 .catalog-stats{gap:22px;}
}