/* 1. Fundo externo (atrás de tudo) em cinza */
html, body {
    background-color: #626766 !important;
}

/* Arredondamento do Bloco Principal (Container) */
.pkp_structure_page {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden; /* Garante que o conteúdo interno não "vaze" os cantos */
}

/* Arredondamento específico do Cabeçalho (Fundo Escuro) */
.pkp_structure_head, .pkp_site_name_wrapper {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

/* Arredondamento específico do Rodapé */
.pkp_structure_footer_wrapper {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

@media (min-width: 992px) {
    /* Centraliza o container da marca */
    .pkp_site_name {
        text-align: center !important;
        width: 100% !important;
    }

    /* Aumenta o tamanho da logo e adiciona respiro */
    .pkp_site_name > .is_img img {
        max-height: 250px !important; /* Ajuste conforme preferir o destaque */
        padding-top: 20px;
        padding-bottom: 20px;
        transition: 0.5s;
    }
}

/* Garante que o fundo verde cubra toda a largura interna do topo */
.pkp_site_name_wrapper {
    padding-left: 2.143rem;
    padding-right: 2.143rem;
}

@media (min-width: 992px) {
    /* Alinha a barra de navegação centralizada ou com respiro lateral */
    .pkp_navigation_primary_row {
        padding-left: 30px;
        padding-right: 30px;
        display: flex;
        justify-content: center; /* Centraliza os itens do menu */
    }
}


#navigationPrimary a {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.7);
}

#navigationPrimary a:hover {
    color: #192b3d; /* Ou uma variação do seu verde para o hover */
}

/* Cria o efeito de folha centralizada com sombra */
.pkp_structure_page {
    margin: 0 auto;               /* Centraliza a página horizontalmente */
    max-width: 1160px;            /* Define a largura máxima da "folha" */
    background: #fff;             /* Garante que o fundo da página seja branco */
    box-shadow: 0px 0px 10px #222; /* Cria a sombra lateral (o efeito de profundidade) */
    position: relative;
}

/* Adiciona o respiro (espaço cinza) acima e abaixo da página em telas grandes */
@media (min-width: 1200px) {
    .pkp_structure_page {
        margin-top: 2.143rem;    /* Espaço cinza no topo */
        margin-bottom: 2.143rem; /* Espaço cinza no rodapé[cite: 1] */
    }
}

/* Justifica o texto de apresentação na página inicial */
.pkp_page_index .homepage_about {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: justify !important;
}

/* Garante que todos os parágrafos dentro da área principal também sejam justificados */
.pkp_structure_main p {
    text-align: justify;
}