@charset "UTF-8";

/* ============================================================================
   PROSPECTIVA UNIVERSITARIA — Hoja de estilo de revista (v6)
   OJS 3.4.0.5 · Tema por defecto · Instituto de Investigación UNCP

   Ajustes > Sitio web > Apariencia > Hoja de estilo de la revista
   Alcance: solo las páginas de esta revista.

   Dirección tipográfica
   ---------------------
   Literata para textos de lectura: serif diseñada para pantalla, con más
   cuerpo y color de página que las serif de transición habituales.
   IBM Plex Sans para interfaz, metadatos y nombres: nació para contextos
   técnicos y de ingeniería, y contrasta bien con la serif sin pelearse.
   IBM Plex Mono solo para identificadores (ORCID), que son códigos.

   Para clonar a otra revista: copia el archivo y cambia solo el bloque 2.
   ========================================================================== */


/* --- 1. Tipografías ------------------------------------------------------
   Si no quieres depender de Google Fonts, borra los @import: las pilas de
   respaldo mantienen la estructura, solo cambia el carácter tipográfico. */

@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,500;0,7..72,600;0,7..72,700;1,7..72,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');


/* --- 2. Variables  ←  lo único que cambias al clonar --------------------- */

:root {
  --pu-primary:      #0B3C5D;
  --pu-primary-mid:  #0E4A72;
  --pu-primary-dark: #06283D;
  --pu-primary-soft: #E8EFF4;
  --pu-accent:       #12786C;
  --pu-accent-dark:  #0D5E55;

  --pu-ink:       #1B2026;
  --pu-muted:     #647079;
  --pu-line:      #DDE2E6;
  --pu-line-soft: #EEF1F3;
  --pu-surface:   #F6F8F9;

  --pu-serif: "Literata", Georgia, "Times New Roman", serif;
  --pu-sans:  "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
              Roboto, "Helvetica Neue", Arial, sans-serif;
  --pu-mono:  "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Anchos de la página de artículo */
  --pu-article-max:  1500px;   /* el tema traía 1160px fijos */
  --pu-article-body:  880px;   /* columna de lectura */
  --pu-article-rail:  380px;   /* carril de metadatos */

  /* Alto de la banda de migas fija. Si cambias su tipografía o su relleno,
     ajusta también este valor: el título se ancla justo debajo. */
  --pu-crumb-h: 34px;
}


/* --- 3. Base ------------------------------------------------------------ */

body {
  font-family: var(--pu-sans);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--pu-ink);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: var(--pu-serif);
  color: var(--pu-primary);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.008em;
}

a {
  color: var(--pu-primary);
  text-underline-offset: 2px;
}

a:hover,
a:focus {
  color: var(--pu-accent);
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--pu-accent);
  outline-offset: 2px;
}

::selection {
  background: var(--pu-primary-soft);
  color: var(--pu-primary-dark);
}

/* Los anclajes no quedan tapados por la banda fija */
:target {
  scroll-margin-top: 8rem;
}


/* --- 4. Cabecera y navegación ------------------------------------------- */

.pkp_site_name .is_text {
  font-family: var(--pu-serif);
  font-weight: 600;
  color: var(--pu-primary);
  letter-spacing: -0.012em;
}

/* Al subir el logotipo, ajusta esta altura a la de tu archivo */
.pkp_site_name .is_img img {
  max-height: 82px;
}

.pkp_navigation_primary > li > a {
  font-family: var(--pu-sans);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--pu-ink);
  border-bottom: 3px solid transparent;
  transition: border-color .18s ease, color .18s ease;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: var(--pu-primary);
  border-bottom-color: var(--pu-accent);
  background: transparent;
}

.pkp_navigation_primary ul > li > a:hover {
  background: var(--pu-primary-soft);
  color: var(--pu-primary);
}

.pkp_navigation_user > li > a {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--pu-muted);
}

.pkp_navigation_user > li > a:hover {
  color: var(--pu-primary);
}


/* --- 5. Migas de pan (fuera del artículo) ------------------------------- */

.cmp_breadcrumbs {
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: .03em;
  color: var(--pu-muted);
}

.cmp_breadcrumbs a {
  color: var(--pu-muted);
  text-decoration: none;
}

.cmp_breadcrumbs a:hover {
  color: var(--pu-accent);
}


/* --- 6. Tabla de contenidos y fichas de artículo ------------------------ */

