/* =========================
   BASE WRAPPER
   ========================= */
.ff-wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  background: #f7f9fc;
  font-family: Arial, Helvetica, sans-serif;
}

/* =========================
   HERO
   ========================= */
.ff-hero {
  background: linear-gradient(135deg, #0054a6, #003b73);
  color: #ffffff;
  border-radius: 18px;
  padding: 24px;
}

.ff-hero__logoRow {
  text-align: right;
}

.ff-logo {
  max-width: 300px;
  background: #ffffff;
  padding: 8px 12px;
  border-radius: 10px;
  margin-bottom: 10px;
}

/* =========================
   CTA BUTTONS
   ========================= */
.ff-ctaGroup {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.ff-pill {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: bold;
  text-decoration: none;
}

.ff-pill--gold {
  background: #fdb913;
  color: #003b73;
}

.ff-pill--blue {
  background: #00a3e0;
  color: #ffffff;
}

.ff-pill--link {
  display: inline-block;
  text-decoration: none;
}

.ff-pill--link:hover {
  background: #e6a90f;
  text-decoration: none;
}

/* =========================
   CARDS
   ========================= */
.ff-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px;
  margin-top: 20px;
}

.ff-card--eventIntro {
  border-left: 6px solid #0054a6;
}

.ff-card--contact {
  border-left: 6px solid #fdb913;
}

/* ===============================
   ANDAR-SAFE SPONSOR LAYOUT (FINAL)
   =============================== */

.ff-grid {
  width: 100%;
  font-size: 0;
}

.ff-level {
  display: inline-block !important;
  width: 48% !important;
  vertical-align: top;

  margin-right: 2%;
  margin-bottom: 16px;

  font-size: 14px; /* critical */
  line-height: 1.45;

  background: #ffffff;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.ff-level:nth-of-type(2n) {
  margin-right: 0;
}

@media (max-width: 700px) {
  .ff-level {
    width: 100% !important;
    margin-right: 0;
  }
}

/* Sponsor level titles */
.ff-level__title {
  margin: 0 0 8px;
  font-size: 16px;
  color: #003b73;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ff-price {
  margin-left: auto;
  font-weight: 700;
  color: #0054a6;
}

/* Icons */
.ff-icon {
  font-size: 18px;
  line-height: 1;
}

.ff-icon--premier { color: #FDB913; }
.ff-icon--platinum { color: #7C3AED; }
.ff-icon--gold { color: #D97706; }
.ff-icon--silver { color: #6B7280; }
.ff-icon--bronze { color: #92400E; }

/* =========================
   CHECK PAYMENT NOTE
   ========================= */
.ff-checkNote {
  background: #f1f3f6;
  padding: 12px;
  border-radius: 12px;
  margin-top: 14px;
}

/*Hide Article Title */
.Body-Page-Article .Page-Article > h1, h2.ArticleTitle{
                display: none;
}