/* Acao de 10 anos OneBitCode — 07/09/2026 a 21/09/2026.
   Camada compartilhada pelas landing pages participantes. */
.obc-bday__mobile { display: none; }

.obc-header-bday,
#nr-page .nr-header-bday {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 5px 10px 5px 8px;
  border: 1.5px solid #1d1e22;
  border-radius: 999px;
  background: #f2c14e;
  color: #1d1e22 !important;
  box-shadow: 2px 2px 0 #1d1e22;
  transform: rotate(-2deg);
  font: 750 12px/1 "Roboto Mono", "JetBrains Mono", monospace;
  white-space: nowrap;
}
.obc-header-bday i,
#nr-page .nr-header-bday i { color: #cc4b55; font-size: 14px; }
.obc-header-bday strong,
#nr-page .nr-header-bday strong { color: #1d1e22 !important; }

.campaign10-plan {
  display: grid;
  gap: 5px;
  margin: 18px 0 16px;
  padding: 14px 16px;
  border-left: 3px solid #f2c14e;
  border-radius: 6px 14px 14px 6px;
  background: rgba(242, 193, 78, .09);
}
.campaign10-plan__kicker {
  color: #f2c14e !important;
  font: 700 12px/1.2 "Roboto Mono", monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.campaign10-plan strong { color: #fffefb !important; font-size: 18px; line-height: 1.25; }
.campaign10-plan span:last-child { color: rgba(255,255,255,.78) !important; font-size: 14px; line-height: 1.45; }

#nr-page .nr-enrollment__party {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  min-height: 29px;
  margin: 0 0 8px;
}
#nr-page .nr-enrollment__purchase {
  isolation: isolate;
  overflow: visible;
  margin: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#nr-page .nr-enrollment__party i { color: #f2c14e; font-size: 22px; }
#nr-page .nr-enrollment__party i:first-child { color: #e05c65; transform: rotate(-12deg); }
#nr-page .nr-enrollment__party i:last-child { color: #4c9a6a; transform: rotate(12deg) scaleX(-1); }
#nr-page .nr-promo10__title {
  max-width: 390px;
  margin: 9px auto 14px;
  color: #fffefb !important;
  font: 750 26px/1.12 "Hanken Grotesk", "Poppins", sans-serif !important;
  letter-spacing: -.025em;
  text-wrap: balance;
}
#nr-page .nr-payment-methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}
#nr-page .nr-payment-methods span {
  display: flex;
  min-width: 0;
  min-height: 54px;
  padding: 8px 6px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #555a63;
  border-radius: 12px;
  background: #26282e;
  color: #fffefb !important;
  font: 650 12px/1.25 "Hanken Grotesk", "Poppins", sans-serif;
  text-align: center;
}
#nr-page .nr-payment-methods i { color: #8bd45f; font-size: 17px; }
#nr-page .nr-recurring-explainer {
  margin: 0 0 20px;
  padding: 13px 14px;
  border-left: 3px solid #f2c14e;
  border-radius: 6px 12px 12px 6px;
  background: rgba(242, 193, 78, .08);
  color: #e0e3e8 !important;
  font-size: 15px !important;
  line-height: 1.42 !important;
  text-align: left;
}
#nr-page .nr-recurring-explainer strong { color: #fffefb !important; }
#nr-page .nr-enrollment__purchase .nr-btn--alternative {
  margin-top: 10px;
  border-color: #8bd45f !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fffefb !important;
}
#nr-page .nr-enrollment__purchase .nr-btn--alternative:hover {
  background: rgba(139, 212, 95, .14) !important;
  color: #fffefb !important;
}
#nr-page .plan-card__cta--cash,
.combo-price-decision__cta--cash {
  margin-top: 10px;
  border: 1px solid #8bd45f !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
}
#nr-page .plan-card__cta--cash:hover,
.combo-price-decision__cta--cash:hover {
  background: rgba(139, 212, 95, .14) !important;
  color: #fff !important;
}

.combo-price-decision .campaign10-plan { max-width: 430px; margin-inline: auto; text-align: left; }

@media (max-width: 760px) {
  .obc-bday p > strong,
  .obc-bday__detail,
  .obc-bday__until { display: none !important; }
  .obc-bday__mobile { display: inline; font-weight: 700; }
  .obc-header-bday { min-height: 28px; padding: 4px 8px 4px 7px; font-size: 10px; }
}
@media (max-width: 991px) {
  #nr-page .nr-enrollment__purchase { border-left: 0; border-top: 1px solid #474b54; }
}
@media (max-width: 640px) {
  #nr-page .nr-header-bday { min-height: 27px; padding: 4px 7px 4px 6px; font-size: 10px; }
  #nr-page .nr-promo10__title { font-size: 24px !important; }
  #nr-page .nr-payment-methods { gap: 6px; }
  #nr-page .nr-payment-methods span { min-height: 52px; padding-inline: 4px; font-size: 11.5px; }
}