/* Ajustes generales respetando el estilo de la página de OJS */
body {
    font-family: 'Open Sans', sans-serif; /* Fuente similar a la de la página */
    font-size: 16px; /* Tamaño de fuente de la página */
    color: #333333; /* Color de texto estándar */
    background-color: #ffffff; /* Fondo blanco */
}

/* Estilo de la cabecera con imagen de fondo, similar a la portada */
.header {
   background-size: cover;  /* La imagen cubrirá toda la cabecera */
    background-position: center;   /*Centra la imagen en la cabecera */
    height: auto;   /*Ajusta la altura de la cabecera */
    width: 100%;
    color: #ffffff;  /* Texto en blanco sobre la imagen */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Asegura que el contenido de la cabecera, como el título, esté centrado y visible */
.header-content {
    position: relative;
    text-align: center;
    color: #ffffff; /* Texto en blanco */
    font-size: 2rem; /* Tamaño de fuente para el título */
}

/* Ajuste del contenido principal para evitar que se solape con la cabecera */
.main-content {
    margin-top: 320px; /* Ajuste del margen superior para evitar superposición */
    font-family: 'Open Sans', sans-serif; /* Mantiene la fuente de la página */
    font-size: 16px; /* Tamaño de fuente consistente con la página */
    color: #333333; /* Color de texto */
}

/* Estilos para la barra de navegación y el pie de página */
.navbar, .footer {
   /* background-color: #800000;*/ /* Color oscuro similar al de la barra de navegación en la página */
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #ffffff; /* Texto en blanco */
}

/* Ajustes de enlaces en la barra de navegación y pie de página */
.navbar a, .footer a {
    color: #ffffff; /* Enlaces en blanco */
}

.navbar a:hover, .footer a:hover {
    color: #ffcc00; /* Color de hover similar al de la página */
}

/* Botones del estilo de la página */
.btn {
    background-color: #800000; /* Color de botón similar al de la página */
    color: #ffffff; /* Texto oscuro sobre el botón */
    border: none;
}

.btn:hover {
    background-color: #800000; /* Color de hover */
    color: #ffba75;
}

/* Ajustes del footer, respetando el estilo general */
.footer {
    padding: 20px 0;
    text-align: center;
    background-color: #800000; /* Color de fondo */
    color: #000000; /* Texto en blanco */
    font-size: 14px;
}

/* Opcional: Ajuste de los títulos de secciones */
h1, h2, h3, h4, h5, h6 {
    color: #800000; /* Mantiene el color de los títulos similar al sitio de referencia */
    font-family: 'Open Sans', sans-serif;
}

.pkp_page_article .header_view {
    display: none; /* Esto ocultará el header en las páginas de artículo */
}