.bg-header h1 {
  font-size: 3rem; /* Tamanho da fonte do h1 no cabeçalho */
  /* Outros estilos que você deseja manter podem ser adicionados aqui */
}

.darken::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2); /* Escurecimento de 20% */
    z-index: 1;
}
.cardvideo {
            max-width: 300px; /* Adjust the max-width as needed */
            margin: 100px auto; /* This centers the card in the column */
            
        }
.darken-bg {
    position: relative;
}
body {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("FOTO.JPG"); /* Caminho para a imagem de fundo do corpo */
    background-size: cover; /* Certifique-se de que a imagem cubra todo o corpo */
    background-position: center;
    background-attachment: fixed; /* Opcional: faz com que a imagem de fundo não role com a página */
}
.bg-header {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("fundo.jpg"); /* Caminho para a imagem de fundo do cabeçalho */
    background-size: cover; /* Certifique-se de que a imagem cubra o cabeçalho */
    background-position: center;
}
.video-responsive {
    position: relative;
    padding-bottom: 177.77%; /* 9:16 Aspect Ratio */
    height: 0;
}
.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cardvideo-header {
    height: 80px; /* Altura fixa */
    background-image: url('fundo.jpg'); /* Fundo dos títulos dos cards */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    color: white; /* Cor do texto para contraste com o fundo */
}
.cardvideo-header h5 {
    margin: 0;
    line-height: 1.2;
    font-size: 1rem; /* Ajuste conforme necessário */
}
.header-container {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn-retorno {
    font-size: 1rem;
}
.divider {
    height: 2px;
    background-color: white;
}
        .seta{
    width: 30px;
    text-align: left;
    align-items: left;
    justify-content: left;
    margin-top: 10px;
    margin-left: 15px;
}



@media (max-width: 1180px) {
    .oi {
        width: 550px;
        height: 100px;
}
.card-body2 {
    height: 160px;
  }

@media (max-width: 600px) {
  section#card-container {
      grid-template-columns: 1fr; /* Uma única coluna */
      grid-template-rows: auto auto auto; /* Três linhas */
  }
  .oi {
      grid-column: 1; /* A terceira div ocupa a única coluna disponível */
      width: 300px;
  }
  .card1{
    justify-self:center;
  }
  .card2{
    justify-self: center;
  }
  .card-body2 {
    height: 240px;
  }
}
}

.pdf-link {
  color: #000; /* Cor do texto */
  font-weight: bold; /* Aplica o negrito */
  text-decoration: none;
  text-shadow: 1px 1px 1px yellow; /* Sombra amarela mais fina */
}

.transparent-card {
  background: rgba(255, 255, 255, 0); /* Fundo totalmente transparente */
  border: none;
  padding: 15px;
  text-align: center;
}

.roboto-font {
  font-family: 'Roboto', sans-serif;
  font-size: 2.5rem; /* Tamanho da fonte */
}

/* Reduz a margem superior dos cards abaixo do card único */
.cardvideo {
  margin-top: 20px; /* Ajuste este valor conforme necessário */
}


.pdf-link:hover {
  text-decoration: underline;
}

/* Reduz a margem superior dos cards abaixo do card único */
.cardvideo {
  margin-top: 20px; /* Ajuste este valor conforme necessário */
}


  /* Add padding to the card body */