.obj_issue_toc .heading h2,
.obj_issue_toc .series {
  font-family: var(--pu-serif);
  font-weight: 600;
  color: var(--pu-primary);
}

.obj_issue_toc .published,
.obj_issue_toc .doi {
  font-size: 0.875rem;
  color: var(--pu-muted);
}

.obj_issue_toc .section > h2 {
  font-family: var(--pu-sans);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: .09em;
  color: var(--pu-accent);
  padding-bottom: .5rem;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, var(--pu-accent), rgba(18, 120, 108, 0)) 1;
}

.obj_article_summary {
  padding-left: .9rem;
  border-left: 2px solid var(--pu-line-soft);
  transition: border-color .18s ease;
}

.obj_article_summary:hover {
  border-left-color: var(--pu-accent);
}

.obj_article_summary > .title,
.obj_article_summary > h3 {
  font-family: var(--pu-serif);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.34;
}

.obj_article_summary > .title a,
.obj_article_summary > h3 a {
  color: var(--pu-primary);
  text-decoration: none;
}

.obj_article_summary > .title a:hover,
.obj_article_summary > h3 a:hover {
  color: var(--pu-accent);
}

.obj_article_summary .subtitle {
  font-family: var(--pu-serif);
  font-weight: 400;
  font-style: italic;
  color: var(--pu-muted);
}

.obj_article_summary .authors {
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--pu-muted);
}

.obj_article_summary .pages {
  font-family: var(--pu-mono);
  font-size: 0.7rem;
  color: var(--pu-muted);
}


/* ============================================================================
   7. ARTÍCULO: TIPOGRAFÍA, PESOS Y RITMO
   ========================================================================== */

.obj_article_details .subtitle {
  font-family: var(--pu-serif);
  font-weight: 400;
  font-style: italic;
  color: var(--pu-muted);
}

/* Etiqueta de sección con filete que se desvanece: marca la jerarquía sin
   recurrir a versalitas ni a mayúsculas forzadas */
.obj_article_details .main_entry .item > .label {
  font-family: var(--pu-sans);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: .09em;
  color: var(--pu-accent);
  margin: 0 0 .7rem;
  display: flex;
  align-items: center;
  gap: .6rem;
}

.obj_article_details .main_entry .item > .label::after {
  content: '';
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(90deg, var(--pu-line), rgba(221, 226, 230, 0));
}

/* Autores en grilla de tres columnas, cada uno con su filete guía */
.obj_article_details .item.authors ul.authors {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.1rem 2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.obj_article_details .item.authors ul.authors li {
  margin: 0;
  padding-left: .85rem;
  border-left: 2px solid var(--pu-line-soft);
  break-inside: avoid;
  transition: border-color .18s ease;
}

.obj_article_details .item.authors ul.authors li:hover {
  border-left-color: var(--pu-accent);
}

.obj_article_details .item.authors .name {
  display: block;
  font-family: var(--pu-sans);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--pu-ink);
}

.obj_article_details .item.authors .affiliation {
  display: block;
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--pu-muted);
  margin-top: .15rem;
}

.obj_article_details .item.authors .orcid {
  display: block;
  font-family: var(--pu-mono);
  font-size: 0.65rem;
  line-height: 1.4;
  margin-top: .2rem;
  word-break: break-all;
}

.obj_article_details .item.authors .orcid a {
  color: var(--pu-muted);
  text-decoration: none;
}

.obj_article_details .item.authors .orcid a:hover {
  color: var(--pu-accent);
}

.obj_article_details .item.keywords .value {
  font-family: var(--pu-serif);
  font-size: 0.95rem;
  font-style: italic;
  line-height: 1.6;
  color: var(--pu-muted);
}

/* Resumen: el bloque más leído, tratado como panel con degradado muy tenue */
.obj_article_details .item.abstract {
  font-family: var(--pu-serif);
  font-size: 1.0625rem;
  line-height: 1.72;
  border: 0;
  border-left: 3px solid var(--pu-accent);
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, #F4F8F8 0%, #FFFFFF 78%);
  padding: 1.4rem 1.8rem 1.5rem;
}

.obj_article_details .item.abstract p {
  text-align: justify;
  hyphens: auto;
  margin: 0 0 .9rem;
}

.obj_article_details .item.abstract p:last-child {
  margin-bottom: 0;
}

