/* Custom Styles */
body {
  font-family: "Spartan", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Audiowide", sans-serif;
}

.w3-bar {
  letter-spacing: 4px;
  background-color: #ec730b; /* Cor primária */
}

.w3-hover-opacity-off:hover {
  opacity: 1 !important;
}

.w3-button {
  margin: 10px 0;
  background-color: #ec730b; /* Cor primária */
  color: #ffffff;
}

.w3-button:hover {
  background-color: #078f07; /* Cor complementar */
  color: #ffffff;
}

/* Header Image Overlay */
.header-overlay {
  position: relative;
}

.header-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Escurecer a imagem com um overlay */
}

/* Fixed Navbar */
.fixed-top {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

/* Section Backgrounds */
.w3-light-grey {
  background-color: #f1f1f1 !important;
}
#home{
    background-color: #8f0707; /* Cor primária */
    height: 450px;
}
.w3-black {
  background-color: #8f0707 !important; /* Cor primária */
}

/* Custom Card Styles */
.w3-card {
  background-color: #ffffff;
  border: 1px solid #8f0707; /* Cor primária */
}

.w3-card img {
  border-bottom: 1px solid #ec730b; /* Cor primária */
}

/* Footer */
footer {
  background-color: #8f0707; /* Cor primária */
  color: #ffffff;
}

.w3-xlarge i {
  margin: 0 10px;
}

.w3-xlarge i:hover {
  color: #0be7ef; /* Cor complementar */
}