/* ===============================================================
   MNET - PATCH CRÍTICO PARA CARDS DE PLANOS
   Sobrescreve bg-white e estilos inline do React
   =============================================================== */

/* CRÍTICO: Sobrescreve bg-white dos cards de planos */
#planos .bg-white,
#planos [class*="bg-white"],
section#planos .bg-white,
section#planos [class*="bg-white"] {
  background: linear-gradient(135deg, #0014FF 0%, #0050FF 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

/* Sobrescreve estilos inline com #0021FF */
#planos div[style*="0021FF"],
#planos div[style*="#0021FF"],
#planos span[style*="0021FF"],
#planos span[style*="#0021FF"],
#planos button[style*="0021FF"],
#planos button[style*="#0021FF"] {
  background-color: transparent !important;
  background: linear-gradient(135deg, #0014FF 0%, #0050FF 100%) !important;
}

/* Corrige cor do texto dos preços */
#planos [style*="color"][style*="0021FF"],
#planos span[style*="#0021FF"] {
  color: #FFE000 !important;
}

/* Corrige botões */
#planos button[style*="0021FF"],
#planos button[style*="backgroundColor"][style*="0021FF"] {
  background: #FFE000 !important;
  color: #0014FF !important;
}

#planos button:hover {
  background: #0014FF !important;
  color: #FFE000 !important;
}

/* Força textos brancos nos cards */
#planos .bg-white *,
#planos [class*="bg-white"] * {
  color: #ffffff !important;
}

/* Exceção: preços e valores em amarelo */
#planos .bg-white span:has-text("R$"),
#planos [class*="bg-white"] span:has-text("R$") {
  color: #FFE000 !important;
}

/* Aplica gradiente azul nos cards de planos */
.mnet-plan-card,
#planos .mnet-plan-card {
  background: linear-gradient(135deg, #0014FF 0%, #0050FF 100%) !important;
  border-radius: 16px !important;
  padding: 32px 20px !important;
  color: #ffffff !important;
}

/* Força textos brancos */
.mnet-plan-card *,
#planos .mnet-plan-card * {
  color: #ffffff !important;
}

/* Preço em amarelo (sobrescreve branco acima) */
.mnet-plan-card span[style*="fontWeight"],
#planos .mnet-plan-card span[style*="fontWeight"] {
  color: #ffe000 !important;
  font-weight: 800 !important;
}

/* Botão CTA amarelo */
.mnet-plan-card button,
#planos .mnet-plan-card button {
  background: #ffe000 !important;
  color: #0014FF !important;
  font-weight: 700 !important;
  margin-top: 8px !important;
  border-radius: 10px !important;
  border: none !important;
  transition: all 0.25s ease !important;
}

.mnet-plan-card button:hover,
#planos .mnet-plan-card button:hover {
  background: #0014FF !important;
  color: #ffe000 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 4px 12px rgba(255, 224, 0, 0.3) !important;
}

/* Ícones brancos */
.mnet-plan-card svg,
#planos .mnet-plan-card svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Espaçamento benefícios */
.mnet-plan-card ul,
#planos .mnet-plan-card ul {
  margin-bottom: 16px !important;
}

/* Neutraliza borda azul */
.mnet-plan-card.border-2 {
  border-color: transparent !important;
}

/* Responsividade */
@media (max-width: 640px) {
  .mnet-plan-card,
  #planos .mnet-plan-card {
    padding: 20px 16px !important;
    border-radius: 12px !important;
  }
  
  .mnet-plan-card button,
  #planos .mnet-plan-card button {
    padding: 10px 20px !important;
    font-size: 0.9rem !important;
  }
}

/* ====== FIM MNET PATCH CARDS ====== */