.site-footer {
    margin-top: 3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: #18592F !important;
    color: #fff;
}
/* Ocultar el logo automático de OJS del pie de página */
.site-footer .pkp_brand_footer,
.site-footer .col-md-2[role="complementary"] {
    display: none !important;
}

/* Permitir que tu bloque ocupe el 100% del espacio de la pantalla */
.site-footer-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
    /* 1. Fondo de la cabecera */
.main-header {
    background-color: #ffffff; /* Cambia esto por tu color o usa background-image */
    background-image: url('https://revistanexus.uma.edu.py/public/journals/1/patronLogo.png'); /* Descomenta esta línea si usas imagen */
    background-size: cover;
    background-position: center;
    padding: 15px 0;
    border-bottom: 2px solid #e0e0e0;
}

/* 2. Ajuste del logo para que no sea gigante */
.main-header .navbar-brand img, 
.main-header .navbar-logo img {
    max-height: 115px; /* Ajusta según el tamaño de tu logo */
    width: auto;
}

/* 3. Asegurar que los elementos del menú se vean bien */
.main-header .navbar-nav .nav-link {
    color: #333333; /* Color de los enlaces del menú */
    font-weight: 600;
    padding: 10px 15px;
}

/* 4. Efecto hover para los enlaces */
.main-header .navbar-nav .nav-link:hover {
    color: #007bff; /* Color al pasar el mouse */
}

/* 5. Asegurar que el botón de menú móvil funcione bien */
.main-header .navbar-toggler {
    border-color: #333333;
}

.main-header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* 6. Centrado del menú en pantallas grandes */
@media (min-width: 992px) {
    .main-header .navbar-collapse {
        justify-content: center;
    }
}