@tailwind base;
@tailwind components;
@tailwind utilities;

/* :root {
  --red-dark: #c5233a;
  --red: #e94752;
  --red-light: #ec6453;
  --yellow: #fad049;
} */

.alianza-400 {
  font-family: Alianza;
  font-weight: 400;
}

@font-face {
  font-family: Alianza;
  src: url("assets/fonts/Alianza Slab 400.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.alianza-700 {
  font-family:Alianza-Slab, sans-serif;
  font-weight: 700;
}

@font-face {
  font-family: Alianza-Slab, sans-serif;
  src: url("assets/fonts/Alianza Slab 700.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.font-baloo {
  font-family: "Baloo Bhai 2";
}

.image-container {
  overflow: hidden; /* Esconde qualquer conteúdo que saia do contêiner */
}

.flex img {
  max-width: 100%; /* Limita o tamanho máximo da imagem a 100% da largura do contêiner pai */
}

/* .bg-geometrico {
  background-image:
    linear-gradient(to right, var(--red-dark), var(--red-dark)),
    linear-gradient(to right, var(--red), var(--red)),
    linear-gradient(to right, var(--red-light), var(--red-light)),
    linear-gradient(to right, var(--yellow), var(--yellow));
  background-repeat: no-repeat;
  background-position: 0 0, 25% 0, 50% 0, 75% 0;
  background-size: 25% 100%, 25% 100%, 25% 100%, 25% 100%;
  height: 50px;
} */