.btn-action-1 {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)), #FF046E !important;
  border: 1px solid black !important;
  font-weight: bold !important;
  color: white !important;
  transition: background-color 0.3s ease;
  box-shadow: 0 0 0 2px #767676 !important;
}

.btn-action-1:hover {
  background: #e60361 !important;
  color: white !important;
}

.btn-action-1:active {
  background: #cc025a !important;
}

/* Botão de Ação Tipo 2 - Amarelo/Ouro */

.btn-action-2 {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)), #FFBE0B !important;
  border: 1px solid black !important;
  color: #000 !important;
  font-weight: bold !important;
  transition: background-color 0.3s ease;
  box-shadow: 0 0 0 2px #767676 !important;
}

.ranking-nav li a.active {
  color: #FFBE0B !important;
  background-color: transparent !important;
  text-decoration: underline;
}

.ranking-nav li a {
  color: #637cb7;
}

.ranking-nav li a:hover {
  color: #637cb7;
}

.btn-action-2:hover {
  background: #e6ac09 !important;
  color: #000 !important;
}

.btn-action-2:active {
  background: #ccaa08 !important;
}

/* Botão de Ação Tipo 3 - Cinza */

.btn-action-3 {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)), #d2d2d2 !important;
  border: 1px solid black !important;
  color: #000 !important;
  font-weight: bold !important;
  transition: background-color 0.3s ease;
  box-shadow: 0 0 0 2px #767676 !important;
}

.btn-action-3:hover {
  background: #d2d2d2 !important;
  color: #000 !important;
}

.btn-action-3:active {
  background: #808080 !important;
}

/* Collapse Estilo - História */

.collapse-history {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, transparent 999%), url("../../assets/img/bg-collapse.jpg") top / cover round, black !important;
  background-size: cover !important;
  background-position: top !important;
  color: #FFBE0B !important;
  font-size: 22px !important;
  font-weight: bold !important;
  border: 2px solid transparent !important;
  border-image: radial-gradient(circle, #66295C, #813D61, #692A5D, #27518E, #617888) 1 !important;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.collapse-history::after {
  content: '+';
  font-size: 24px;
  font-weight: bold;
  transition: all 0.3s ease;
  color: #eb0966;
}

.collapse-history[aria-expanded="true"]::after {
  content: '-';
}

.collapse-faq {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, transparent 999%), url("../../assets/img/bg-collapse.jpg") top / cover round, black !important;
  background-size: cover !important;
  background-position: top !important;
  color: #FFBE0B !important;
  font-size: 22px !important;
  font-weight: bold !important;
  border: 2px solid transparent !important;
  border-image: radial-gradient(circle, #66295C, #813D61, #692A5D, #27518E, #617888) 1 !important;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.collapse-faq::after {
  content: '+';
  font-size: 24px;
  font-weight: bold;
  transition: all 0.3s ease;
  color: #eb0966;
}

.collapse-faq[aria-expanded="true"]::after {
  content: '-';
}

.d1-border-2px {
  padding: 4px !important;
  border: solid 1px #a5a6a7;
}

.section-history {
  background-image: url("../../assets/img/bg-textura-cinza.jpg");
  background-color: #191919;
  position: relative;
}

/* Seção Porque */

.section-porque {
  background: url("../../assets/img/bg-textura-azul.jpg");
  background-color: #070a11;
  position: relative;
}

.section-ranking:before, .section-criadores:before, .section-galeria:before, .section-download:before, .section-final:before, .section-torneios:before, .section-history:before, .section-porque::before, .section-game-modes:before {
  content: '';
  position: absolute;
  top: -27px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 52px;
  background-image: url("../../assets/img/divider.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 1920px;
  z-index: 10;
  pointer-events: none;
}

/* Seção Torneios */

.section-torneios {
  /*background-image: url("../../assets/img/bg-torneios.jpg");*/
  /*background-position: 80%;*/
  /*background-size: cover;*/
  /*background-repeat: no-repeat;*/
  background-color: #000;
  position: relative;
}

/* Seção Rankings */

.section-ranking {
  background-image: url("../../assets/img/bg-textura-azul2.jpg");
  position: relative;
}

/* Seção Criadores */

.section-criadores {
  background-image: url("../../assets/img/bg-textura-cinza3.jpg");
  position: relative;
}

/* Seção Galeria */

.section-galeria {
  background-image: url("../../assets/img/bg-textura-cinza.jpg");
  position: relative;
}

/* Seção Modos de Jogo */

.section-game-modes {
  position: relative;
  background-image: url("../../assets/img/bg-textura-azul2.jpg");
}

.section-game-modes-title {
  color: #FFFFFF !important;
}

/* Cards de Modos de Jogo */

.card-game-mode {
  border: none !important;
  background: transparent !important;
}

.card-game-title {
  color: #FFBE0B !important;
  font-weight: bold;
}

.card-game-subtitle {
  color: #647CB7 !important;
  font-size: 14px !important;
}

.card-game-description {
  min-height: 217px;
  color: #D8D8D8 !important;
}

.card-game-image {
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  color: #FFBE0B !important;
  height: 350px;
  text-decoration: underline;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 1rem;
  border: 2px solid;
  border-image: conic-gradient(from 45deg, #66295C, #813D61, #692A5D, #27517E, #617887, #66295C) 1;
  margin: 0;
}

.card-game-image-pvm {
  background-image: url('../../assets/img/cardpvm.jpg');
}

.card-game-image-pvp {
  background-image: url('../../assets/img/cardpvp.jpg');
}

.card-game-image-gvg {
  background-image: url('../../assets/img/cardgvg.jpg');
}

/* Navbar - Texto e Ícone Branco */

.navbar-nav .nav-link {
  color: white !important;
}

.navbar-toggler {
  border-color: white;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler {
  /*margin-left: auto;*/
  margin-bottom: 10px;
}

.navbar {
  position: relative;
  z-index: 1000;
}

@media (min-width: 768px) {
  .navbar {
    position: absolute;
  }
}

.navbar-nav .nav-link, .dropdown-item {
  font-weight: bold !important;
  /*border: 1px solid black !important;*/
  /*transition: background-color 0.3s ease;*/
  /*box-shadow: 0 0 0 2px #767676 !important;*/
}

.navbar-nav .nav-link:hover, .dropdown-item:hover {
  color: white !important;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)), #FF046E;
  /*border: 1px solid black !important;*/
  font-weight: bold !important;
  transition: background-color 0.3s ease;
  box-shadow: 0 0 0 2px #767676 !important;
}

.navbar-nav .nav-link.show {
  color: white !important;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)), #FF046E;
  /*border: 1px solid black !important;*/
  font-weight: bold !important;
  transition: background-color 0.3s ease;
  box-shadow: 0 0 0 2px #767676 !important;
}

