/*******
h1 
********/

.hero h1 span {
  text-align: left;
}


/************
h2 
**********/

h2.home-headerH2 {
  margin-bottom: 30px;
}

h2.home-headerH2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: var(--light-purple-2);
  margin: 5px 0;
}

h2.home-headerH2 .icon-aposta {
  color: var(--light-grey-2);
}

/******
btn secondary
******/

.btn-secondary-home {
  margin: 40px auto;
  font-size: 20px;
}

.btn-secondary-home:hover {
  color: #fff;
}

.btn-secondary-home .vcex-button-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/*bg desktop/mobile only home*/

.hero {
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
  background-image: url(../img/home/bg-general-sd.webp);
}

#artigos {
  background: linear-gradient(0deg, #171a1ca3 30%, #171a1c 95%),
    url(../img/bg-pages/bg-blog-sd.jpg);
}

@media screen and (min-width: 782px) {
  .hero {
    background-image: url(../img/home/bg-general.webp);
  }

  #artigos {
    background: linear-gradient(0deg, #171a1ca3 30%, #171a1c 95%),
      url(../img/bg-pages/bg-blog.jpg);
  }
}

/* menu y header home */
header {
  min-height: 70px;
}




.gm-navbar:not(.gm-navbar-sticky-toggle) .gm-inner-bg,
.gm-padding {
  background: rgba(23, 26, 28, 0.4) !important;
}

/* section hero home */
.hero-content {
  padding-top: 140px;
  padding-bottom: 60px;
  background: linear-gradient(180deg, #171a1c5c 0%, #171a1c 95%);
}

@media screen and (min-width: 782px) {
  .hero-content {
    padding-top: 230px;
    padding-bottom: 100px;
  }
}

/* section blog home */

.columnistas-home {
  background: var(--dark-green);
  border-radius: var(--border-radius-aposta);
  padding: 20px;
  margin-bottom: 34px;
}

/* section casino home */

#casino {
  background: linear-gradient(180deg,
      var(--dark-purple) 50%,
      var(--light-purple-3) 120%);
}

/* section faq home */

.faq-home .vcex-toggle-group {
  border-bottom: 1px solid var(--light-purple-2);
  border-radius: 5px;
  margin-top: 40px;
}

.faq-home .vcex-toggle-group .vcex-toggle:first-child {
  border-top: none;
}

.faq-home .vcex-toggle-group .vcex-toggle:last-child {
  border-bottom: none;
}

.faq-home .vcex-toggle-group .vcex-toggle {
  display: flex;
  width: 100%;
  padding: 0 15px;
  flex-direction: column;
  border-bottom: 1px solid var(--light-purple-2);
  background: var(--dark-50);
}

.faq-home .vcex-toggle-group :where(a, h3) {
  font-size: 20px;
  font-weight: 500;
  color: var(--text-color);
  margin: 0;
  padding: 0;
}

.faq-home .vcex-toggle__heading {
  padding: 15px;
}

.faq-home .vcex-toggle-group h3 {
  width: 100%;
  display: flex;
  gap: 20px;
}

.faq-home .vcex-toggle__heading :where(.vcex-toggle__icon-close, .vcex-toggle__icon-open) svg {
  fill: var(--light-purple-2);
}

.faq-home .vcex-toggle__content {
  padding: 15px;
  margin: 0;
}

.faq-home .vcex-toggle-group>.vcex-toggle--active {
  background: var(--dark-1);
}

.faq-home .vcex-toggle-group>.vcex-toggle--active .vcex-toggle__heading {
  border-bottom: 1px solid var(--dark-green);
}