.elementor-816 .elementor-element.elementor-element-ca8ec12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-816 .elementor-element.elementor-element-cd8279f{--spacer-size:252px;}.elementor-816 .elementor-element.elementor-element-310ceee.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-816 .elementor-element.elementor-element-310ceee.elementor-element{--align-self:center;}}/* Start custom CSS for html, class: .elementor-element-310ceee *//* Estilos gerais para o body */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
    height: 100vh;  /* Para garantir que ocupe toda a altura da tela */
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center;     /* Centraliza verticalmente */
}

/* Container principal */
.content-container {
    width: 80%;
    max-width: 800px;  /* Limita a largura máxima */
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;  /* Centraliza o conteúdo dentro do container */
}

/* Título */
h1 {
    color: #003366;
}

/* Descrição */
p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

/* Container dos botões */
.secoes-container {
    display: flex;
    flex-direction: column;  /* Coloca os botões em coluna */
    gap: 20px;  /* Espaçamento entre os botões */
    justify-content: center;
    align-items: center;
}

/* Link para o botão (sem sublinhado) */
.botao-link {
    text-decoration: none;
}

/* Estilos dos botões */
.botao {
    background-color: #003366;
    color: white;
    border: none;
    padding: 15px 30px;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 5px;
    width: 100%;
    max-width: 300px;  /* Limita o tamanho máximo do botão */
    text-align: center;
    transition: background-color 0.3s, transform 0.3s;
}

/* Efeito de hover nos botões */
.botao:hover {
    background-color: #0055a5;
    transform: scale(1.05);
}/* End custom CSS */