/* Centralização da Seção Principal */
.agradecimento-contato-als {
    display: flex; /* Usa Flexbox para centralizar */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    min-height: calc(100vh - 120px); /* Ajuste a altura total da tela menos o header/footer se tiver */
    padding: 20px; /* Espaçamento interno da seção */
    box-sizing: border-box; /* Inclui padding e border na largura/altura */
}

/* Container da Caixa de Conteúdo */
.agradecimento-container {
    background-color: #ffffff; /* Fundo branco para a caixa */
    border: 1px solid #ddd; /* Contorno cinza claro */
    border-radius: 8px; /* Cantos arredondados */
    padding: 30px; /* Espaçamento interno da caixa */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra suave */
    text-align: center; /* Centraliza o texto dentro da caixa */
    max-width: 600px; /* Largura máxima da caixa */
    width: 100%; /* Garante que a caixa ocupe a largura disponível */
}

/* Estilos para Títulos e Subtextos */
.agradecimento-titulo {
    color: #333;
    font-size: 2.2em;
    margin-bottom: 15px;
}

.agradecimento-titulo.error-titulo {
    color: #dc3545; /* Cor para título de erro */
}

.agradecimento-subtext {
    color: #555;
    font-size: 1.1em;
    margin-bottom: 10px;
    line-height: 1.6;
}

.agradecimento-subtext.error-subtext {
    color: #c82333; /* Cor para subtexto de erro */
    font-weight: bold;
}

.agradecimento-info {
    color: #777;
    font-size: 0.95em;
    margin-top: 20px;
    margin-bottom: 25px;
}

/* Estilo para o botão CTA (Call to Action) */
.cta-btn {
    display: inline-block;
    background-color: #007bff; /* Azul padrão */
    color: #fff;
    padding: 12px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.cta-btn:hover {
    background-color: #0056b3;
}

/* Estilo para a mensagem de redirecionamento */
.agradecimento-redirect-msg {
    margin-top: 30px;
    font-size: 1em;
    color: #666;
    font-weight: bold;
}