:root {
  --brand: #ec6f00;
  --brand2: #ff8a33;
  --bg: #151823;
  --text: #e8edf2;
  --muted: #9aa3b2;
}

/* CARD RESGATAR CÓDIGO */
#codigo.codbuff-center-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background-color: var(--bg);
  border: 1px solid #22293a;
  padding: 22px;
}

#codigo.codbuff-center-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(780px 420px at 50% 50px, rgba(236, 111, 0, .14), transparent 60%);
}

#codigo.codbuff-center-card>* {
  position: relative;
  z-index: 1;
}

/* Cabeçalho */
.cbf-code-head {
  text-align: center;
  margin-bottom: 14px;
}

.cbf-code-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(236, 111, 0, .10);
  border: 1px solid rgba(236, 111, 0, .35);
  color: #ffd6b5;
  font-weight: 800;
  font-size: .82rem;
  letter-spacing: .03em;
}

.cbf-code-title {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  margin: 8px 0 0;
}

/* Form */
.cbf-code-form {
  display: grid;
  gap: 12px;
  max-width: 520px;
  margin: 14px auto 0;
}

.cbf-field {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #1a2030;
  border: 1px solid #2a3347;
  border-radius: 12px;
  padding: 12px 14px;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.cbf-field i {
  color: #c9d5ea;
  opacity: .85;
}

.cbf-field input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text);
  font-size: .98rem;
}

.cbf-field:focus-within {
  border-color: rgba(236, 111, 0, .55);
  box-shadow: 0 0 0 4px rgba(236, 111, 0, .12);
}

/* Botão */
.cbf-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 800;
  letter-spacing: .2px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, .08);
  transition: transform .08s ease, box-shadow .25s ease, background .25s ease;
}

.cbf-btn--primary {
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  color: #fff;
  box-shadow: 0 10px 24px rgba(236, 111, 0, .35);
}

.cbf-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(236, 111, 0, .45);
}

/* Lista de chaves */
.license-keys {
  list-style: none;
  padding: 0;
  margin-top: 16px;
  display: grid;
  gap: 8px;
}

.key-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #1a2030;
  border: 1px solid #2a3347;
  border-radius: 8px;
  padding: 8px 12px;
  color: var(--text);
  font-size: .9rem;
}

.copy-btn {
  background: var(--brand);
  border: none;
  padding: 6px 12px;
  border-radius: 8px;
  color: #fff;
  font-size: .8rem;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease;
}

.copy-btn:hover {
  background: var(--brand2);
}

/* Mobile */
@media (max-width:560px) {
  .cbf-code-title {
    font-size: 20px;
  }

  .cbf-btn {
    width: 100%;
    justify-content: center;
  }
}

:root {
  --brand: #ec6f00;
  --brand2: #ff8a33;
  --panel: #151823;
  --border: #22293a;
  --text: #e8edf2;
  --muted: #9aa3b2;
}

/* Wrapper do bloco */
.acct-info-wrapper {
  position: relative;
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .35);
  overflow: hidden;
  margin-top: 20px;
}

.acct-info-wrapper::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(900px 420px at 50% 20px, rgba(236, 111, 0, .14), transparent 58%);
}

.acct-info-wrapper>* {
  position: relative;
  z-index: 1
}

/* Cabeçalho */
.acct-info-head {
  display: flex;
  justify-content: center;
}

.acct-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(236, 111, 0, .10);
  border: 1px solid rgba(236, 111, 0, .35);
  color: #ffd6b5;
  font-weight: 800;
  font-size: .86rem;
  letter-spacing: .02em;
}

/* Grid de cartões */
.acct-grid {
  display: grid;
  gap: 14px;
  margin-top: 16px;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
}

.acct-tile {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #1a2030;
  border: 1px solid #2a3347;
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
}

.acct-ico {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  border-radius: 12px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid #2a3347;
  color: #cfd6e4;
}

.acct-ico i {
  font-size: 18px
}

