/* =========================================================
   BOTÕES
   ========================================================= */

.btn,
button {
  display: inline-block;
  font-family: var(--font-secondary);
  font-size: var(--texto-sm);
  font-weight: var(--peso-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: var(--radius-base);
  padding: var(--space-xs) var(--space-md);
  cursor: pointer;
  border: 2px solid transparent;
  transition: var(--transition-base);
  text-decoration: none;
  box-shadow: var(--shadow-md2);
}


.btn,
button {
  background: linear-gradient(135deg, var(--color-primary-700) 0%, var(--color-primary-900) 100%);
  color: var(--surface-base);
}

.btn:hover,
button:hover {
  background: var(--color-primary-900);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}


.btn-secondary {
  background: transparent;
  color: var(--color-primary-900);
  border-color: var(--color-primary-900);
}

.btn-secondary:hover {
  background: var(--color-primary-900);
  color: var(--surface-base);
}


.btn-ajudar {
  background: var(--color-primary-900);
  color: var(--color-surface);
  border-color: var(--color-primary-900);
}

.btn-ajudar:hover {
  background: var(--color-primary-700);
  border-color: var(--color-primary-700);
}


.btn-full {
  display: block;
  width: 100%;
  text-align: center;
}

.btn {
  display: inline-block;
  padding: var(--space-sm) var(--space-lg);
  font-family: var(--font-secondary);
  font-weight: var(--peso-bold);
  font-size: var(--text-base);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition);
  cursor: pointer;
  border: none;
  background: var(--color-primary-700);
  color: var(--surface-base);
  text-align: center;
}

.btn:hover {
  background: var(--color-primary-900);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  color: var(--surface-base);
  text-align: center;
}

.btn--secondary {
  background: transparent;
  color: var(--color-primary-700);
  border: 2px solid var(--color-primary-700);
}

.btn--secondary:hover {
  background: var(--color-primary-700);
  color: var(--surface-base);
}


.btn-fiscal {
  display: inline-block;
  font-family: var(--font-secondary);
  font-weight: 700;
  background: var(--color-primary-700);
  color: var(--surface-base);
  border: none;
  border-radius: var(--radius-md);
  padding: var(--space-sm) var(--space-lg);
  cursor: pointer;
  transition: var(--transition);
  box-shadow: var(--shadow-sm);
  text-decoration: none;
  font-size: var(--text-base);
}

.btn-fiscal:hover {
  background: var(--color-primary-900);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  color: var(--surface-base);
}

.btn-fiscal-outline {
  background: transparent;
  border: 2px solid var(--color-primary-700);
  color: var(--color-primary-700);
}

.btn-fiscal-outline:hover {
  background: var(--color-primary-700);
  color: var(--surface-base);
}

.btn-fiscal-group {
  display: flex;
  gap: var(--space-md);
  justify-content: center;
  flex-wrap: wrap;
  margin-top: var(--space-lg);
}


.cta-fiscal {
  background: linear-gradient(135deg, var(--color-primary-700), var(--color-primary-900));
  color: var(--surface-base);
  padding: var(--space-2xl) var(--space-md);
  text-align: center;
}

.cta-fiscal h2,
.cta-fiscal p {
  color: var(--surface-base);
}

.cta-fiscal p {
  max-width: 800px;
  margin: 0 auto var(--space-lg);
}

/* Links */
a {
  color: var(--color-primary-700);
  text-decoration: none;
  transition: var(--transition);
}

a:hover {
  color: var(--color-primary-300);
}

.link-center {
  text-align: center;
}

.link-edital {
  color: #007BFF;
  /* Cor do link */
  text-decoration: underline;
  /* Sublinhado (use 'none' para remover) */
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.9;
  margin-bottom: 20px;
  color: var(--dark-color);
  font-family: var(--font-secondary);
  position: relative;
  font-weight: bold;
  padding: 5px;

}


.link-edital:hover {
  color: var(--color-primary-500);
  text-decoration: none;

  text-align: center;
  font-size: 1.25rem;
  line-height: 1.9;
  margin-bottom: 20px;
  font-family: var(--font-secondary);
  position: relative;
  font-weight: bold;
  padding: 5px;

}
