/* Dark mode overrides */
body {
  background-color: #121212;
}

h1,
h2,
p {
  color: #f1f5f9;
}

.navbar {
  background-color: #1E1E1E;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}

.navbar .nav-link,
.navbar .navbar-brand,
.navbar .navbar-toggler {
  color: #f1f5f9;
}

.navbar .navbar-toggler {
  border-color: #f1f5f9;
}

.navbar .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='%23f1f5f9' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar .cta-ghost-black {
  background-color: #45AC5D;
  color: #ffffff;
  border: none;
}

.navbar .cta-ghost-black:hover {
  background-color: #32774B;
  color: #ffffff;
}

#como-funciona {
  background-color: #1E1E1E;
  padding-top: 40px;
  padding-bottom: 40px;
}

#como-funciona .box {
  background-color: #121212;
}

.produto {
  padding-top: 40px;
  padding-bottom: 40px;
}

.produto .card-produto {
  background-color: rgb(28, 28, 33);
}

.produto .card-produto .h3,
.produto .card-produto h3 {
  color: rgb(153, 177, 230);
}

.produto .card-produto .tag.purple,
.produto .card-produto .tag.blue {
  background-color: rgb(38, 38, 38);
  color: rgb(195, 153, 230);
}

#servidor {
  background-color: #1E1E1E;
}

#solucoes {
  padding: 40px 0;
}

#quem-somos {
  padding-bottom: 40px;
  background-color: rgb(31, 31, 31);
}

#solucoes .slider-produtos .item .card-produto {
  background-color: rgb(28, 28, 33);
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  border-radius: 10px;
  padding: 16px;
}

#solucoes .slider-produtos .item .card-produto .tag.purple {
  background-color: rgb(38, 38, 38);
  color: rgb(195, 153, 230);
}

#solucoes .slider-produtos .item .card-produto .tag.blue {
  background-color: rgb(38, 38, 38);
  color: rgb(195, 153, 230);
}

#topo .ctas .ver-video {
  color: rgb(153, 177, 230);
  font-size: 1.25rem;
  font-weight: 500;
  gap: 12px;
  text-decoration: none;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

#topo .ctas .ver-video svg {
  color: rgb(153, 177, 230);
}

#solucoes ul li {
  color: rgb(153, 177, 230);
}

#solucoes .slider-produtos .item .card-produto .h3,
#solucoes .slider-produtos .item .card-produto h3 {
  color: rgb(153, 177, 230);
}

#solucoes .cta-linha {
  color: rgb(153, 177, 230);
}

.produto .cta-linha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  color: rgb(153, 177, 230);
  font-size: 1.25rem;
  font-weight: 500;
  gap: 12px;
  text-decoration: none;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.cta-linha {
  color: #f1f5f9;
}

.cta-linha svg path {
  stroke: #f1f5f9;
  fill: #f1f5f9;
}