/* ============================================================
   INOX MEGAMENU — megamenu.css
   Grid 4 columnas, compacto en vertical
   ============================================================ */

.header-top .inner-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

/* ══ BARRA ══ */
.inox-megamenu { position:relative; z-index:900; flex:1 1 0%!important; display:flex; align-items:center; min-width:0; }
.inox-megamenu__list { list-style:none; display:flex; align-items:stretch; justify-content:space-evenly; width:100%; margin:0; padding:0; }
.inox-megamenu__item { position:static; }
.inox-megamenu__item > a { display:flex; align-items:center; gap:5px; padding:16px 20px; font-size:14px; font-weight:600; text-transform:uppercase; text-decoration:none; color:#2d3e50; letter-spacing:.3px; border-bottom:3px solid transparent; transition:border-color .2s,color .2s; white-space:nowrap; }
.inox-megamenu__arrow { font-size:9px; transition:transform .2s; }
.inox-megamenu__item:hover > a { color:#3a7bd5; border-bottom-color:#3a7bd5; }
.inox-megamenu__item:hover > a .inox-megamenu__arrow { transform:rotate(180deg); }

/* ══ DROPDOWN ══ */
.inox-megamenu__dropdown { display:none; position:absolute; left:0; right:0; top:100%; background:#fff; border-top:3px solid #3a7bd5; box-shadow:0 12px 40px rgba(0,0,0,.12); z-index:999; }
.inox-megamenu__item:hover .inox-megamenu__dropdown { display:block; animation:inoxMegaSlide .2s ease; }
@keyframes inoxMegaSlide { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
.inox-megamenu__dropdown-inner { max-width:1400px; margin:0 auto; padding:20px 28px; display:flex; }
.inox-megamenu__dropdown-inner--full { flex-direction:column; padding:14px 24px 12px; }

/* ══ Columnas simples (A medida) ══ */
.inox-megamenu__col { flex:1; min-width:0; padding:0 24px; border-right:1px solid #e0e4e8; }
.inox-megamenu__col:first-child { padding-left:0; }
.inox-megamenu__col:last-child { border-right:none; padding-right:0; }
.inox-megamenu__col-title { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:#3a7bd5; margin-bottom:10px; padding-bottom:6px; border-bottom:2px solid #3a7bd5; }
.inox-megamenu__col ul { list-style:none; margin:0; padding:0; }
.inox-megamenu__col ul li a { display:block; padding:3px 0; font-size:13px; color:#666; text-decoration:none; transition:color .15s,padding-left .15s; }
.inox-megamenu__col ul li a:hover { color:#3a7bd5; padding-left:6px; }
.inox-megamenu__cta { display:inline-block; margin-top:10px; padding:7px 16px; background:#3a7bd5; color:#fff; font-size:12px; font-weight:600; text-decoration:none; border-radius:4px; transition:background .2s; }
.inox-megamenu__cta:hover { background:#2d3e50; color:#fff; }

/* ══ GRID PRODUCTOS — 4 columnas, compacto vertical ══ */
.inox-mega-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px 24px;
}
.inox-mega-col__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 5px;
  margin-bottom: 4px;
  border-bottom: 1px solid #eee;
}
.inox-mega-col__header img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  border-radius: 4px;
  background: #f5f5f5;
  padding: 2px;
  flex-shrink: 0;
}
.inox-mega-col__title {
  font-size: 11.5px;
  font-weight: 700;
  color: #2d3e50;
  text-decoration: none;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .3px;
}
.inox-mega-col__title:hover { color: #3a7bd5; }

.inox-mega-col__links { list-style: none; margin: 0; padding: 0; }
.inox-mega-col__links li { position: relative; padding-left: 11px; }
.inox-mega-col__links li::before {
  content: '';
  position: absolute;
  left: 0; top: 50%;
  width: 4px; height: 4px;
  border-radius: 50%;
  background: #3a7bd5;
  transform: translateY(-50%);
  opacity: .45;
  transition: opacity .15s;
}
.inox-mega-col__links li:hover::before { opacity: 1; }
.inox-mega-col__links li a {
  display: block;
  padding: 1.5px 0;
  font-size: 12px;
  color: #555;
  text-decoration: none;
  line-height: 1.5;
  transition: color .15s;
}
.inox-mega-col__links li a:hover { color: #3a7bd5; }

@media(max-width:1200px){ .inox-megamenu__item > a { padding:14px 12px; font-size:13px; } }
@media(max-width:992px){ .inox-mega-grid { grid-template-columns:repeat(2, 1fr)!important; } }

/* ══ MOBILE ══ */
.inox-mmobile { background:#fff; padding:8px 0; }
.inox-mmobile__item { border-bottom:1px solid #f0f1f3; }
.inox-mmobile__item:last-child { border-bottom:none; }
.inox-mmobile__row { display:flex; align-items:center; padding:0 16px; cursor:pointer; transition:background .15s; text-decoration:none; color:inherit; }
.inox-mmobile__row:hover { background:#f7f8fa; }
.inox-mmobile__row--simple { text-decoration:none; }
.inox-mmobile__icon { width:36px; height:36px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-right:12px; }
.inox-mmobile__icon img { width:28px; height:28px; border-radius:6px; }
.inox-mmobile__link { flex:1; font-size:15px; font-weight:600; color:#2d3e50; text-transform:uppercase; letter-spacing:.3px; padding:16px 0; text-decoration:none; }
a .inox-mmobile__link { color:#2d3e50; }
.inox-mmobile__chevron { width:20px; height:20px; position:relative; flex-shrink:0; transition:transform .25s; }
.inox-mmobile__chevron::before { content:''; position:absolute; top:6px; left:4px; width:8px; height:8px; border-right:2px solid #999; border-bottom:2px solid #999; transform:rotate(45deg); transition:border-color .15s; }
.inox-mmobile__item.is-open > .inox-mmobile__row .inox-mmobile__chevron { transform:rotate(180deg); }
.inox-mmobile__item.is-open > .inox-mmobile__row .inox-mmobile__chevron::before { border-color:#3a7bd5; }
.inox-mmobile__sub { display:none; padding:4px 20px 20px; background:#fafbfc; border-top:1px solid #f0f1f3; }
.inox-mmobile__item.is-open > .inox-mmobile__sub { display:block; }
.inox-mmobile__group { margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #eef0f2; }
.inox-mmobile__group:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }
.inox-mmobile__group-header { display:flex; align-items:center; gap:10px; margin-bottom:10px; padding-top:8px; }
.inox-mmobile__group-header img { width:32px; height:32px; border-radius:6px; background:#f0f2f5; padding:3px; object-fit:contain; }
.inox-mmobile__group-title { font-size:13px; font-weight:700; color:#2d3e50; text-decoration:none; text-transform:uppercase; letter-spacing:.5px; }
.inox-mmobile__group-title:hover { color:#3a7bd5; }
.inox-mmobile__links { list-style:none; margin:0; padding:0 0 0 8px; }
.inox-mmobile__links li { position:relative; padding-left:16px; }
.inox-mmobile__links li::before { content:''; position:absolute; left:0; top:50%; width:6px; height:6px; border-radius:50%; background:#3a7bd5; opacity:.4; transform:translateY(-50%); }
.inox-mmobile__links li a { display:block; padding:8px 0; font-size:14px; color:#555; text-decoration:none; border-bottom:1px solid #f0f1f3; transition:color .15s; }
.inox-mmobile__links li:last-child a { border-bottom:none; }
.inox-mmobile__links li a:hover { color:#3a7bd5; }
.inox-mmobile__links--steps li::before { display:none; }
.inox-mmobile__links--steps li { padding-left:0; }
.inox-mmobile__links--steps li a { font-weight:500; color:#2d3e50; }
.inox-mmobile__cta { display:inline-block; padding:12px 24px; background:#3a7bd5; color:#fff; font-size:14px; font-weight:600; text-decoration:none; border-radius:6px; transition:background .2s; text-align:center; width:100%; }
.inox-mmobile__cta:hover { background:#2d3e50; color:#fff; }