/* Remove focus ring */

.nav-link:focus, .nav-link:hover {
  outline: none !important;
  box-shadow: none !important;
}

/* Degrade sobre img-dl.jpg */

.img-dl-wrapper {
  position: relative;
}

.img-dl {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.img-dl-overlay {
  content: '';
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.7) 80%, #0e0f1a 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.card-criadores {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.17), rgba(0, 0, 0, 0.3)), #010101 !important;
  color: #fff !important;
  border: 3px solid transparent !important;
  border-image: radial-gradient(circle, #66295C, #813D61, #692A5D, #27518E, #617888) 1 !important;
  position: relative;
}

.card-criadores-estado-on {
  color: #FFBE0B !important;
  text-decoration: underline;
}

.card-criadores-estado-off {
  color: #637bb6 !important;
  text-decoration: underline;
}

.ranking-tab {
  color: #FFBE0B !important;
  border: 2px solid transparent !important;
  border-image: radial-gradient(circle, #66295C, #813D61, #692A5D, #27518E, #617888) 1 !important;
  position: relative;
  font-weight: bold;
  font-size: 24px;
}

.nav-link.active.ranking-tab {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, transparent 99%), url("../../assets/img/bg-collapse.jpg") top / cover , black !important;
  background-position: top !important;
}

@media (min-width: 768px) {
  .bg-section-porque {
    background-image: url("../../assets/img/bonecos2.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    max-width: 1400px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-position: right center;
  }
}

@media (min-width: 992px) {
  .bg-section-porque {
    background-image: url("../../assets/img/bonecos3.png");
  }
}

@media (min-width: 1294px) {
  .bg-section-porque {
    background-image: url("../../assets/img/bonecos1.png");
  }
}

.pr-z1 {
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .bg-section-historia {
    background-image: url("../../assets/img/bonecos4.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    max-width: 1400px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-position: right top;
    background-size: 360px;
  }
}

@media (min-width: 992px) {
  .bg-section-historia {
    background-size: 500px;
  }
}

@media (min-width: 1200px) {
  .bg-section-historia {
    background-size: 600px;
  }
}

@media (min-width: 576px) {
  .bg-section-torneios {
    background-image: url("../../assets/img/bg-torneios.jpg");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    max-width: 1400px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-position: -530px top;
    background-size: 1400px;
  }
}

@media (min-width: 650px) {
  .bg-section-torneios {
    background-position: -450px top;
  }
}

@media (min-width: 768px) {
  .bg-section-torneios {
    background-position: -400px top;
  }
}

@media (min-width: 992px) {
  .bg-section-torneios {
    background-position: -250px top;
  }
}

@media (min-width: 1200px) {
  .bg-section-torneios {
    background-position: -100px top;
  }
}

.bg-section-criadores {
  background-image: url("../../assets/img/logo-semi-t.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  max-width: 1400px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-position: 200px top;
  background-size: 300px;
  opacity: 0.4;
}

@media (min-width: 576px) {
  .bg-section-criadores {
    background-position: 300px top;
  }
}

@media (min-width: 768px) {
  .bg-section-criadores {
    background-position: 450px top;
  }
}

@media (min-width: 992px) {
  .bg-section-criadores {
    background-position: 650px top;
  }
}

@media (min-width: 1200px) {
  .bg-section-criadores {
    background-position: 850px top;
  }
}

.dropdown-menu {
  padding: 0;
}