header .pkp_site_name {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

.pkp_navigation_primary_row {
  background-color: #135594 !important;
}

/* Eliminar borde en menú móvil/tablet */
@media (max-width: 1023px) {
  .pkp_site_nav_menu {
    border: none !important;
    box-shadow: none !important;
  }

  /* Si el borde persiste en algún elemento específico */
  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper,
  .pkp_nav_list {
    border: none !important;
    outline: none !important;
  }

  /* Asegurar que los dropdowns también hereden el estilo */
  .dropdown-menu {
    border: none !important;
    background-color: #135594 !important; /* Mismo azul del banner */
  }
}

/* Aumentar altura del banner */
.pkp_structure_head {
  height: 150px !important; /* Altura personalizable (por defecto suele ser 120px) */
  min-height: unset !important;
}

/* Ajustar imagen del banner para cubrir el nuevo espacio */
.pkp_head_wrapper {
  height: 100% !important;
  display: flex;
  align-items: center; /* Centra verticalmente el contenido */
}

/* Eliminar el espacio del pseudo-elemento ::after */
.pkp_navigation_primary_row::after {
  content: none !important;
  display: none !important;
}

/* Asegurar que el menú ocupe todo el ancho sin espacios */
.pkp_navigation_primary_row {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

/* Fondo azul para todo el header */
.pkp_structure_head {
  background-color: #135594 !important;
  padding-bottom: 0 !important;
}

/* Ajustar el menú responsivo */
@media (max-width: 767px) {
  .pkp_navigation_primary_row::after {
    content: none !important;
  }
  .pkp_site_nav_menu {
    border-top: none !important;
  }
}

/* Justificar texto en la descripción de la revista */
.page_index_journal {
  text-align: justify !important;
}

/* Asegurar que todos los párrafos dentro también se justifiquen */
.page_index_journal p {
  text-align: justify !important;
}

/* Opcional: mejorar la legibilidad con un interlineado adecuado */
.page_index_journal p {
  line-height: 1.5; /* Espaciado entre líneas */
  margin-bottom: 15px; /* Espacio entre párrafos */
}

/*propuestaq para 2.1*/
/* Fuente moderna y legible */
body {
  font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.6;
  color: #333333;
  background: #ffffff;
}

/* Títulos con detalle naranja */
h1, h2, h3 {
  font-weight: 500;
  letter-spacing: -0.02em;
}

h1 {
  font-size: 2.2rem;
  border-bottom: 2px solid #ffaa0130; /* Naranja muy suave */
  padding-bottom: 0.5rem;
}

/* Enlaces: azul de títulos por defecto, naranja al pasar */
a {
  color: #00699b;
  transition: color 0.2s ease, border-color 0.2s ease;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

a:hover {
  color: #ffaa01; /* Naranja */
  border-bottom-color: #ffaa01;
}

/*haciendo la lista de articulos en forma de tarjetas*/
/* Lista de artículos - UNA SOLA COLUMNA */
.cmp_article_list.articles {
    display: grid;
    grid-template-columns: 1fr; /* Una sola columna */
    gap: 1.5rem;
    margin-top: 2rem;
    list-style: none;
    padding-left: 0;
}

/* Cada artículo como tarjeta */
.cmp_article_list.articles li {
    width: 100%;
}

.obj_article_summary {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Detalle degradado con los colores del logo */
.obj_article_summary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #00699b, #ffaa01);
    opacity: 0.5;
}

.obj_article_summary:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 20px -10px rgba(255, 170, 1, 0.2);
}

/* Título del artículo */
.obj_article_summary .title {
    margin-top: 0;
    margin-bottom: 0.75rem;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
}

.obj_article_summary .title a {
    color: #00699b;
    text-decoration: none;
    border-bottom: none;
}

.obj_article_summary .title a:hover {
    color: #ffaa01;
}

/* Metadatos (autores) */
.obj_article_summary .meta {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    flex-grow: 1;
}

.obj_article_summary .authors {
    font-style: normal;
}

/* Botón PDF */
.obj_article_summary .galleys_links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.obj_article_summary .galleys_links li {
    display: inline-block;
}

.obj_article_summary .obj_galley_link.pdf {
    display: inline-block;
    background: #00699b;
    color: white;
    padding: 0.4rem 1.2rem;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    border: 2px solid transparent;
    transition: all 0.2s;
}

.obj_article_summary .obj_galley_link.pdf:hover {
    background: white;
    color: #00699b;
    border-color: #00699b;
}

/*codigo propuesto para la barra lateral*/

/* ===== BLOQUES DE LA BARRA LATERAL ===== */
/* Cada bloque (pkp_block) tendrá fondo blanco, bordes redondeados y una línea naranja a la izquierda */
.pkp_block {
    background: #ffffff;               /* Fondo blanco limpio */
    border-radius: 10px;                /* Esquinas redondeadas (moderno) */
    padding: 1.2rem;                    /* Espacio interior alrededor del contenido */
    margin-bottom: 2rem;                 /* Separación entre bloques */
    border: 1px solid #e9ecef;           /* Borde gris muy suave para definir el bloque */
    box-shadow: 0 2px 4px rgba(0,0,0,0.02); /* Sombra casi imperceptible, da profundidad */
    border-left: 3px solid #ffaa01;      /* ¡La estrella! Línea naranja a la izquierda (acento sutil) */
}

/* ===== TÍTULOS DE LOS BLOQUES ===== */
/* Todos los títulos que usan la clase "title" (Información, Palabras clave, Idioma) */
.pkp_block .title {
    font-size: 1.2rem;                   /* Tamaño de fuente ligeramente más grande */
    font-weight: 600;                     /* Semi-negrita para destacar */
    margin-top: 0;                        /* Quita el margen superior por defecto */
    margin-bottom: 1rem;                  /* Espacio debajo del título */
    padding-bottom: 0.5rem;                /* Espacio interior inferior para que respire la línea */
    border-bottom: 2px solid #ffaa0130;    /* Línea naranja muy suave (30% de opacidad) debajo del título */
    color: #00699b;                        /* Azul de los títulos de artículos, para mantener coherencia */
}

/* ===== BLOQUE ESPECIAL: "Enviar un artículo" ===== */
/* Este bloque tiene un botón en lugar de una lista, lo centramos y lo estilizamos */
.pkp_block.block_make_submission .content {
    text-align: center;                    /* Centra el botón horizontalmente */
}

/* El enlace que funciona como botón */
.pkp_block.block_make_submission .block_make_submission_link {
    display: inline-block;                 /* Para poder aplicar padding y dimensiones */
    background: #00699b;                    /* Azul de fondo (igual que el de los títulos) */
    color: white;                           /* Texto blanco */
    padding: 0.6rem 1.5rem;                 /* Espaciado interior: vertical 0.6rem, horizontal 1.5rem */
    border-radius: 30px;                     /* Bordes muy redondeados (forma de píldora) */
    font-weight: 500;                        /* Peso de fuente medio */
    text-decoration: none;                   /* Quita el subrayado */
    border: 2px solid transparent;            /* Borde transparente para que al hacer hover no se mueva */
    transition: all 0.2s;                     /* Transición suave para los cambios */
}

/* Efecto al pasar el ratón por encima del botón */
.pkp_block.block_make_submission .block_make_submission_link:hover {
    background: white;                        /* Fondo blanco */
    color: #00699b;                           /* Texto azul */
    border-color: #00699b;                     /* Aparece un borde azul */
}

/* ===== BLOQUE DE INFORMACIÓN ===== */
.pkp_block.block_information ul {
    list-style: none;                        /* Quita los puntos de la lista */
    padding: 0;                               /* Quita el padding izquierdo por defecto */
    margin: 0;                                 /* Quita los márgenes */
}

.pkp_block.block_information li {
    margin-bottom: 0.5rem;                    /* Espacio entre elementos de la lista */
}

/* Enlaces dentro del bloque de información */
.pkp_block.block_information a {
    color: #00699b;                            /* Azul por defecto */
    text-decoration: none;                      /* Sin subrayado */
    border-bottom: 1px solid transparent;       /* Prepara un subrayado invisible */
    transition: color 0.2s, border-color 0.2s;  /* Transición suave */
}

/* Al pasar el ratón, el enlace se vuelve naranja y aparece subrayado naranja */
.pkp_block.block_information a:hover {
    color: #ffaa01;
    border-bottom-color: #ffaa01;
}

/* ===== BLOQUE DE NUBE DE PALABRAS CLAVE ===== */
/* Este bloque contiene un SVG generado por JavaScript. 
   Podemos darle un toque sutil y mejorar la interacción. */

/* Añadimos una línea superior para separar el título del contenido */
.pkp_block.block_keyword_cloud .content {
    border-top: 1px solid #e9ecef;            /* Línea gris suave */
    padding-top: 1rem;                         /* Espacio después de la línea */
}

/* Las palabras clave son elementos <text> dentro del SVG, con clase "keyword".
   Aunque tienen estilos en línea, podemos forzar cambios al pasar el ratón. */
.pkp_block.block_keyword_cloud .keyword {
    transition: fill 0.2s, opacity 0.2s;       /* Transición suave para cambios de color y opacidad */
}

/* Al pasar el ratón sobre una palabra, se vuelve naranja y opacidad completa */
.pkp_block.block_keyword_cloud .keyword:hover {
    fill: #ffaa01 !important;                  /* Forzamos el color naranja (importante para vencer estilos en línea) */
    opacity: 1 !important;                      /* Opacidad total */
}

/* ===== BLOQUE DE IDIOMA ===== */
.pkp_block.block_language ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pkp_block.block_language li {
    margin-bottom: 0.25rem;                     /* Espacio pequeño entre idiomas */
}

/* Enlaces de idioma */
.pkp_block.block_language a {
    color: #00699b;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 0.2s, border-color 0.2s;
}

.pkp_block.block_language a:hover {
    color: #ffaa01;
    border-bottom-color: #ffaa01;
}

/* El idioma actual (clase "current") lo destacamos en naranja y negrita */
.pkp_block.block_language .current a {
    font-weight: bold;
    color: #ffaa01;                              /* Naranja para el idioma activo */
}

/* Poner primera letra mayúscula en los idiomas */
.pkp_block.block_language a {
    text-transform: capitalize;
}

/* ===== CABECERA (HEADER) - VERSIÓN COMPATIBLE ===== */

/* 1. Nombre de la revista en naranja - selector más específico */
.pkp_head_wrapper .pkp_site_name a.is_text {
    color: #ffaa01 !important;        /* Forzamos el color naranja */
    font-size: 2rem !important;        /* Aumentamos tamaño */
    font-weight: 600 !important;        /* Semi-negrita */
    text-decoration: none !important;   /* Quita posible subrayado */
    transition: color 0.2s ease;
    letter-spacing: -0.02em;
    display: inline-block;              /* Asegura que se muestre como bloque en línea */
    visibility: visible !important;      /* Contrarresta cualquier posible ocultamiento */
    height: auto !important;             /* Contrarresta height:0 si existiera */
    width: auto !important;              /* Contrarresta width:0 si existiera */
    overflow: visible !important;        /* Contrarresta overflow:hidden */
}

/* 2. Efecto hover: opcional, si quieres que cambie al azul */
.pkp_head_wrapper .pkp_site_name a.is_text:hover {
    color: #00699b !important;
}

/* 3. Línea decorativa inferior (no interfiere con nada) */
.pkp_head_wrapper {
    position: relative;
}

.pkp_head_wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #00699b, #ffaa01, #00699b);
    opacity: 0.4;
    pointer-events: none;
    z-index: 1;                        /* Para que quede sobre el fondo pero debajo del contenido */
}

/* 4. Enlaces del menú con hover naranja (ya existía, pero lo refino) */
.pkp_navigation_primary a {
    transition: color 0.2s ease;
}

.pkp_navigation_primary a:hover {
    color: #ffaa01 !important;
}

/* 5. Botón de búsqueda */
.pkp_search:hover {
    color: #ffaa01 !important;
}

/* 6. Botón de menú móvil (opcional) */
.pkp_site_nav_toggle:hover {
    background-color: #ffaa0120;
}

/* ===== FOOTER EN 3 COLUMNAS (CON NUEVA ESTRUCTURA) ===== */

/* Fondo blanco total */
.pkp_structure_footer_wrapper {
    background: #ffffff !important;
}

.pkp_structure_footer {
    background: #ffffff;
    border-top: 3px solid #ffaa01;
    padding: 2rem 1rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Grid de 3 columnas para el contenido */
.pkp_footer_content {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr; /* 1ª columna más ancha */
    gap: 2rem;
    align-items: start;
}

/* ----- FILA 1: Dirección + email (ocupa todo) ----- */
.pkp_footer_content p:first-of-type {
    grid-column: 1 / -1;  /* de columna 1 a la última */
    grid-row: 1;
    margin-bottom: 1rem;
}

/* ----- COLUMNA 1: CATÁLOGOS ----- */
/* Título "Catálogos:" (segundo párrafo) */
.pkp_footer_content p:nth-of-type(2) {
    grid-column: 1;
    grid-row: 2;
    font-weight: bold;
    margin: 0 0 0.5rem 0;
}

/* Imágenes de catálogos (tercer párrafo) */
.pkp_footer_content p:nth-of-type(3) {
    grid-column: 1;
    grid-row: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    margin: 0;
}

/* ----- COLUMNA 2: DIRECTORIO ----- */
/* Título "Directorio:" (cuarto párrafo) */
.pkp_footer_content p:nth-of-type(4) {
    grid-column: 2;
    grid-row: 2;
    font-weight: bold;
    margin: 0 0 0.5rem 0;
}

/* Imagen DOAJ (quinto párrafo) */
.pkp_footer_content p:nth-of-type(5) {
    grid-column: 2;
    grid-row: 3;
    display: flex;
    align-items: center;
    margin: 0;
}

/* ----- COLUMNA 3: LOGO OJS ----- */
.pkp_brand_footer {
    grid-column: 3;
    grid-row: 2 / span 2;  /* Ocupa desde fila 2 hasta fila 3 (centrado vertical) */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

/* ===== UNIFORMIZACIÓN DE IMÁGENES ===== */
.pkp_footer_content img,
.pkp_brand_footer img {
    max-height: 45px;        /* todas iguales */
    width: auto;
    max-width: 130px;
    object-fit: contain;
    transition: transform 0.2s;
}

.pkp_footer_content img:hover,
.pkp_brand_footer img:hover {
    transform: scale(1.05);
}

/* ===== ESTILOS DE TEXTO ===== */
.pkp_footer_content p {
    color: #333;
    line-height: 1.5;
}

.pkp_footer_content a {
    color: #00699b;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 0.2s, border-bottom 0.2s;
}

.pkp_footer_content a:hover {
    color: #ffaa01;
    border-bottom-color: #ffaa01;
}