/* Logo (desktop) */
.pkp_site_name_wrapper img {
    max-height: 160px !important;
    width: auto !important;
}


.pkp_navigation_primary_wrapper {
    margin-top: 10px !important;
}

.pkp_brand_footer {
    display: none !important;
}

/* Header divisor */
.pkp_site_nav_menu::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background-color: #ccc !important;
    margin-bottom: 8px !important;
}

/*Hover colour navigation menu*/
/* Normal state */
.pkp_navigation_primary > li > a {
    padding: 6px 14px !important;
    border-radius: 6px !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

/* Hover / Focus */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background-color: #4b7d92 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ===== Fix NAVBAR para TABLET + MÓVIL ===== */
@media (max-width: 1024px) {

    /* Evitar recorte en header/navbar */
    .pkp_site_name_wrapper,
    .pkp_site_name,
    .pkp_site_name a {
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Dar altura/espacio para el logo en navbar */
    .pkp_site_name_wrapper {
        padding: 10px 15px !important;
        min-height: 72px !important;
    }

    /* Tamaño del logo en tablet */
    .pkp_site_name_wrapper img {
        max-height: 52px !important;
        width: auto !important;
    }
}

/* ===== Ajuste extra para MÓVIL (más pequeño) ===== */
@media (max-width: 768px) {
    .pkp_site_name_wrapper {
        min-height: 64px !important;
    }

    .pkp_site_name_wrapper img {
        max-height: 40px !important;
    }
}