/* Estilo Geral */
body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
 
}

.intro-section {
  background: linear-gradient(to right, #0047ab, #00bfff); /* Azul royal para azul celeste */
  background-blend-mode: screen; /* Realça o brilho no gradiente */
}

/* Estilo da imagem */
.intro-section .rounded-frame {
  width: 100%;
  max-width: 800px; /* Limita o tamanho máximo da imagem */
  border-radius: 50%;
  border: 5px solid #fff;
}

/* Texto */
.intro-section p {

  margin: 0;
  color: #fff; /* Contraste com o fundo */
  font-size: 2rem; /* Tamanho grande como título */
  font-family: 'Poppins', sans-serif; /* Fonte estilosa */
  font-weight: 700; /* Peso forte para destaque */
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Efeito de sombra no texto */
  text-align: justify; /* Alinha o texto à esquerda */
}

span {
  text-align: justify; /* Justifica o texto */
  color: #fff; /* Texto branco */
  font-family: 'Playfair Display', serif; /* Fonte elegante */
  font-size: 1.2rem; /* Tamanho ajustável */
  font-weight: 400; /* Peso regular */
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Sombra para destaque */
}


/* Estilo para os parágrafos (ABNT-style) */
.abnt-style {
  text-align: justify; /* Justifica o texto */
  font-family: 'Merriweather', serif; /* Fonte estilosa */
  font-size: 1.2rem; /* Aumenta o tamanho da fonte */
  line-height: 1.8; /* Espaçamento entre linhas para melhor legibilidade */
  color: #333; /* Cor do texto (pode ajustar conforme fundo) */
  margin-bottom: 1rem; /* Espaçamento entre os parágrafos */
}

/* Para garantir a acessibilidade ao navegar com teclado */
.abnt-style:focus {
  outline: 2px dashed #1e90ff; /* Destaque ao focar no parágrafo */
  outline-offset: 4px;
}

/* Cards */
.card {
  border: none;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.card:hover {
  transform: scale(1.05);
}


/* Estilo para o título com linhas decorativas */
.custom-title {
  color: #1e90ff; /* Azul brilhante (DodgerBlue) */
  font-family: 'Cormorant Garamond', serif; /* Fonte estilosa */
  font-size: 1.8rem; /* Reduzi um pouco o tamanho */
  font-weight: 500; /* Peso médio para uma aparência leve */
  text-align: center; /* Centraliza o texto */
  position: relative; /* Necessário para as linhas laterais */
  margin: 20px 0; /* Espaçamento superior e inferior */
}

/* Linhas decorativas laterais */
.custom-title::before,
.custom-title::after {
  content: ''; /* Elemento vazio para as linhas */
  display: block;
  width: 40px; /* Largura menor para as linhas */
  height: 2px; /* Espessura da linha */
  background-color: #1e90ff; /* Azul brilhante */
  position: absolute; /* Posicionamento relativo ao h2 */
  top: 50%; /* Centraliza verticalmente */
}

.custom-title::before {
  left: 0; /* Alinha à esquerda */
  transform: translateX(-120%); /* Move a linha para fora do texto */
}

.custom-title::after {
  right: 0; /* Alinha à direita */
  transform: translateX(120%); /* Move a linha para fora do texto */
}

/* Menu de Navegação - Moderno e Interativo */
.navbar {
  background-color: #005f73; /* Cor mais forte para o fundo */
  transition: background-color 0.3s ease; /* Animação suave para transição de cor */
   
}

/* Navbar */
.navbar-dark .navbar-brand,
.navbar-dark .nav-link {
  font-size: 0.9rem; /* Ajuste o valor conforme necessário, menor que o padrão */
  color: #ffffff; /* Cor do texto */
  font-family: 'Poppins', sans-serif; /* Fonte moderna */
  text-transform: uppercase; /* Texto em maiúsculas */
  font-weight: 600; /* Peso da fonte */
  letter-spacing: 0.5px; /* Espaçamento nas letras */
  transition: color 0.3s ease; /* Transição suave para hover */
}

.navbar-dark .nav-link:hover,
.navbar-dark .nav-link.active {
  color: #ffd166; /* Cor de destaque ao passar o mouse */
}


.navbar-dark .navbar-toggler-icon {
  background-color: #ffffff; /* Cor do ícone do menu */
}

.navbar-dark .navbar-toggler {
  border-color: #ffffff; /* Cor da borda do botão de toggle */
}

/* Efeito no hover da navbar */
.navbar:hover {
  background-color: #004d61; /* Cor mais escura no hover */
}

.nav-item {
  padding-left: 15px;
  padding-right: 15px;
}



/* Aumentando a largura do submenu */
.nav-item.dropdown .dropdown-menu {
  position: absolute;
  left: 75%;
  top: 10;
  margin-top: -1px;
}

/* Fazendo o submenu aparecer ao passar o mouse */
.nav-item.dropdown:hover > .dropdown-menu {
  display: block;
}


.nav-item.dropdown .dropdown-menu a:hover {
  background-color: #005f73; /* Efeito de hover no item do dropdown */
}

/* Estilos para a Seção de Serviços */
#servicos {
  background-color: #f8f9fa; /* Cor de fundo suave */
}

/* Card */
.card {
  border: none; /* Remove a borda padrão */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra leve */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-10px); /* Efeito de elevação ao passar o mouse */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Sombra mais forte */
}

/* Garantir que a imagem tenha o mesmo tamanho nos cards */
.card-img-top {
  height: 200px; /* Define uma altura fixa para a imagem */
  object-fit: cover; /* Garante que a imagem cubra o espaço sem distorcer */
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* Corpo do card */
.card-body {
  padding: 20px;
}

.card-title {
  font-size: 1.25rem; /* Aumenta o tamanho do título */
  font-weight: bold;
  color: #343a40; /* Cor escura para o título */
}

.card-text {
  color: #6c757d; /* Cor mais suave para o texto */
  font-size: 1rem;
}

/* Tamanho fixo e igual para todos os cards */
.card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.card-body {
  flex-grow: 1; /* Faz o conteúdo ocupar o espaço restante */
}

/* Seção Título */
h2 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #005f73; /* Cor de destaque */
}

/* Ajuste para a estrutura de grid */
.row {
  display: flex;
  flex-wrap: wrap;
}

.col-md-3 {
  flex: 0 0 25%; /* Garante que cada coluna ocupe 25% da largura */
  padding: 15px;
  display: flex;
  justify-content: center; /* Centraliza os cards */
}



/* Estilo para a seção de biblioteca */
#biblioteca-conteudo .card {
  border: none;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

#biblioteca-conteudo .card:hover {
  transform: scale(1.05);
}