.acct-ico img {
  display: block
}

.acct-text .k {
  color: #9aa3b2;
  font-size: .82rem;
  margin-bottom: 2px
}

.acct-text .v {
  color: var(--text);
  font-weight: 800;
  font-size: .95rem
}

.acct-text .sub {
  color: #ffd6b5;
  font-weight: 800;
  margin-left: 6px
}

/* Responsivo */
@media (max-width: 1024px) {
  .acct-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}

@media (max-width: 600px) {
  .acct-grid {
    grid-template-columns: 1fr;
  }

  .acct-tile {
    padding: 12px
  }
}

/* Ícones padrão da seção Informações da Conta */
/* ====== Informações da Conta (ajustes de alinhamento + ícones laranja) ====== */
/* Tile com grade: ícone à esquerda, conteúdo à direita, tudo centralizado verticalmente */
#minhaContaInfo .acct-grid .acct-tile {
  display: grid;
  grid-template-columns: 52px 1fr;
  /* largura fixa para o ícone */
  column-gap: 12px;
  align-items: center;
  /* centraliza verticalmente ícone e texto */
  padding: 12px 14px;
}

/* Ícone: fundo sutil + borda e COR LARANJA no conteúdo */
#minhaContaInfo .acct-ico {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(236, 111, 0, .12);
  border: 1px solid rgba(236, 111, 0, .45);
  box-shadow: inset 0 0 0 4px rgba(236, 111, 0, .06);
}

/* Font Awesome em laranja */
#minhaContaInfo .acct-ico i {
  color: #ec6f00;
  font-size: 20px;
  line-height: 1;
}

/* PNG/SVG em laranja (aproxima a cor com filter) */
#minhaContaInfo .acct-ico img {
  width: 24px;
  height: 24px;
  display: block;
  /* filtro que puxa para #ec6f00; ajuste se seu ícone original não for neutro */
  filter: invert(52%) sepia(87%) saturate(1673%) hue-rotate(2deg) brightness(99%) contrast(96%);
}

/* Bloco de texto: rótulo centralizado, valor à esquerda */
/* Centralizar o valor com o rótulo */
#minhaContaInfo .acct-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* centraliza verticalmente */
  align-items: center;
  /* centraliza horizontalmente */
  text-align: center;
}

#minhaContaInfo .acct-text .k {
  color: #9aa3b2;
  font-size: .9rem;
  font-weight: 700;
  margin-bottom: 4px;
}

#minhaContaInfo .acct-text .v {
  color: #e8edf2;
  font-weight: 800;
  font-size: .98rem;
  line-height: 1.4;
}

/* Destaque auxiliar (ex.: “por 999918 Dias”) */
#minhaContaInfo .acct-text .v .sub {
  color: #ffd6b5;
  font-weight: 800;
  margin-left: 6px;
}

/* Opcional: realce no hover do tile */
#minhaContaInfo .acct-grid .acct-tile:hover {
  box-shadow: 0 12px 26px rgba(236, 111, 0, .20);
  border-color: rgba(236, 111, 0, .45);
}

:root {
  --brand: #ec6f00;
  --brand-2: #ff8a33;
  --text: #e8edf2;
  --muted: #a7b0bf;
}

/* CARD DOWNLOAD */
/* card */
.cbf-download.codbuff-center-card {
  position: relative;
  overflow: hidden;
  /* mantém o brilho dentro do card */
  background-color: #151823;
  /* sua base escura */
  border-radius: 16px;
  /* garante o recorte do radial */
}

/* conteúdo acima do radial */
.cbf-download.codbuff-center-card>* {
  position: relative;
  z-index: 1;
}

.cbf-download.codbuff-center-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background:
    radial-gradient(420px 280px at 50% 40px,
      /* Y de -80px → 40px para descer o brilho */
      rgba(236, 111, 0, .18),
      rgba(236, 111, 0, 0) 65%);
  pointer-events: none;
  z-index: 0;
}

