/* ------------------------------------------------------------------- */
/* 1. ESTILIZAÇÃO DO CONTAINER PRINCIPAL DO BANNER (#banner-servico) */
/* ------------------------------------------------------------------- */

#banner-servico {
  /* Aumentando a altura para preencher mais a tela, como no seu banner principal */
  min-height: 100vh; /* 75% da altura da Viewport (tela) */

  /* Configuração do BACKGROUND com OVERLAY */
  background-image: linear-gradient(rgba(1, 10, 30, 0.7), rgba(1, 10, 30, 0.7)),
    url("../img/bg-propriedade-intelectual.jpeg");

  /* background-size: cover; é o padrão, garante qualidade e preenchimento */
  background-size: cover;
  background-position: center center;
  color: white; /* Define a cor do texto para branco */

  /* LAYOUT: Posiciona o texto à esquerda e verticalmente no centro */
  display: flex;
  align-items: center; /* Alinha o texto no centro vertical */
  justify-content: flex-start; /* **Alinha o texto à esquerda** */

  /* Adiciona um espaçamento horizontal interno */
  padding: 100px 5%;
}

/* ------------------------------------------------------------------- */
/* 2. ESTILIZAÇÃO DO BLOCO DE TEXTO (.container-texto) */
/* ------------------------------------------------------------------- */

#banner-servico .container-texto {
  /* Limita a largura do texto para que não se espalhe demais */
  max-width: 600px;
  /* Garante que o texto comece na esquerda */
  text-align: left;
}

#banner-servico h1 {
  /* Título principal (O maior) */
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 15px;

  /* RECURSO DE DESTAQUE: Borda Vermelha (como na Home ou similar) */
  border-left: 8px solid #d72828; /* Cor vermelha do seu logo */
  padding-left: 20px; /* Espaço entre a borda e o texto */
}

#banner-servico h2 {
  /* Subtítulo/Slogan */
  font-size: 1.8rem;
  font-weight: 300; /* Mais fino */
  margin-top: 0;
  margin-bottom: 20px;
}

#banner-servico p {
  /* Descrição */
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 30px;
}

/* O botão já deve estar estilizado pelo Bootstrap (.btn .btn-danger) */
