/* 1. Cabecera con la imagen de fondo */
header.pkp_structure_head {
    background-image: url("https://ce.uted.us/events/public/journals/2/banner_congreso.png") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 350px !important; /* Aumentamos un poco para dar aire */
    display: flex !important;
    flex-direction: column;
    justify-content: space-between; /* Empuja el menú hacia abajo */
}

/* 2. Bajar el menú y dejar margen inferior */
.pkp_navigation_primary_wrapper {
    margin-top: 20px !important; /* Espacio por encima del menú */
    margin-bottom: 15px !important; /* Pequeño margen antes de que empiece el contenido */
}

/* 3. Evitar que el texto empiece pegado al borde lateral */
.pkp_navigation_primary {
    padding-left: 20px !important; /* Margen interno a la izquierda */
    padding-right: 20px !important; /* Margen interno a la derecha */
}

/* 4. Transparencia para el bloque central */
.pkp_head_wrapper, 
.pkp_site_name_wrapper {
    background: transparent !important;
}

/* 5. Integración del Logo */
.pkp_site_name img {
    mix-blend-mode: multiply;
    max-height: 140px !important;
}

/* Tu código original */
.pkp_structure_main p {
  text-align: justify;
  overflow: hidden;
  padding: 0 25px; /* Esto evitará que el texto de los párrafos toque los bordes */
}

/* Ocultar definitivamente el logo de marca de OJS en el footer */
.pkp_brand_footer {
    display: none !important;
}

/* En caso de que el tema use una clase diferente para el contenedor del logo */
.pkp_structure_footer .pkp_brand_footer {
    display: none !important;
    visibility: hidden !important;
}

/* 1. Ocultar el contenedor completo del número actual en la home */
.page_index_journal .current_issue,
.page_index_journal .current_issue_title,
.page_index_journal .obj_issue_toc {
    display: none !important;
}

/* 2. Ocultar específicamente el encabezado "Número actual" si persiste */
.page_index_journal h2.current_issue_title {
    display: none !important;
}

/* 3. En algunos temas el contenedor se llama 'issue_toc' */
.page_index_journal .issue_toc {
    display: none !important;
}

/* Esto hará que el audio se vea mejor en la página del artículo */
audio {
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 10px 0;
}