:root {
  --primary-color: #8640d6;
  --primary-color-rgb: 134, 64, 214;
  --secondary-color: #8640d6;
  --secondary-color-rgb: 134, 64, 214;
}

/* ===== BOTONES HEADER ===== */
.btn-header-login,
.btn-header-register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  padding: 6px 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

/* Outlined: fondo blanco, solo borde morado */
.btn-header-login {
  background: transparent;
  border: 2px solid #8640d6;
  color: #8640d6;
}
.btn-header-login:hover {
  background: #8640d6;
  color: #fff;
}

/* Sólido: relleno morado */
.btn-header-register {
  background: #8640d6;
  border: 2px solid #8640d6;
  color: #fff;
}
.btn-header-register:hover {
  background: #6d2fb5;
  border-color: #6d2fb5;
  color: #fff;
}

.plan-card {
  border-radius: 8px !important;
}

body {
  overflow: visible;
}