@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Source Serif Pro Regular';
  src: url('/assets/fonts/source-serif-pro/SourceSerifPro-Regular.otf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Source Serif Pro Semi-bold';
  src: url('/assets/fonts/source-serif-pro/SourceSerifPro-Semibold.otf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: 'Source Serif Pro Bold';
  src: url('/assets/fonts/source-serif-pro/SourceSerifPro-Bold.otf') format('truetype');
  font-weight: 700;
}

:root {
  --font-source-pro-regular: 'Source Serif Pro Regular';
  --font-source-pro-semi-bold: 'Source Serif Pro Semi-bold';
  --font-source-pro-bold: 'Source Serif Pro Bold';
  --font-montserrat: 'Montserrat', sans-serif;
  --cor-swiper-active: #FFFFFF;

  /* tons de cinza */
  --ton-de-cinza-1: #212529;
  --ton-de-cinza-2: #343A40;
  --ton-de-cinza-3: #495057;
  --ton-de-cinza-4: #868E96;
  --ton-de-cinza-5: #ADB5BD;
  --ton-de-cinza-6: #CED4DA;
  --ton-de-cinza-7: #DEE2E6;
  --ton-de-cinza-8: #E9ECEF;
  --ton-de-cinza-9: #f8f9fa;

  /* tons de azul */
  --ton-de-azul-1: #03B2CF;
  --ton-de-azul-2: #0FC6E3;
  --ton-de-azul-3: #10D5F4;
  --ton-de-azul-4: #36DCF7;

  /* tons de marrom-amarelo */
  --ton-de-marrom-amarelo-1: #914B1D;
  --ton-de-marrom-amarelo-2: #BC8344;
  --ton-de-marrom-amarelo-3: #E9B864;
  --ton-de-marrom-amarelo-4: #FEEE7D;

  /* tons de azul - BATTLE PASS */
  --ton-de-battle-pass-basic-1: #1927A0;
  --ton-de-battle-pass-basic-2: #2832C4;
  --ton-de-battle-pass-basic-3: #3B47FF;

  /* tons de vermelho - BATTLE PASS */
  --ton-de-battle-pass-ultimate-1: #5A0C0D;
  --ton-de-battle-pass-ultimate-2: #6E1815;
  --ton-de-battle-pass-ultimate-3: #8F231F;

  --cinza-escuro-transparente: rgba(40, 40, 40, 0.60);
}

/* classes de tons de cinza */
.color-cinza-1 {
  color: var(--ton-de-cinza-1);
}

.bg-cinza-1 {
  background-color: var(--ton-de-cinza-1);
}

.color-cinza-2 {
  color: var(--ton-de-cinza-2);
}

.bg-cinza-2 {
  background-color: var(--ton-de-cinza-2);
}

.color-cinza-3 {
  color: var(--ton-de-cinza-3);
}

.bg-cinza-3 {
  background-color: var(--ton-de-cinza-3);
}

.color-cinza-4 {
  color: var(--ton-de-cinza-4);
}

.bg-cinza-4 {
  background-color: var(--ton-de-cinza-4);
}

.color-cinza-5 {
  color: var(--ton-de-cinza-5);
}

.bg-cinza-5 {
  background-color: var(--ton-de-cinza-5);
}

.color-cinza-6 {
  color: var(--ton-de-cinza-6);
}

.bg-cinza-6 {
  background-color: var(--ton-de-cinza-6);
}

.color-cinza-7 {
  color: var(--ton-de-cinza-7);
}

.bg-cinza-7 {
  background-color: var(--ton-de-cinza-7);
}

.color-cinza-8 {
  color: var(--ton-de-cinza-8);
}

.bg-cinza-8 {
  background-color: var(--ton-de-cinza-8);
}

.color-cinza-9 {
  color: var(--ton-de-cinza-9);
}

.bg-cinza-9 {
  background-color: var(--ton-de-cinza-9);
}

/* classes de tons de azul */
.color-azul-1 {
  color: var(--ton-de-azul-1);
}

.bg-azul-1 {
  background-color: var(--ton-de-azul-1);
}

.color-azul-2 {
  color: var(--ton-de-azul-2);
}

.bg-azul-2 {
  background-color: var(--ton-de-azul-2);
}

.color-azul-3 {
  color: var(--ton-de-azul-3);
}

.bg-azul-3 {
  background-color: var(--ton-de-azul-3);
}

.color-azul-4 {
  color: var(--ton-de-azul-4);
}

.bg-azul-4 {
  background-color: var(--ton-de-azul-4);
}

/* classes de Tons de Marrom-Amarelo */
.color-marrom-amarelo-1 {
  color: var(--ton-de-marrom-amarelo-1);
}

.bg-marrom-amarelo-1 {
  background-color: var(--ton-de-marrom-amarelo-1);
}

.color-marrom-amarelo-2 {
  color: var(--ton-de-marrom-amarelo-2);
}

.bg-marrom-amarelo-2 {
  background-color: var(--ton-de-marrom-amarelo-2);
}

.color-marrom-amarelo-3 {
  color: var(--ton-de-marrom-amarelo-3);
}

.bg-marrom-amarelo-3 {
  background-color: var(--ton-de-marrom-amarelo-3);
}

.color-marrom-amarelo-4 {
  color: var(--ton-de-marrom-amarelo-4);
}

.bg-marrom-amarelo-4 {
  background-color: var(--ton-de-marrom-amarelo-4);
}

/* classes de Tons de Azul - Battle Pass */
.color-battle-pass-basic-1 {
  color: var(--ton-de-battle-pass-basic-1);
}

.bg-battle-pass-basic-1 {
  background-color: var(--ton-de-battle-pass-basic-1);
}

.color-battle-pass-basic-2 {
  color: var(--ton-de-battle-pass-basic-2);
}

.bg-battle-pass-basic-2 {
  background-color: var(--ton-de-battle-pass-basic-2);
}

.color-battle-pass-basic-3 {
  color: var(--ton-de-battle-pass-basic-3);
}

.bg-battle-pass-basic-3 {
  background-color: var(--ton-de-battle-pass-basic-3);
}

/* classes de Tons de Vermelho - Battle Pass */
.color-battle-pass-ultimate-1 {
  color: var(--ton-de-battle-pass-ultimate-1);
}

.bg-battle-pass-ultimate-1 {
  background-color: var(--ton-de-battle-pass-ultimate-1);
}

.color-battle-pass-ultimate-2 {
  color: var(--ton-de-battle-pass-ultimate-2);
}

.bg-battle-pass-ultimate-2 {
  background-color: var(--ton-de-battle-pass-ultimate-2);
}

.color-battle-pass-ultimate-3 {
  color: var(--ton-de-battle-pass-ultimate-3);
}

.bg-battle-pass-ultimate-3 {
  background-color: var(--ton-de-battle-pass-ultimate-3);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-montserrat);
  font-weight: bold !important;
}

a, button {
  font-family: var(--font-montserrat);
  font-weight: bold;
}

p,
span {
  font-family: 'Montserrat', sans-serif;
}

.fw-regular {
  font-weight: 400;
}

.fw-semi-bold {
  font-weight: 600;
}

.fw-bold {
  font-weight: 700;
}

.fs-i {
  font-style: italic;
}

.pt-6 {
  padding-top: 3.5rem;
}

.pt-7 {
  padding-top: 4rem;
}

.pt-8 {
  padding-top: 4.5rem;
}

.pt-9 {
  padding-top: 5rem;
}

.pt-10 {
  padding-top: 5.5rem;
}

.pt-11 {
  padding-top: 6rem;
}

.pt-12 {
  padding-top: 6.5rem;
}