:root {
  --cor-primaria: #292929; /* cinza escuro */
  --cor-secundaria: #cfcfcf; /* cinza claro */
  --cor-destaque: #4e944f; /* verde institucional sugerido */
  --cor-fundo: #848483; /* fundo claro */
  --cor-texto: #222;
}
body {
  background: var(--cor-fundo);
  color: var(--cor-texto);
  scroll-behavior: smooth;
}

section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.navbar, .bg-dark {
  background: var(--cor-primaria) !important;
}
.navbar .nav-link.active, .navbar .nav-link:focus, .navbar .nav-link:hover {
  color: var(--cor-destaque) !important;
}

footer {
  font-size: 0.95rem;
}

#carouselProjetos img {
  object-fit: cover;
  height: 400px;
}

@media (max-width: 767px) {
  #carouselProjetos img {
    height: 200px;
  }
}

/* Botão primário customizado para a paleta da FR&C */
.btn-primary {
  background-color: var(--cor-primaria);
  border-color: var(--cor-primaria);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--cor-destaque);
  border-color: var(--cor-destaque);
}

/* Deixa as setas do carrossel mais grossas e visíveis */
.carousel-control-prev-icon, .carousel-control-next-icon {
  background-image: none;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-control-prev-icon::after, .carousel-control-next-icon::after {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border: solid white;
  border-width: 0 0.4rem 0.4rem 0;
  padding: 0.3rem;
}
.carousel-control-prev-icon::after {
  transform: rotate(135deg);
  margin-left: 0.5rem;
}
.carousel-control-next-icon::after {
  transform: rotate(-45deg);
  margin-right: 0.5rem;
}

/* Texto do carrossel na lateral direita dentro da imagem */
#carouselProjetos .carousel-caption {
  right: 2rem;
  left: auto;
  bottom: 1.5rem;
  top: auto;
  text-align: right;
  background: rgba(0,0,0,0.35);
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  max-width: 60%;
}
@media (max-width: 767px) {
  #carouselProjetos .carousel-caption {
    right: 0.5rem;
    left: auto;
    bottom: 0.5rem;
    padding: 0.5rem 0.7rem;
    max-width: 90%;
    font-size: 0.95rem;
  }
}

/* Barra laranja dos diferenciais */
.diferencial-item {
  width: 70px;
  height: 9px;
  background: var(--cor-secundaria);
  border-radius: 5px;
  margin-bottom: 0.5rem;
}
#obras strong {
  color: var(--cor-primaria);
  font-size: 1.25rem;
  font-weight: 700;
  display: block;
  margin-bottom: 1.5rem;
}
#obras .row {
  row-gap: 2.5rem;
}
@media (max-width: 991px) {
  #obras strong {
    font-size: 1.1rem;
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 767px) {
  #obras .row {
    row-gap: 1.2rem;
  }
  #obras strong {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}