/* Referencias con sangría francesa y realce al pasar el cursor */
.obj_article_details .item.references .value {
  font-family: var(--pu-serif);
  font-size: 0.9375rem;
  line-height: 1.6;
}

.obj_article_details .item.references p {
  padding: .4rem .7rem .4rem 2.2rem;
  text-indent: -1.5rem;
  margin: 0 0 .2rem;
  border-radius: 3px;
  transition: background .18s ease;
}

.obj_article_details .item.references p:hover {
  background: var(--pu-surface);
}

/* Subrayado que crece al pasar el cursor, en lugar del subrayado permanente */
.obj_article_details .main_entry a:not(.obj_galley_link) {
  text-decoration: none;
  background-image: linear-gradient(var(--pu-accent), var(--pu-accent));
  background-size: 0 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size .25s ease, color .18s ease;
}

.obj_article_details .main_entry a:not(.obj_galley_link):hover {
  background-size: 100% 1px;
}

.obj_article_details .item.copyright {
  font-size: 0.75rem;
  line-height: 1.55;
  color: var(--pu-muted);
}


/* ============================================================================
   8. ARTÍCULO: MAQUETACIÓN

   Comprobado sobre la página real. Cuatro comportamientos del tema obligan
   a usar !important y selectores largos:

   a) .pkp_structure_main::before y ::after son dos barras absolutas de 1px
      y altura completa (#ddd) que dibujan las reglas de columna. Al ocultar
      la barra lateral quedan como una línea vertical suelta.

   b) .obj_article_details .row lleva un clearfix ::before/::after con
      display:table. Al volver .row un contenedor flex, esos pseudoelementos
      se convierten en columnas invisibles y consumen huecos del gap.

   c) .pkp_structure_content tiene 1160px fijos, y el tema fija float y
      width sobre .main_entry y .entry_details con selectores específicos.

   d) .cmp_breadcrumbs no ocupa todo el ancho por defecto, así que al fijarla
      el texto del artículo se cuela por detrás.
   ========================================================================== */

/* (a) apagar las reglas de columna del tema */
.pkp_page_article .pkp_structure_main::before,
.pkp_page_article .pkp_structure_main::after {
  display: none !important;
  content: none !important;
}

/* (b) apagar el clearfix para que no cuente como columna flex */
.pkp_page_article .obj_article_details .row::before,
.pkp_page_article .obj_article_details .row::after {
  display: none !important;
  content: none !important;
}

/* (c) recuperar el ancho de pantalla que el tema dejaba en blanco */
.pkp_page_article .pkp_structure_sidebar {
  display: none !important;
}

.pkp_page_article .pkp_structure_content.has_sidebar {
  width: auto !important;
  max-width: var(--pu-article-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.pkp_page_article .pkp_structure_main {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* (d) Banda fija en dos pisos.
   Piso 1: migas de pan. Llevan volumen, número y sección, así que los
   metadatos siguen visibles al desplazarse sin inventar texto estático. */
.pkp_page_article .cmp_breadcrumbs {
  position: sticky;
  top: 0;
  z-index: 32;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #FFFFFF;
  font-family: var(--pu-sans);
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: .6rem 0 .45rem !important;
  border-bottom: 0 !important;
}

.pkp_page_article .cmp_breadcrumbs ol,
.pkp_page_article .cmp_breadcrumbs ul,
.pkp_page_article .cmp_breadcrumbs li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Piso 2: título, anclado justo debajo */
.pkp_page_article .obj_article_details .page_title {
  position: sticky;
  top: var(--pu-crumb-h);
  z-index: 30;
  background: #FFFFFF;
  font-family: var(--pu-serif);
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 1.24;
  color: var(--pu-primary);
  max-width: none;
  margin: 0;
  padding: .4rem 0 .85rem;
  border-bottom: 0;
}

/* Filete degradado bajo el título, en lugar de una línea plana */
.pkp_page_article .obj_article_details .page_title::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: linear-gradient(90deg,
              var(--pu-primary) 0%,
              var(--pu-accent) 42%,
              rgba(18, 120, 108, 0) 100%);
}

/* Sombra difusa que separa la banda del texto que pasa por debajo */
.pkp_page_article .obj_article_details .page_title::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -14px;
  height: 14px;
  background: linear-gradient(180deg, rgba(11, 60, 93, .10), rgba(11, 60, 93, 0));
  pointer-events: none;
}

/* Cuerpo a la izquierda, metadatos a la derecha, ambos a ras de sus bordes */
.pkp_page_article .obj_article_details .row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 64px !important;
  margin: 0 !important;
  padding-top: 34px !important;
  border-top: 0 !important;
}

