/* LUXIA · tema corporativo MELANO INC (alineado con luxia.melanoinc.com) */
:root {
  --luxia-bg: #020408;
  --luxia-navy: #0a1628;
  --luxia-panel: #0d131c;
  --luxia-neon: #19a7ff;
  --luxia-neon-bright: #5ec4ff;
  --luxia-neon-dim: #0268ff;
  --luxia-gold: #f5c842;
  --luxia-gold-light: #ffe066;
  --luxia-text: #f0f4f8;
  --luxia-muted: #8b9cb0;
  --luxia-line: rgba(25, 167, 255, 0.22);
  --luxia-line-soft: rgba(255, 255, 255, 0.1);
  --luxia-radius: 18px;
  --luxia-max: 1120px;
}

body.luxia-corporate {
  background: var(--luxia-bg);
  color: var(--luxia-text);
}

body.luxia-corporate::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 14%, rgba(25, 167, 255, 0.14), transparent 32%),
    radial-gradient(circle at 8% 72%, rgba(2, 104, 255, 0.08), transparent 28%);
  z-index: -1;
}

.luxia-nav-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 11px 18px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.88rem;
  background: linear-gradient(135deg, var(--luxia-neon-bright), var(--luxia-neon));
  color: #020408;
  box-shadow: 0 14px 40px rgba(2, 104, 255, 0.28);
  transition: transform 0.22s, box-shadow 0.22s;
}

.luxia-nav-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 50px rgba(2, 104, 255, 0.36);
}

.luxia-ecosystem {
  margin-top: 2.5rem;
  padding: 1.5rem;
  border: 1px solid var(--luxia-line);
  border-radius: var(--luxia-radius);
  background:
    linear-gradient(160deg, rgba(25, 167, 255, 0.08), transparent 55%),
    rgba(8, 18, 32, 0.85);
}

.luxia-ecosystem h3 {
  font-family: Manrope, sans-serif;
  font-size: 1.15rem;
  margin: 0 0 0.35rem;
}

.luxia-ecosystem p {
  margin: 0 0 1rem;
  color: var(--luxia-muted);
  font-size: 0.92rem;
}

.luxia-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.85rem;
}

.luxia-product-card {
  padding: 1rem 1.05rem;
  border: 1px solid var(--luxia-line-soft);
  border-radius: 14px;
  background: rgba(5, 12, 22, 0.55);
}

.luxia-product-card strong {
  display: block;
  font-family: Manrope, sans-serif;
  margin-bottom: 0.25rem;
}

.luxia-product-card span {
  font-size: 0.82rem;
  color: var(--luxia-muted);
}

.luxia-product-card--notorius {
  border-color: rgba(225, 119, 38, 0.35);
}

.luxia-product-card--alenya {
  border-color: rgba(245, 200, 66, 0.28);
}

.luxia-hub-link {
  display: inline-flex;
  margin-top: 1rem;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid var(--luxia-line);
  color: var(--luxia-neon-bright);
  font-weight: 700;
  font-size: 0.88rem;
}

.luxia-hub-link:hover {
  background: rgba(25, 167, 255, 0.1);
  border-color: rgba(25, 167, 255, 0.45);
}