/* Este código se aplicará SOLAMENTE a pantallas de 992px o más. */
@media (min-width: 992px) {

/*
 * 1. Anula la altura fija del contenedor del logo
 * con la máxima prioridad.
 */
.pkp_site_name_wrapper {
    height: auto !important;
}

/*
 * 2. Dale al logo un tamaño máximo, y asegúrate de que su altura
 * no esté limitada por ninguna otra regla, para que pueda expandirse.
 */
.pkp_site_name_wrapper img {
    max-width: 1500px !important; /* Aumenta este valor según lo necesites */
    height: auto !important;
    max-height: none !important; /* Elimina cualquier límite de altura */
}
}
/* Reduce la separación entre secciones dentro del contenido principal */
.pkp_structure_content .section {
    /* Reduce el margen inferior para pegar las secciones más */
    margin-bottom: 0.5rem !important;
    /* Reduce el padding para que el contenido de las secciones tenga menos aire */
    padding: 0.5rem !important;
}
.pkp_structure_footer_wrapper {
    background-color: #2b2b2b; /* Este es el gris oscuro de tu footer */
    /* Puedes ajustar también el padding si ves que hay demasiado espacio */
    padding: 20px 0; /* Un padding horizontal de 0 para que el fondo llegue a los bordes */
}