.pkp_page_article .obj_article_details .row .main_entry {
  float: none !important;
  width: auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: var(--pu-article-body) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-right: 0 !important;
}

.pkp_page_article .obj_article_details .row .entry_details {
  float: none !important;
  width: var(--pu-article-rail) !important;
  flex: 0 0 var(--pu-article-rail) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-left: 0 !important;
  position: sticky;
  top: 7.5rem;   /* deja pasar la banda de dos pisos */
}

/* El tema sangra cada .item 30px; con la columna a ras ya no hace falta */
.obj_article_details .main_entry .item {
  padding-left: 0;
  margin-bottom: 2rem;
}

/* Carril derecho: separadores que se desvanecen hacia el margen */
.obj_article_details .entry_details .item {
  padding: 0 0 1.15rem;
  margin-bottom: 1.15rem;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, var(--pu-line), rgba(221, 226, 230, 0)) 1;
}

.obj_article_details .entry_details .item:last-child {
  border-bottom: 0;
  border-image: none;
}

.obj_article_details .entry_details .label {
  font-family: var(--pu-sans);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: .09em;
  color: var(--pu-muted);
  margin-bottom: .25rem;
}

.obj_article_details .entry_details .value {
  font-size: 0.9375rem;
  line-height: 1.5;
}

/* Miniatura del número: centrada, con sombra proyectada en vez de borde */
.obj_article_details .entry_details .item.cover_image {
  max-width: none;
  text-align: center;
  border: 0;
  border-image: none;
}

.obj_article_details .entry_details .item.cover_image .sub_item {
  display: block;
}

.obj_article_details .entry_details .item.cover_image img {
  display: inline-block;
  width: auto;
  max-width: 200px;
  height: auto;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 10px 26px -12px rgba(11, 60, 93, .55),
              0 1px 3px rgba(11, 60, 93, .18);
  transition: transform .25s ease, box-shadow .25s ease;
}

.obj_article_details .entry_details .item.cover_image img:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px -12px rgba(11, 60, 93, .6),
              0 2px 5px rgba(11, 60, 93, .2);
}

/* Bloque de cómo citar */
.obj_article_details .entry_details .citation_display {
  font-family: var(--pu-serif);
  font-size: 0.875rem;
  line-height: 1.55;
  background: var(--pu-surface);
  border-radius: 3px;
  padding: .9rem 1rem;
}


/* --- 9. Botones de descarga -------------------------------------------- */

.obj_article_details .entry_details .galleys_links {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}

.obj_article_details .entry_details .galleys_links li {
  display: block;
  width: auto;
  float: none;
  margin: 0 0 .5rem;
}

