/* Estilo geral do Card */
.card {
  border: 2px solid #2c3e50; /* Cor e espessura do quadro */
  padding: 20px; /* Espaçamento interno para o conteúdo */
  border-radius: 10px; /* Bordas arredondadas */
  background-color: #ffffff; /* Cor de fundo */
  width: 300px; /* Largura do card */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra suave ao redor do card */
  margin: 20px auto; /* Centralizar e dar espaçamento ao redor */
}

/* Estilização do Título/Cabeçalho do Card (.card-titulo) */
.card-titulo {
  font-size: 24px; /* Fonte maior para o título */
  text-transform: uppercase; /* Caixa alta (maiúscula) */
  color: #2c3e50; /* Cor de texto diferente para o título */
  letter-spacing: 2px; /* Espaçamento entre letras mais largo */
  margin-bottom: 20px; /* Espaçamento inferior para separar do conteúdo */
}

/* Estilização do Bloco de Citação (.citacao) */
.citacao {
  font-family: 'Georgia', serif; /* Fonte serifada para o conteúdo */
  text-align: justify; /* Justificar o texto */
  text-indent: 30px; /* Indentação na primeira linha */
  line-height: 1.6; /* Maior espaçamento entre linhas para melhorar a leitura */
  margin-bottom: 20px; /* Espaçamento inferior para separar do autor */
}

/* Estilização do Nome do Autor (.autor) */
.autor {
  text-align: right; /* Alinhar à direita */
  font-style: italic; /* Deixar o texto em itálico */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* Sombras sutis para dar profundidade */
  color: #7f8c8d; /* Cor sutil para o nome do autor */
  font-size: 18px; /* Fonte um pouco menor que o título */
}

/* Estilização do Link (Opcional - para o site do autor) */
.autor a {
  text-decoration: none; /* Remover o sublinhado padrão do link */
  text-transform: capitalize; /* Transformar o texto para a primeira letra maiúscula */
  color: #2980b9; /* Cor para o link */
  transition: color 0.3s; /* Transição suave para a cor */
}

.autor a:hover {
  color: #3498db; /* Cor de destaque ao passar o mouse */
}