/* Placeholder images for team members */
.member-img img {
  background-color: #f5f5f5;
  object-fit: cover;
  min-height: 250px;
}

.member-img img[src*="team-"] {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><rect width="200" height="200" fill="%23f5f5f5"/><text x="50%" y="50%" font-family="Arial" font-size="14" text-anchor="middle" fill="%239e9e9e">Imagem do Membro</text></svg>');
  background-position: center;
  background-repeat: no-repeat;
}

/* Fix for partner logos */
.partner-logo img {
  background-color: #f5f5f5;
  min-height: 80px;
  min-width: 150px;
}

.partner-logo img[src*="logo-"] {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="150" height="80" viewBox="0 0 150 80"><rect width="150" height="80" fill="%23f5f5f5"/><text x="50%" y="50%" font-family="Arial" font-size="12" text-anchor="middle" fill="%239e9e9e">Logo do Parceiro</text></svg>');
  background-position: center;
  background-repeat: no-repeat;
}

/* Ensure all sections are visible */
#rotas, #equipe, #parceiros, #materiais {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Fix for material cards */
.material-card {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Fix for animation issues */
.animate-on-scroll {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Improve mobile navigation */
@media (max-width: 768px) {
  nav ul.active {
    display: flex !important;
    max-height: 500px !important;
  }
}