/* Estilo geral da página */
.container-fluid {
    background-color: #e6a872;
    min-height: 100vh;
    padding-top: 30px;
}

/* Título */
.text-center {
    margin-bottom: 0; /* Remove a margem extra do título */
}

.text-center h1 {
    background-color: #E4832E;
    color: white;
    border-radius: 15px;
    width: fit-content;
    padding: 10px 200px;
    font-weight: bold;
}

/* Container que engloba título, texto e botão */
.header-container {
    display: flex;
    justify-content: center;
    align-items: center;  /* Alinha verticalmente */
    gap: 120px; /* Aumenta o espaço entre o título, o texto e o botão */
    margin-bottom: 30px; /* Ajusta o espaçamento entre o título e os itens abaixo */
}

/* Estilo para o botão Criar novo Questionário (formato quadrado) */
.btn-criar {
    background-color: #E4832E;
    color: white;
    border: none;
    padding: 20px;  /* Fazendo o botão quadrado */
    width: 50px;  /* Largura fixa para o formato quadrado */
    height: 50px; /* Altura fixa para o formato quadrado */
    border-radius: 5px; /* Um pequeno arredondamento no botão */
    font-size: 28px; /* Aumentando o tamanho do ícone */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Div para "Criar novo Questionário" e o botão */
.criar-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Estilo para o texto "Criar novo Questionário" */
.criar-texto {
    font-size: 16px;
    color: white;
    margin-bottom: 10px; /* Espaçamento entre o texto e o botão */
}

.btn-criar i {
    font-size: 28px; /* Ajustando o tamanho do ícone */
}

.btn-criar:hover {
    background-color: #D7843E;
}

/* Lista de itens - Ajustando o fundo para a cor #E4832E */
.listagem-item {
    background-color: #E4832E; /* Cor de fundo para os itens */
    border-radius: 15px;
    padding: 25px; /* Aumentando o tamanho do item */
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    padding-bottom: 80px; /* Adicionando padding inferior para os botões */
}

/* Botão Publicar */
.btn-publicar {
    background-color: white;
    color: black;
    border: 1px solid #ccc;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 14px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.btn-publicar.published {
    background-color: #28a745;  /* Verde quando publicado */
    color: black;
}

.btn-publicar:hover {
    background-color: #f8f9fa;
    border-color: #aaa;
}

/* Container para os botões Editar e Excluir */
.btn-container {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    position: absolute;
    bottom: 15px; /* Colocando os botões no fundo do item */
    right: 10px;
}

/* Estilo dos botões Editar e Excluir */
.btn-editar, .btn-excluir {
    background-color: #E4832E;
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 14px;
    top: 10px;
    right: 10px;
    border: none;
}

.btn-editar:hover, .btn-excluir:hover {
    background-color: #D7843E;
    border-color: #ccc;
}

.btn-editar {
    margin-bottom: 5px;
}

/* Estilo para o texto de Tema */
.tema-text {
    font-size: 32px; /* Aumenta o tamanho do texto do Tema */
    font-weight: bold; /* Garante que o texto do Tema tenha negrito */
}

/* Estilo para o texto de Prazo */
.prazo-text {
    font-size: 14px; /* Menor tamanho de fonte para o Prazo */
    font-weight: bold; /* Garante que o texto do Tema tenha negrito */
}
