#documentos-section {
  padding: 4em 2em;
  min-height: calc(100vh - 200px);
  background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
}

.container-documentos {
  max-width: 1100px;
  margin: 0 auto;
}

.titulo-principal {
  font-size: 2.5em;
  color: var(--cor-destaque);
  margin-bottom: 1.5em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}

.titulo-principal i {
  font-size: 0.9em;
}

.intro-texto {
  background-color: white;
  padding: 2em;
  border-radius: var(--radius);
  box-shadow: var(--sombra-embaixo);
  margin-bottom: 3em;
  border-left: 4px solid var(--cor-destaque);
}

.intro-texto p {
  font-size: 1.1em;
  line-height: 1.8;
  color: var(--cinza-escuro);
  margin: 0;
}

.documentos-categoria {
  background-color: white;
  border-radius: var(--radius);
  box-shadow: var(--sombra-embaixo);
  padding: 2.5em;
  margin-bottom: 2em;
  border-left: 4px solid var(--cor-destaque);
  transition: all 0.3s ease;
}

.documentos-categoria:hover {
  box-shadow: var(--sombra-box);
  transform: translateY(-2px);
}

.categoria-header {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 2px solid var(--cinza-claro);
}

.categoria-header i {
  font-size: 2em;
  color: var(--cor-destaque);
}

.categoria-header h2 {
  font-size: 1.8em;
  color: var(--preto);
  margin: 0;
}

.lista-documentos {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.lista-documentos li {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  padding: 0.75em;
  background-color: #f9fafb;
  border-radius: var(--radius-sm);
  transition: all 0.3s ease;
}

.lista-documentos li:hover {
  background-color: #f3f4f6;
  transform: translateX(5px);
}

.lista-documentos li i {
  color: var(--cor-destaque);
  font-size: 1.2em;
  flex-shrink: 0;
  margin-top: 0.1em;
}

.lista-documentos li span {
  font-size: 1.05em;
  line-height: 1.7;
  color: var(--cinza-escuro);
}

.lista-documentos li strong {
  color: var(--cor-destaque);
  font-weight: 700;
}

.observacao {
  margin-top: 1.5em;
  padding: 1.5em;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 2px solid var(--cor-destaque);
  border-radius: var(--radius);
  display: flex;
  gap: 1em;
  align-items: flex-start;
}

.observacao i {
  font-size: 1.5em;
  color: var(--cor-destaque);
  flex-shrink: 0;
  margin-top: 0.2em;
}

.observacao p {
  margin: 0;
  font-size: 1.05em;
  line-height: 1.8;
  color: var(--preto);
}

.observacao strong {
  color: var(--cor-destaque);
}

.documentos-categoria.renda {
  border-left-color: #3b82f6;
}

.documentos-categoria.renda .categoria-header {
  border-bottom-color: #e5e7eb;
}

.documentos-categoria.renda .categoria-header i {
  color: #3b82f6;
}

.subcategoria {
  margin-bottom: 2em;
  padding: 1.5em;
  background-color: #f9fafb;
  border-radius: var(--radius);
  border-left: 3px solid #3b82f6;
}

.subcategoria:last-child {
  margin-bottom: 0;
}

.subcategoria h3 {
  font-size: 1.3em;
  color: var(--preto);
  margin: 0 0 1em 0;
  display: flex;
  align-items: center;
  gap: 0.75em;
}

.subcategoria h3 i {
  color: #3b82f6;
  font-size: 1.1em;
}

.subcategoria .lista-documentos {
  gap: 0.75em;
}

.subcategoria .lista-documentos li {
  background-color: white;
  padding: 1em;
}

.aviso-importante {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 2px solid var(--cor-destaque);
  border-radius: var(--radius);
  padding: 2em;
  display: flex;
  gap: 1em;
  align-items: flex-start;
  margin-top: 3em;
}

.aviso-importante i {
  font-size: 2em;
  color: var(--cor-destaque);
  flex-shrink: 0;
  margin-top: 0.2em;
}

.aviso-importante p {
  margin: 0;
  font-size: 1.05em;
  line-height: 1.8;
  color: var(--preto);
}

.aviso-importante strong {
  color: var(--cor-destaque);
}

@media (max-width: 768px) {
  #documentos-section {
    padding: 2em 1em;
  }

  .titulo-principal {
    font-size: 2em;
    flex-direction: column;
    gap: 0.3em;
  }

  .intro-texto {
    padding: 1.5em;
  }

  .documentos-categoria {
    padding: 1.5em;
  }

  .categoria-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5em;
  }

  .categoria-header h2 {
    font-size: 1.5em;
  }

  .subcategoria {
    padding: 1em;
  }

  .subcategoria h3 {
    font-size: 1.1em;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5em;
  }

  .lista-documentos li {
    flex-direction: column;
    gap: 0.5em;
  }

  .observacao,
  .aviso-importante {
    flex-direction: column;
    padding: 1.5em;
  }

  .observacao i,
  .aviso-importante i {
    align-self: center;
  }
}