/* Versão para telas maiores */
@media (min-width: 992px) {
  .cbf-download.codbuff-center-card::before {
    background:
      radial-gradient(900px 500px at 50% 60px,
        /* brilho ainda mais baixo */
        rgba(236, 111, 0, .16),
        rgba(236, 111, 0, 0) 60%);
  }
}

.cbf-d-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px
}

.cbf-d-title {
  color: var(--text);
  font-size: 22px;
  font-weight: 900
}

.cbf-d-sub {
  color: var(--muted);
  margin: 6px 0 16px;
  line-height: 1.45
}

.cbf-d-meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px
}

.cbf-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid #263049;
  color: #cfd6e4;
  font-weight: 700;
  font-size: .84rem;
}

.cbf-d-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap
}

.cbf-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 800;
  letter-spacing: .2px;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, .08);
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  color: #fff;
  box-shadow: 0 10px 24px rgba(236, 111, 0, .35);
  transition: transform .08s ease, box-shadow .25s ease;
}

.cbf-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(236, 111, 0, .45)
}

.cbf-btn--ghost {
  background: transparent;
  color: #e8edf2;
  border: 1px solid #2a3347;
  box-shadow: none;
}

.cbf-safe {
  margin-top: 12px;
  font-size: .85rem;
  color: #9fb0c9
}

/* Responsivo */
@media (max-width:640px) {
  .cbf-d-title {
    font-size: 20px
  }

  .cbf-d-actions {
    justify-content: center
  }

  .cbf-d-sub {
    text-align: center
  }
}

:root {
  --brand: #ec6f00;
  --brand2: #ff8a33;
  --bg: #151823;
  --text: #e8edf2;
  --muted: #9aa3b2;
}

/* ====== CARD SEGURANÇA ====== */
#seguranca.codbuff-center-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background-color: var(--bg);
  border: 1px solid #22293a;
  padding: 22px;
}

#seguranca.codbuff-center-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(780px 420px at 50% 50px, rgba(236, 111, 0, .14), transparent 60%);
}

#seguranca.codbuff-center-card>* {
  position: relative;
  z-index: 1
}

/* Título */
.cbf-sec-head {
  text-align: center;
  margin-bottom: 14px
}

.cbf-sec-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(236, 111, 0, .10);
  border: 1px solid rgba(236, 111, 0, .35);
  color: #ffd6b5;
  font-weight: 800;
  font-size: .82rem;
  letter-spacing: .03em;
}

.cbf-sec-title {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  margin: 8px 0 0
}

/* Form */
.cbf-form {
  display: grid;
  gap: 12px;
  max-width: 520px;
  margin: 14px auto 0
}

.cbf-field {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #1a2030;
  border: 1px solid #2a3347;
  border-radius: 12px;
  padding: 12px 14px;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.cbf-field i {
  color: #c9d5ea;
  opacity: .85
}

.cbf-field input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text);
  font-size: .98rem;
}

.cbf-field:focus-within {
  border-color: rgba(236, 111, 0, .55);
  box-shadow: 0 0 0 4px rgba(236, 111, 0, .12);
}

/* Ações */
.cbf-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 6px
}

.cbf-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 800;
  letter-spacing: .2px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, .08);
  transition: transform .08s ease, box-shadow .25s ease, background .25s ease;
}

.cbf-btn--primary {
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  color: #fff;
  box-shadow: 0 10px 24px rgba(236, 111, 0, .35);
}

.cbf-btn--secondary {
  background: #1b2233;
  color: #e8edf2;
  border: 1px solid #2a3347;
}

.cbf-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(236, 111, 0, .45)
}

/* Mobile */
@media (max-width:560px) {
  .cbf-sec-title {
    font-size: 20px
  }

  .cbf-actions {
    flex-direction: column
  }

  .cbf-actions .cbf-btn {
    width: 100%;
    justify-content: center
  }
}

