:root {
  --color-primary: #141640;
  --color-secondary: #8443de;
  --color-tertiary: #2c2f73;
  --color-accent: #8443de;
  --color-neutral: #d99771;
  --e-global-color-primary: var(--color-primary);
  --e-global-color-secondary: var(--color-secondary);
  --e-global-color-text: var(--color-tertiary);
  --e-global-color-accent: var(--color-accent);
}

.elementor-widget-icon-box.elementor-view-default .elementor-icon-2 {
  fill: var(--color-secondary) !important;
  color: var(--color-secondary) !important;
  border-color: var(--color-secondary) !important;
}

.color-primary {
  color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary);
}

.color-tertiary {
  color: var(--color-tertiary);
}

.color-accent {
  color: var(--color-accent);
}

.color-neutral {
  color: var(--color-neutral);
}

.bg-primary {
  background-color: var(--color-primary);
}

.bg-secondary {
  background-color: var(--color-secondary);
}

.bg-tertiary {
  background-color: var(--color-tertiary);
}

.bg-accent {
  background-color: var(--color-accent);
}

.bg-neutral {
  background-color: var(--color-neutral);
}

.hiperlead {
  cursor: pointer !important;
}

.logo-image {
  scale: 1.8;
  height: 100px !important;
  width: auto !important;
}
/* Slidder */
.swiper {
  width: 100%;
  padding: 40px 0; /* espaço vertical */
  overflow: visible; /* permite ver os itens fora da área do slider */
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.swiper-slide {
  width: 300px !important; /* largura fixa para cada slide */
}
/*
.swiper-slide-2 {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}*/

.swiper-slide-active {
  transform: scale(1.05);
}

.container-button {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 60px;
}

.page-title {
  text-align: center !important;
  margin-bottom: 40px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 40px !important;
}

@media (max-width: 768px) {
  .mobile-adjusts {
    justify-content: center !important;
    flex-direction: row !important;
  }

  .container-button {
    margin-bottom: 20px;
  }
}