@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;700;900&display=swap');
@import url('https://cloud.divulga.sebraeam.com.br/Tranformar.home');
@import url('https://cloud.divulga.sebraeam.com.br/Faixa_transformar');
@import url('https://cloud.divulga.sebraeam.com.br/Evento_juntos');
@import url('https://cloud.divulga.sebraeam.com.br/programacao_juntos');
@import url('https://cloud.divulga.sebraeam.com.br/footer');

@font-face {
  font-family: 'Campuni';
  src: local('Campuni'), url('https://assets-global.website-files.com/63f8b4c7aa0a8a0d10c1d2ed/63f8b4c7aa0a8ae7e4c1d37c_Campuni-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

:root {
  --tj-bg: #181829;
  --tj-bg-gradient: linear-gradient(120deg, #1e1f35 0%, #2a2b58 60%, #1cd7b6 100%);
  --tj-main-blue: #1cd7b6;
  --tj-green: #00c995;
  --tj-purple: #954dff;
  --tj-pink: #ff94e6;
  --tj-title: #ffffff;
  --tj-subtitle: #3fffb0;
  --tj-detail: #954dff;
  --tj-btn: #954dff;
  --tj-btn-hover: #7e37e7;
}

/* RESET & BASE */
* {
  font-family: 'Figtree', 'Campuni', Arial, sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}
body {
  background: var(--tj-bg-gradient), #181829;
  color: var(--tj-title);
  min-height: 100vh;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* Section Titles */
.section-title {
  font-family: 'Campuni', 'Figtree', Arial, sans-serif;
  font-size: 2.35rem;
  font-weight: 900;
  margin-bottom: 14px;
  color: var(--tj-title);
  text-align: center;
  letter-spacing: -0.02em;
  text-shadow: 0 2px 18px #18182940;
}
.section-subtitle {
  font-family: 'Figtree', Arial, sans-serif;
  font-size: 1.28rem;
  font-weight: 700;
  color: var(--tj-subtitle);
  text-align: center;
  margin-bottom: 28px;
  letter-spacing: 0.01em;
}

/* Example usage for buttons or highlights */
.btn-default {
  background: linear-gradient(90deg, var(--tj-btn) 60%, var(--tj-green) 100%);
  color: #fff;
  font-family: 'Figtree', Arial, sans-serif;
  font-weight: 900;
  border: none;
  border-radius: 9px;
  padding: 16px 28px 12px 28px;
  font-size: 1.09rem;
  box-shadow: 0 2px 14px 0 #954dff1c;
  transition: filter 0.17s, box-shadow 0.17s;
  cursor: pointer;
  letter-spacing: 0.01em;
}
.btn-default:hover, .btn-default:focus {
  filter: brightness(1.09);
  box-shadow: 0 5px 28px 0 #3fffb04c;
  outline: none;
}

/* Detalhes extras para tags coloridas */
.tag-pink {
  background: var(--tj-pink);
  color: #181829;
  border-radius: 6px;
  font-size: 0.97rem;
  font-weight: 800;
  padding: 4px 12px;
  margin: 0 2px;
  letter-spacing: 0.08em;
  display: inline-block;
}

/* Responsivo */
@media (max-width: 700px) {
  .section-title {
    font-size: 1.45rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
  .btn-default {
    padding: 11px 14px 8px 14px;
    font-size: 0.97rem;
    border-radius: 7px;
  }
}