/* Background e layout geral */
body {
  background-image: url("../vendor/img/p5.webp");
  background-repeat: repeat;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Footer fixo na parte inferior */
.footer {
  background-image: url("../vendor/img/slide_01.webp");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 20px 0;
  text-align: center;
}

/*CADASTRO DO CONSULTOR*/

/* Container dos cards de upload */
.card-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}

.card-upload {
  width: 180px;
  height: 220px;
  border: 2px dashed #ccc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #333;
  transition: border-color 0.3s ease;
}

.card-upload:hover {
  border-color: #6f42c1;
}

.uploaded {
  border-color: green !important;
  color: green !important;
}

/* CADASTRO DE DOCUMENTOS*/

.navbar-dark {
  padding: 1rem;
}

.card-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}

.card-upload {
  width: 180px;
  height: 220px;
  border: 2px dashed #6c757d;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #6c757d;
  cursor: pointer;
  transition: border-color 0.3s, color 0.3s;
}

.card-upload:hover {
  border-color: #6f42c1;
  color: #6f42c1;
}

.card-upload.uploaded {
  border-color: #28a745;
  color: #28a745;
}