.obj_galley_link {
  display: inline-block;
  font-family: var(--pu-sans);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: #FFFFFF;
  background: linear-gradient(180deg, var(--pu-primary-mid), var(--pu-primary));
  border: 0;
  border-radius: 3px;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(6, 40, 61, .28);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.obj_galley_link:hover,
.obj_galley_link:focus {
  background: linear-gradient(180deg, var(--pu-accent), var(--pu-accent-dark));
  color: #FFFFFF;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px -8px rgba(11, 60, 93, .55);
}

.obj_article_details .entry_details .obj_galley_link {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: .75rem 1rem;
}


/* --- 10. Barra lateral y bloques (portada, número, archivo) ------------- */

.pkp_block .title {
  font-family: var(--pu-sans);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: .09em;
  color: var(--pu-muted);
}

.pkp_block .content {
  font-size: 0.9375rem;
  line-height: 1.55;
}

.pkp_block a {
  color: var(--pu-ink);
  text-decoration: none;
}

.pkp_block a:hover {
  color: var(--pu-accent);
  text-decoration: underline;
}

.cmp_button {
  display: inline-block;
  font-family: var(--pu-sans);
  font-size: 0.875rem;
  font-weight: 600;
  color: #FFFFFF;
  background: linear-gradient(180deg, var(--pu-accent), var(--pu-accent-dark));
  border: 0;
  border-radius: 3px;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(13, 94, 85, .28);
  transition: transform .16s ease, box-shadow .16s ease;
}

.cmp_button:hover,
.cmp_button:focus {
  color: #FFFFFF;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px -8px rgba(13, 94, 85, .55);
}


/* --- 11. Pie de página -------------------------------------------------- */

.pkp_structure_footer_wrapper {
  background: linear-gradient(180deg, var(--pu-primary-dark), #041D2C);
  color: rgba(255, 255, 255, .82);
}

.pkp_structure_footer {
  font-size: 0.875rem;
  line-height: 1.65;
}

.pkp_structure_footer a,
.pkp_structure_footer strong,
.pkp_structure_footer b {
  color: #FFFFFF;
}

.pkp_brand_footer {
  opacity: .55;
  transition: opacity .2s ease;
}

.pkp_brand_footer:hover {
  opacity: 1;
}


/* --- 12. Tablas y páginas estáticas ------------------------------------- */

.pkp_structure_main th {
  text-align: left;
  font-family: var(--pu-sans);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--pu-primary);
  background: var(--pu-primary-soft);
  border-bottom: 2px solid var(--pu-primary);
  padding: .65rem .85rem;
}

.pkp_structure_main td {
  padding: .65rem .85rem;
  border-bottom: 1px solid var(--pu-line-soft);
  vertical-align: top;
}

.pkp_structure_main tbody tr {
  transition: background .18s ease;
}

.pkp_structure_main tbody tr:hover {
  background: var(--pu-surface);
}

.pkp_structure_main blockquote {
  border-left: 3px solid var(--pu-accent);
  background: linear-gradient(90deg, var(--pu-surface), rgba(246, 248, 249, 0));
  padding: .8rem 1.2rem;
  margin-left: 0;
  color: var(--pu-muted);
  font-family: var(--pu-serif);
  font-style: italic;
}


/* --- 13. Pantallas intermedias y pequeñas ------------------------------- */

@media (max-width: 1200px) {

  .pkp_page_article .obj_article_details .page_title {
    font-size: 1.6rem;
  }

  .pkp_page_article .obj_article_details .row {
    gap: 40px !important;
  }

  .pkp_page_article .obj_article_details .row .entry_details {
    width: 320px !important;
    flex: 0 0 320px !important;
  }

  .obj_article_details .item.authors ul.authors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 992px) {

  /* En pantalla estrecha la banda fija robaría demasiada altura */
  .pkp_page_article .cmp_breadcrumbs,
  .pkp_page_article .obj_article_details .page_title {
    position: static;
  }

  .pkp_page_article .obj_article_details .page_title::before {
    display: none;
  }

  .pkp_page_article .obj_article_details .page_title {
    font-size: 1.5rem;
  }

  .pkp_page_article .pkp_structure_content.has_sidebar {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .pkp_page_article .obj_article_details .row {
    display: block !important;
  }

  .pkp_page_article .obj_article_details .row .main_entry,
  .pkp_page_article .obj_article_details .row .entry_details {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    position: static !important;
  }

  .pkp_page_article .obj_article_details .row .entry_details {
    margin-top: 2rem !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid var(--pu-line) !important;
  }
}

@media (max-width: 620px) {

  .pkp_page_article .obj_article_details .page_title {
    font-size: 1.35rem;
  }

  .obj_article_details .item.authors ul.authors {
    grid-template-columns: 1fr;
  }

  .obj_article_details .item.abstract {
    padding: 1.1rem 1.1rem 1.2rem;
  }

  .obj_article_details .item.abstract p {
    text-align: left;   /* justificar en pantalla estrecha abre ríos feos */
    hyphens: none;
  }
}


/* --- 14. Impresión ------------------------------------------------------ */

@media print {

  .pkp_structure_head,
  .pkp_structure_sidebar,
  .pkp_structure_footer_wrapper,
  .cmp_breadcrumbs,
  .entry_details .galleys_links {
    display: none !important;
  }

  .pkp_page_article .obj_article_details .page_title {
    position: static !important;
  }

  .pkp_page_article .obj_article_details .page_title::before,
  .pkp_page_article .obj_article_details .page_title::after {
    display: none !important;
  }

  .pkp_page_article .obj_article_details .row {
    display: block !important;
  }

  .obj_article_details .item.abstract {
    background: none !important;
  }

  body {
    font-size: 11pt;
    color: #000;
  }
}


/* --- 15. Movimiento reducido -------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}