/* ════════════════════════════════════════════════════════════
   NEXT CELL — Acentos por LP
   Só muda a cor de acento; o CTA verde permanece igual.
   ════════════════════════════════════════════════════════════ */

/* ─── LP iPhone — grafite ─── */
.lp-iphone {
  --nc-accent: #6B7280;
}
.lp-iphone .nc-hero { background: linear-gradient(135deg, #1a1a2e 0%, #2d3748 100%); }
.lp-iphone .nc-crosslink-card--iphone { display: none; } /* esconde auto-link */

/* ─── LP Xiaomi — laranja ─── */
.lp-xiaomi {
  --nc-accent: #FF6900;
}
.lp-xiaomi .nc-hero { background: linear-gradient(135deg, #0F1B2D 0%, #7C2D0A 100%); }
.lp-xiaomi .nc-crosslink-card--xiaomi { display: none; }

/* ─── LP Realme — amarelo ─── */
.lp-realme {
  --nc-accent: #FFC915;
}
.lp-realme .nc-hero { background: linear-gradient(135deg, #0F1B2D 0%, #713F12 100%); }
.lp-realme .nc-crosslink-card--realme { display: none; }

/* ─── LP Assistência — azul ─── */
.lp-assistencia {
  --nc-accent: #3B82F6;
}
.lp-assistencia .nc-hero { background: linear-gradient(135deg, #0F1B2D 0%, #1E3A5F 100%); }
.lp-assistencia .nc-crosslink-card--assistencia { display: none; }

/* ─── Passo numérico usa cor de acento ─── */
.nc-passo__num { background: var(--nc-accent); }

/* ─── Borda de destaque nos cards da LP ─── */
.nc-card--featured {
  border: 2px solid var(--nc-accent);
}

/* ─── Link "em dúvida?" (nas LPs de marca) ─── */
.nc-duvida-link {
  text-align: center;
  padding: var(--nc-gap-lg) var(--nc-gap-sm);
  background: var(--nc-dark);
  color: var(--nc-white);
}

.nc-duvida-link p {
  font-size: var(--nc-fs-lg);
  margin-bottom: var(--nc-gap-sm);
  color: rgba(255,255,255,.8);
}

.nc-duvida-link a {
  color: var(--nc-cta);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.nc-duvida-link a:hover { color: var(--nc-cta-dark); }

/* ─── Seção comparação Realme x Xiaomi ─── */
.nc-comparacao {
  padding-block: var(--nc-gap-xl);
}

.nc-comparacao__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: var(--nc-gap-lg);
  font-size: var(--nc-fs-sm);
  border-radius: var(--nc-radius-md);
  overflow: hidden;
  box-shadow: var(--nc-shadow-sm);
}

.nc-comparacao__table th,
.nc-comparacao__table td {
  padding: .875rem 1rem;
  text-align: left;
  border-bottom: 1px solid #E5E7EB;
}

.nc-comparacao__table th {
  background: var(--nc-dark);
  color: var(--nc-white);
  font-weight: 700;
}

.nc-comparacao__table tr:last-child td { border-bottom: none; }
.nc-comparacao__table tr:nth-child(even) td { background: var(--nc-light); }

/* ─── Seção global x nacional (Xiaomi) ─── */
.nc-aviso-global {
  background: #FFF7ED;
  border: 1px solid #FED7AA;
  border-radius: var(--nc-radius-md);
  padding: var(--nc-gap-md);
  margin-top: var(--nc-gap-md);
  display: flex;
  gap: .75rem;
  align-items: flex-start;
}

.nc-aviso-global svg { flex-shrink: 0; color: #F97316; }
.nc-aviso-global p { font-size: var(--nc-fs-sm); color: #7C2D12; line-height: 1.6; }

/* ─── Cards de serviço (Assistência) ─── */
.nc-servico-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .5rem;
  background: var(--nc-white);
  border-radius: var(--nc-radius-md);
  padding: var(--nc-gap-md);
  box-shadow: var(--nc-shadow-sm);
  border-top: 3px solid var(--nc-accent);
  transition: transform var(--nc-duration) var(--nc-ease),
              box-shadow var(--nc-duration) var(--nc-ease);
}

.nc-servico-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--nc-shadow-md);
}

.nc-servico-card__icon {
  width: 48px; height: 48px;
  background: var(--nc-light);
  border-radius: var(--nc-radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--nc-accent);
}

.nc-servico-card__title {
  font-size: var(--nc-fs-base);
  font-weight: 700;
  color: var(--nc-dark);
}

.nc-servico-card__text {
  font-size: var(--nc-fs-sm);
  color: #6B7280;
  line-height: 1.5;
}

/* ─── Cards iPhone (linhas) ─── */
.nc-iphone-card {
  background: var(--nc-white);
  border-radius: var(--nc-radius-md);
  overflow: hidden;
  box-shadow: var(--nc-shadow-sm);
  transition: transform var(--nc-duration), box-shadow var(--nc-duration);
}

.nc-iphone-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--nc-shadow-md);
}

.nc-iphone-card__img {
  aspect-ratio: 4/3;
  background: linear-gradient(135deg, #F3F4F6, #E5E7EB);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9CA3AF;
  font-size: var(--nc-fs-sm);
  font-weight: 600;
}

.nc-iphone-card__body { padding: var(--nc-gap-md); }

.nc-iphone-card__title {
  font-size: var(--nc-fs-lg);
  font-weight: 700;
  color: var(--nc-dark);
}

.nc-iphone-card__sub {
  font-size: var(--nc-fs-sm);
  color: #6B7280;
  margin-top: .25rem;
  margin-bottom: var(--nc-gap-sm);
}

.nc-iphone-card__cta {
  font-size: var(--nc-fs-sm);
  color: var(--nc-primary);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
