/* =================================================
   CABEÇALHO SLIM PROFISSIONAL - ARQUIVOS DO MUDI
   Use com a imagem 1000x250px
   ================================================= */

/* 1. Menu Superior */
.pkp_site_nav_menu {
    background-color: #2f4f4f !important;
}

/* 2. Ajuste do Container (Libera botões e cliques) */
.pkp_site_name_wrapper {
    max-height: none !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. A Faixa Azul (Slim) */
.pkp_site_name {
    background-color: #bfe6ea !important;
    padding: 5px 0 !important; /* Faixa fina e elegante */
    text-align: center;
    line-height: 0 !important;
}

/* 4. O Logo (Grande e Nítido) */
.pkp_site_name img {
    height: auto !important;
    /* 250px deixa o logo grande, mas respeitando a faixa slim */
    max-height: 250px !important; 
    width: auto !important;
    max-width: 95% !important;
    display: inline-block;
    vertical-align: middle;
}

/* 5. Ajuste para Celular */
@media (max-width: 768px) {
    .pkp_site_name {
        padding: 3px 0 !important;
    }
    .pkp_site_name img {
        max-height: 120px !important;
    }
}