.custom-file-upload {
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  background-color: #ff6000;
  color: #000;
  border: 2px solid #ff6000;
  border-radius: 8px;
  font-weight: bold;
  margin-bottom: 15px;
  transition: background 0.3s;
}

.custom-file-upload:hover {
  background-color: #85d861;
}

.custom-file-upload input[type="file"] {
  display: none;
}

.codbuff-affiliates-container {
  display: none;
  /* por padrão escondido */
}

.codbuff-affiliates-container.show {
  display: block;
}

.codbuff-center-card2 {
  border-radius: 6px;
  padding: 5px 5px;
  max-width: 60%;
  margin: 150px auto;
  text-align: center;
  color: #eee;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
}

.codbuff-center-card.show {
  display: block;
}

/* Tablets e telas médias */
@media (max-width: 768px) {
  .codbuff-center-card {
    max-width: 92%;
    padding: 28px 22px;
    margin: 28px auto;
    border-radius: 10px;
  }

  .codbuff-center-card h3 {
    font-size: 22px;
  }

  .codbuff-center-card p {
    font-size: 14.5px;
  }
}

/* Smartphones */
@media (max-width: 480px) {
  .codbuff-center-card {
    max-width: 94%;
    padding: 20px 16px;
    margin: 18px auto;
    border-width: 1px;
    /* borda mais fina no mobile */
    border-radius: 10px;
  }

  .codbuff-center-card h3 {
    font-size: 20px;
  }

  .codbuff-center-card p {
    font-size: 14px;
  }

  .codbuff-center-card .button_CB,
  .codbuff-center-card button,
  .codbuff-center-card a.button_CB {
    width: 100%;
    /* CTA ocupa a largura toda */
    display: inline-flex;
    justify-content: center;
    padding: 12px 16px;
    font-size: 14px;
    border-radius: 10px;
  }
}

/* Telas muito pequenas (ex.: 360px) */
@media (max-width: 360px) {
  .codbuff-center-card {
    padding: 16px 12px;
    margin: 14px auto;
  }

  .codbuff-center-card h3 {
    font-size: 18px;
  }
}

.codbuff-center-card.show {
  display: block;
}

.codbuff-center-card h3 {
  font-size: 22px;
  color: #ff6000;
  margin-bottom: 20px;
}

.codbuff-center-card p {
  font-size: 15px;
  margin-bottom: 20px;
}

.input-group-codbuff {
  display: flex;
  align-items: center;
  background: #000;
  padding: 10px 15px;
  border-radius: 6px;
  margin-bottom: 15px;
}

.input-group-codbuff i {
  color: #ff6000;
  margin-right: 10px;
}

.input-group-codbuff input {
  background: none;
  border: none;
  outline: none;
  color: #fff;
  flex: 1;
  font-size: 15px;
  min-width: 300px;
  /* NOVO */
}

.codbuff-center-card button {
  background: #ff6000;
  color: #000;
  border: none;
  padding: 12px 30px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 700;
  transition: 0.3s;
}

.codbuff-center-card button:hover {
  background: #e65500;
}

.btn-group-codbuff {
  display: flex;
  justify-content: center;
  gap: 15px;
}

@media (max-width: 600px) {
  .codbuff-center-card {
    padding: 30px 20px;
    margin: 30px auto;
    max-width: 90%;
  }
}

.license-keys {
  list-style: none;
  padding: 0;
  margin-top: 12px;
  width: 100%;
}

.key-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1b1b2f;
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 10px;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  box-shadow: 0 0 10px rgba(255, 96, 0, 0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.key-item:hover {
  transform: scale(1.01);
  box-shadow: 0 0 15px rgba(255, 96, 0, 0.25);
}

.key-text {
  flex-grow: 1;
  text-align: left;
  font-weight: 600;
  word-break: break-word;
  color: #ffffff;
}

.copy-btn {
  background: #ff6000;
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
  transition: background 0.3s ease, transform 0.2s ease;
  margin-left: 16px;
}

.copy-btn:hover {
  background: #d94d00;
  transform: scale(1.05);
}