/* Reset e fonte global */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Sen', sans-serif;
  background-color: #000; /* fundo padrão do site */
  color: #fff; 
}

/* Seção Home com imagem de fundo */
.home-page {
  position: relative;
  width: 100%;
  min-height: 100vh; 
  overflow: hidden;
}

.home-page::before {
  content: "";
  position: absolute;
  inset: 0;
  /* "center 15%" para "subir" a imagem e exibir mais a parte de baixo */
  background: url("../assets/images/PalcoCViolao.jpeg")
              no-repeat center 15% / cover; 
  opacity: 0.3; /* Ajuste conforme quiser a visibilidade */
  z-index: 0;
}

.home-page > .container {
  position: relative;
  z-index: 1; /* Para que o texto apareça sobre a imagem */
}

/* Carousel: limitar altura e não cortar imagens (exibir completas) */
.carousel-item img {
  width: 100%;
  max-height: 500px; 
  object-fit: contain; 
}

/* Ajustes extras de cor no link da Navbar */
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  font-weight: 500;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #ddd;
}

/* Exemplo de botão "Contato" que já está com .btn-danger no HTML */
/* Ajustar hover se quiser customizar */
.navbar-dark .navbar-nav .btn-danger:hover {
  background-color: #b71c1c; /* tom de vermelho mais escuro */
  border-color: #b71c1c;
}

a.btn.btn-warning.btn-lg {
  background-color: red;
  color: white;
  border: none;
}