/* Arquivo CSS customizado para personalizações adicionais */
/* Você pode adicionar suas customizações aqui */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: all .7s ease;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.30);
  font-size: 13px;
}

/* Exemplo de customizações que podem ser úteis */
.custom-text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.custom-hover-effect:hover {
  transform: translateY(-2px);
  transition: transform 0.3s ease;
}

/* Customizações para botões específicos */
.custom-button-glow:hover {
  box-shadow: 0 0 15px rgba(139, 30, 63, 0.5);
  transition: box-shadow 0.3s ease;
}

/* Customizações para animações */
.custom-fade-in {
  opacity: 0;
  animation: customFadeIn 0.8s ease-in-out forwards;
}

@keyframes customFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Espaço para suas customizações pessoais */
/* Adicione seus estilos abaixo desta linha */

#go-to-top svg {
  position: relative;
  left: 1px !important;
  bottom: 1px !important;
}

header {
  background-color: rgba(255,255,255, 0.8) !important;
  backdrop-filter: blur(5px);
}

.mobile {
  background-color: rgba(255,255,255, 0.8) !important;
  backdrop-filter: blur(5px);
  border-radius: 0 0 5px 5px;
  margin-top: 19.991px;
}

.auto-wrap {
  text-wrap: auto !important;
}

.citation {
  background-color: #fff !important;
  color: #000 !important;
  text-align: left !important;
  width: 300px;
}

.imgCard {
  height: 48.9vh !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

@media (max-width: 768px) {
  .imgCard {
    height: 23.9vh !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}
}