/* ==========================================================================
   Revista Saberes Internacionales — hoja de marca
   Sistema tipográfico, cromático y de espaciado heredado del sitio editorial.
   ========================================================================== */

/* ---------- Tipografías de la marca (autoalojadas) ---------- */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('fuentes/fraunces-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('fuentes/fraunces-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fuentes/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fuentes/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- Sistema ---------- */
:root {
  --azul: #0e2a47;
  --azul-medio: #1b466f;
  --azul-claro: #e8eff7;
  --azul-hondo: #00081b;
  --oro: #c9a227;
  --oro-suave: #f5edd6;

  --tinta: #16202b;
  --tinta-media: #4b5a6b;
  --tinta-suave: #7c8a99;
  --linea: #e2e6eb;
  --linea-fuerte: #cdd4dc;
  --papel: #f8f7f4;
  --papel-hondo: #f1efe9;
  --blanco: #ffffff;

  --serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  --r-s: 4px;
  --r-m: 8px;
  --r-l: 14px;
  --sombra-s: 0 1px 2px rgba(16,32,48,.06), 0 2px 6px rgba(16,32,48,.05);
  --sombra-m: 0 2px 6px rgba(16,32,48,.07), 0 12px 28px rgba(16,32,48,.09);
  --transicion: 180ms cubic-bezier(.2,.7,.3,1);
}

/* ---------- Base ---------- */
html body,
html body .pkp_structure_page,
html body .pkp_structure_main,
html body .pkp_block {
  font-family: var(--sans);
  color: var(--tinta);
}
html body { background: var(--papel); }

.pkp_structure_main,
.pkp_structure_sidebar {
  background: var(--blanco);
}

h1, h2, h3, h4,
.page_title,
.obj_article_summary .title,
.obj_issue_toc .title,
.pkp_block .title,
.cmp_announcements .title {
  font-family: var(--serif);
  letter-spacing: -0.02em;
  color: var(--azul);
}

p, li, dd, dt, td, th {
  font-family: var(--sans);
}

.pkp_structure_main {
  font-size: 1rem;
  line-height: 1.65;
}

/* Longitud de línea cómoda en textos largos */
.page_about .pkp_structure_main > *,
.cmp_announcements .description,
.obj_article_details .abstract {
  max-width: 68ch;
}

/* Cifras que no bailan */
.obj_issue_toc .pages,
.obj_article_details .pages,
table td,
.pkp_block .value {
  font-variant-numeric: tabular-nums;
}

/* ---------- Cabecera: banner de marca ---------- */
#headerNavigationContainer.pkp_structure_head {
  position: relative;
  height: auto;
  aspect-ratio: 7 / 1;
  background-color: var(--azul-hondo);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.pkp_head_wrapper { height: 100%; position: static; }

#headerNavigationContainer .pkp_site_name_wrapper {
  position: absolute;
  left: 20px;
  top: 6px;
  bottom: auto;
  transform: none;
  margin: 0;
  height: auto;
}
#headerNavigationContainer .pkp_site_name_wrapper .pkp_site_name,
#headerNavigationContainer .pkp_site_name_wrapper .is_img {
  margin: 0;
  padding: 0;
}

#headerNavigationContainer .pkp_site_nav_menu {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  background: var(--azul);
}

.pkp_navigation_primary_row {
  position: static;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.pkp_navigation_user_wrapper {
  position: absolute;
  top: auto;
  bottom: calc(100% + 10px);
  right: 20px;
  left: auto;
  width: auto;
  max-width: calc(100% - 40px);
}
.pkp_navigation_user_wrapper .pkp_navigation_user {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
/* Nada debe desbordar en horizontal */
html, body { overflow-x: hidden; }


/* ---------- Sello de la revista ---------- */
#headerNavigationContainer .pkp_site_name_wrapper { height: auto; }
#headerNavigationContainer .pkp_site_name .is_img img,
#headerNavigationContainer .pkp_site_name_wrapper .is_img img,
#headerNavigationContainer .pkp_site_name_wrapper img {
  height: 120px;
  max-height: 120px;
  width: auto;
  max-width: none;
}

/* Menú principal */
.pkp_navigation_primary > li > a {
  font-family: var(--sans);
  font-weight: 500;
  letter-spacing: .01em;
  transition: color var(--transicion);
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: var(--oro);
}

/* ---------- Enlaces ---------- */
.pkp_structure_main a,
.pkp_block a {
  color: var(--azul-medio);
  text-decoration-color: var(--linea-fuerte);
  text-underline-offset: 2px;
  transition: color var(--transicion), text-decoration-color var(--transicion);
}
.pkp_structure_main a:hover,
.pkp_block a:hover {
  color: var(--azul);
  text-decoration-color: var(--oro);
}

/* ---------- Foco visible (accesibilidad) ---------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--oro);
  outline-offset: 2px;
  border-radius: var(--r-s);
}

/* ---------- Bloques de la barra lateral ---------- */
.pkp_block {
  background: var(--papel);
  border: 1px solid var(--linea);
  border-radius: var(--r-m);
  padding: 1rem 1.25rem;
  margin-bottom: 1.5rem;
}
.pkp_block .title {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 .75rem;
  padding-bottom: .5rem;
  border-bottom: 2px solid var(--oro);
  color: var(--azul);
}
.pkp_block ul { margin: 0; padding-left: 1.1rem; }
.pkp_block li { margin-bottom: .35rem; }

/* ---------- Tabla de contenidos y artículos ---------- */
.obj_issue_toc .section > h2,
.obj_issue_toc h2 {
  font-family: var(--serif);
  font-size: 1.25rem;
  color: var(--azul);
  border-bottom: 1px solid var(--linea);
  padding-bottom: .5rem;
  margin-top: 2rem;
}

.obj_article_summary {
  border: 1px solid var(--linea);
  border-radius: var(--r-m);
  padding: 1.25rem 1.5rem;
  margin-bottom: 1rem;
  background: var(--blanco);
  box-shadow: var(--sombra-s);
  transition: transform var(--transicion), box-shadow var(--transicion);
}
.obj_article_summary:hover {
  transform: translateY(-2px);
  box-shadow: var(--sombra-m);
}
.obj_article_summary > .title {
  font-size: 1.15rem;
  line-height: 1.35;
  margin-bottom: .35rem;
}
.obj_article_summary .authors {
  color: var(--tinta-media);
  font-size: .95rem;
}

/* ---------- Botones ---------- */
.cmp_button,
.pkp_button,
.obj_galley_link {
  font-family: var(--sans);
  font-weight: 600;
  border-radius: var(--r-s);
  background: var(--azul);
  border: 1px solid var(--azul);
  color: var(--blanco);
  transition: background var(--transicion), border-color var(--transicion), transform var(--transicion);
}
.cmp_button:hover,
.pkp_button:hover,
.obj_galley_link:hover {
  background: var(--azul-medio);
  border-color: var(--azul-medio);
  color: var(--blanco);
  transform: translateY(-1px);
}

/* Botón de descarga de galerada: acento dorado */
.obj_galley_link.pdf,
.obj_galley_link.obj_galley_link {
  border-color: var(--oro);
}

/* ---------- Avisos ---------- */
.cmp_announcements .obj_announcement_summary {
  border-left: 3px solid var(--oro);
  padding-left: 1rem;
  margin-bottom: 1.5rem;
}

/* ---------- Pie ---------- */
.pkp_structure_footer_wrapper,
.pkp_footer_content {
  background: var(--azul-hondo);
  color: var(--azul-claro);
}
.pkp_footer_content a { color: var(--oro-suave); }
.pkp_brand_footer { opacity: .55; }

/* ---------- Área de pulsación en móvil ---------- */
@media (max-width: 767px) {
  .pkp_navigation_primary > li > a,
  .pkp_navigation_user > li > a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}

/* ---------- Cabecera en tablet y móvil ---------- */

/* ---------- Preferencia de movimiento reducido ---------- */
@media (prefers-reduced-motion: reduce) {
  *,
  .obj_article_summary,
  .cmp_button,
  .pkp_button,
  .obj_galley_link {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
  .obj_article_summary:hover,
  .cmp_button:hover,
  .pkp_button:hover,
  .obj_galley_link:hover {
    transform: none;
  }
}

/* ---------- Tarjetas de la barra lateral ---------- */
.pkp_block.block_custom {
  background: none;
  border: 0;
  padding: 0;
  margin-bottom: .75rem;
}
.pkp_block.block_custom .title { display: none; }

.tarjeta-marca {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.25rem;
  background: var(--azul);
  color: var(--blanco);
  border-radius: var(--r-m);
  text-decoration: none;
  box-shadow: var(--sombra-s);
  transition: background var(--transicion), transform var(--transicion), box-shadow var(--transicion);
}
.pkp_block .tarjeta-marca { color: var(--blanco); }

.tarjeta-marca__texto {
  font-family: var(--sans);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.tarjeta-marca__icono {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  opacity: .92;
}

.pkp_block .tarjeta-marca:hover {
  background: var(--azul-medio);
  color: var(--blanco);
  transform: translateY(-2px);
  box-shadow: var(--sombra-m);
}
.tarjeta-marca:focus-visible {
  outline: 3px solid var(--oro);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .pkp_block .tarjeta-marca:hover { transform: none; }
}

/* ==========================================================================
   MÓVIL Y TABLET
   El banner panorámico es ilegible por debajo de 992 px (53 px de alto a
   375 px de ancho), así que se sustituye por el sello y el nombre sobre el
   azul de la marca.
   ========================================================================== */
@media (max-width: 991px) {
  #headerNavigationContainer.pkp_structure_head {
    aspect-ratio: auto;
    height: auto;
    background-image: none;
    background-color: var(--azul-hondo);
  }
  #headerNavigationContainer .pkp_head_wrapper {
    height: auto;
    padding: 0;
    position: relative;
  }
  #headerNavigationContainer .pkp_site_name_wrapper {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    height: auto;
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .9rem 1rem;
  }
  #headerNavigationContainer .pkp_site_name_wrapper .pkp_site_name {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    height: auto;
    display: flex;
    align-items: center;
    gap: .85rem;
  }
  #headerNavigationContainer .pkp_site_name .is_img img,
  #headerNavigationContainer .pkp_site_name_wrapper img {
    height: 58px;
    max-height: 58px;
    width: auto;
  }
  /* El nombre visible; el <h1> real sigue existiendo para lectores de pantalla */
  #headerNavigationContainer .pkp_site_name_wrapper .pkp_site_name::after {
    content: "Revista Saberes Internacionales";
    font-family: var(--serif);
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--oro);
    max-width: none;
  }
  /* Botón de menú a la derecha, sin encimarse con el sello */
  #headerNavigationContainer .pkp_site_nav_toggle {
    position: absolute;
    top: 50%;
    right: .75rem;
    left: auto;
    transform: translateY(-50%);
    margin: 0;
    width: 44px;
    height: 44px;
  }
  #headerNavigationContainer .pkp_site_name_wrapper { padding-right: 4rem; }
  #headerNavigationContainer .pkp_site_nav_menu {
    position: static;
    width: auto;
  }
  #headerNavigationContainer .pkp_navigation_user_wrapper {
    position: absolute;
    top: .5rem;
    right: .75rem;
    bottom: auto;
    max-width: none;
  }
  .pkp_navigation_primary_row {
    max-width: none;
    padding: 0 1rem;
  }
  /* Contenido con aire suficiente */
  .pkp_structure_main,
  .pkp_structure_sidebar { padding-left: 1rem; padding-right: 1rem; }
  .tarjeta-marca { padding: 1rem; }
  .tarjeta-marca__texto { font-size: .98rem; }
}

/* Nota bajo una tarjeta */
.pkp_block .tarjeta-nota {
  margin: .45rem .15rem 0;
  font-size: .82rem;
  line-height: 1.45;
  color: var(--tinta-suave);
}

/* Tarjeta de WhatsApp */
.pkp_block .tarjeta-marca--wa { background: #128c7e; }
.pkp_block .tarjeta-marca--wa:hover { background: #0d6d61; }

/* Pie de página de la revista */
.pie-marca {
  max-width: 1160px;
  margin: 0 auto;
  padding: 1.5rem 1rem .5rem;
}
.pie-marca__linea {
  margin: 0 0 .4rem;
  font-size: .9rem;
  line-height: 1.6;
  color: var(--azul-claro);
}
.pie-marca__linea strong { color: var(--blanco); font-weight: 600; }
.pie-marca a { color: var(--oro-suave); }
.pie-marca a:hover { color: var(--blanco); }
/* ---------- 13. Barra de red: salto entre los tres sitios ---------------- */
/* Está en la editorial, en libros y en la revista, siempre en el mismo sitio,
   para poder moverse entre los tres desde cualquier página. */
html body .red-saberes {
  background: var(--azul-hondo);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

html body .red-saberes ul {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  gap: .25rem;
}

html body .red-saberes li { margin: 0; }

html body .red-saberes a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 .9rem;
  color: #b9c8db;
  font-family: var(--serif);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: color var(--transicion), background-color var(--transicion);
}

html body .red-saberes a:hover,
html body .red-saberes a:focus {
  color: var(--azul-hondo);
  background: var(--oro);
}

/* El sitio en el que estás, marcado con el filete dorado. */
html body .red-saberes a.-aqui {
  color: var(--oro);
  box-shadow: inset 0 -2px 0 var(--oro);
}

@media (max-width: 575px) {
  html body .red-saberes a { padding: 0 .6rem; font-size: .74rem; }
}

@media (prefers-reduced-motion: reduce) {
  html body .red-saberes a { transition: none; }
}

/* =====================================================================
   CAPA «ECOSISTEMA SABERES» (común a libros y revista, 2-oct-2026)
   Mismo lenguaje visual que saberesinternacionales.org: marino y dorado,
   tarjetas redondeadas con sombra suave, fondo con brillos y retícula,
   botones con degradado y movimiento discreto. Va al final: gana por orden
   y por especificidad (html body …) sobre el tema de PKP.
   ===================================================================== */
html body {
  background:
    radial-gradient(rgba(14,42,71,.06) 1px, transparent 1px) 0 0/26px 26px,
    radial-gradient(900px 520px at 100% 0%, rgba(201,162,39,.10), transparent 60%),
    radial-gradient(900px 600px at 0% 100%, rgba(27,70,111,.10), transparent 62%),
    linear-gradient(180deg, #eef2f8 0%, #f8f7f4 60%, #ffffff 100%) fixed;
}
html body .pkp_structure_page, html body .pkp_structure_content { background: transparent; }
html body .pkp_structure_main { background: transparent; border: 0; }
html body .pkp_structure_main::before, html body .pkp_structure_main::after { display: none; }

/* --- títulos de sección con filete dorado --- */
html body .pkp_structure_main h1, html body .pkp_structure_main h2.title,
html body .cmp_monographs_list > h2, html body .homepage_featured_monographs > h2,
html body .cmp_announcements > h2, html body .current_issue > h2, html body .page_index_journal h2 {
  font-family: 'Fraunces', Georgia, serif; color: #0e2a47; letter-spacing: -.01em;
}
html body .cmp_monographs_list > h2 .title, html body .cmp_monographs_list > h2,
html body .homepage_featured_monographs > h2 { display: flex; align-items: center; gap: .8rem; font-size: 1.5rem; }
html body .cmp_monographs_list > h2::after, html body .homepage_featured_monographs > h2::after {
  content: ""; flex: 1; height: 2px; background: linear-gradient(90deg, #c9a227, rgba(201,162,39,0));
}

/* --- listas de libros en cuadrícula (dos o tres por fila según el ancho) --- */
html body .cmp_monographs_list .row, html body .cmp_article_list, html body .obj_issue_toc .articles {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.1rem; margin: 0 0 1.4rem;
}
html body .cmp_monographs_list .row::before, html body .cmp_monographs_list .row::after { display: none; }
html body .cmp_monographs_list .row > *, html body .cmp_article_list > li { float: none; width: auto; margin: 0; list-style: none; }
/* --- tarjetas de libros (OMP) y artículos (OJS) --- */
html body .obj_monograph_summary, html body .obj_article_summary, html body .obj_announcement_summary {
  background: linear-gradient(160deg, rgba(255,255,255,.97), rgba(246,249,255,.92));
  border: 1px solid rgba(14,42,71,.10); border-radius: 16px;
  box-shadow: 0 2px 6px rgba(16,32,48,.06), 0 14px 32px rgba(16,32,48,.08);
  padding: 1.1rem 1.2rem; margin: 0; position: relative; overflow: hidden;
  transition: transform .25s cubic-bezier(.2,.7,.3,1), box-shadow .25s, border-color .25s;
}
html body .obj_monograph_summary::before, html body .obj_article_summary::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(180deg, #c9a227, #1b466f); opacity: 0; transition: opacity .25s;
}
html body .obj_monograph_summary:hover, html body .obj_article_summary:hover {
  transform: translateY(-4px); border-color: rgba(201,162,39,.45);
  box-shadow: 0 6px 14px rgba(16,32,48,.08), 0 24px 48px rgba(16,32,48,.14);
}
html body .obj_monograph_summary:hover::before, html body .obj_article_summary:hover::before { opacity: 1; }
html body .obj_monograph_summary .cover img, html body .obj_article_summary .cover img {
  border-radius: 10px; box-shadow: 0 10px 24px rgba(16,32,48,.22); transition: transform .3s;
}
html body .obj_monograph_summary:hover .cover img { transform: scale(1.03) rotate(-.6deg); }
html body .obj_monograph_summary .title a, html body .obj_article_summary .title a {
  font-family: 'Fraunces', Georgia, serif; color: #0e2a47; font-weight: 700; text-decoration: none;
}
html body .obj_monograph_summary .title a:hover, html body .obj_article_summary .title a:hover { color: #1b466f; text-decoration: underline; text-decoration-color: #c9a227; text-underline-offset: 3px; }
html body .obj_monograph_summary .author, html body .obj_article_summary .authors { color: #4b5a6b; }
html body .obj_monograph_summary .date, html body .obj_article_summary .pages {
  display: inline-block; margin-top: .4rem; font-size: .78rem; font-weight: 600; color: #7a5d12;
  background: #f5edd6; border-radius: 999px; padding: .15rem .6rem;
}
/* el bloque de «Sobre la revista» / contenido adicional como tarjeta */
html body .additional_content, html body .homepage_about, html body .page_index_journal .about_journal,
html body .page .description, html body .obj_monograph_full .main_entry, html body .obj_article_details .main_entry {
  background: rgba(255,255,255,.92); border: 1px solid rgba(14,42,71,.10); border-radius: 18px;
  box-shadow: 0 2px 6px rgba(16,32,48,.05), 0 14px 32px rgba(16,32,48,.07); padding: 1.4rem 1.6rem;
}

/* --- barra lateral: bloques como tarjetas de vidrio --- */
html body .pkp_structure_sidebar .pkp_block {
  background: rgba(255,255,255,.88); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border: 1px solid rgba(14,42,71,.10); border-radius: 18px;
  box-shadow: 0 2px 6px rgba(16,32,48,.05), 0 14px 32px rgba(16,32,48,.08);
  padding: 1.1rem 1.2rem; margin: 0 0 1rem;
}
html body .pkp_structure_sidebar .pkp_block .title {
  font-family: 'Fraunces', Georgia, serif; color: #0e2a47; font-size: 1.05rem;
  display: flex; align-items: center; gap: .5rem; padding-bottom: .55rem; margin-bottom: .6rem;
  border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, #c9a227, rgba(201,162,39,0)) 1;
}
html body .pkp_structure_sidebar .pkp_block .title::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%; background: #c9a227; box-shadow: 0 0 0 4px rgba(201,162,39,.18);
}
html body .pkp_structure_sidebar .pkp_block ul { list-style: none; margin: 0; padding: 0; }
html body .pkp_structure_sidebar .pkp_block li a, html body .pkp_structure_sidebar .pkp_block .content > a {
  display: block; padding: .45rem .7rem; margin: .1rem 0; border-radius: 10px; color: #1b466f; text-decoration: none;
  transition: background .18s, color .18s, transform .18s;
}
html body .pkp_structure_sidebar .pkp_block li a:hover, html body .pkp_structure_sidebar .pkp_block .content > a:hover {
  background: #0e2a47; color: #fff; transform: translateX(3px);
}
html body .pkp_structure_sidebar .pkp_block .content h3, html body .pkp_structure_sidebar .pkp_block .content h4 {
  font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: #9a7b1f; margin: .9rem 0 .2rem .7rem;
}

/* --- botones --- */
html body .cmp_button, html body .pkp_button, html body .cmp_form .buttons button, html body button.submit,
html body .obj_galley_link, html body .cmp_manuscript_button {
  background: linear-gradient(135deg, #1b466f 0%, #0e2a47 60%, #081a2d 100%); color: #fff !important;
  border: 1px solid rgba(255,255,255,.12); border-radius: 999px; padding: .55rem 1.2rem; font-weight: 600;
  box-shadow: 0 8px 20px rgba(14,42,71,.22); text-decoration: none; transition: filter .18s, transform .18s;
}
html body .cmp_button:hover, html body .pkp_button:hover, html body .obj_galley_link:hover { filter: brightness(1.15); transform: translateY(-1px); }
html body .obj_galley_link.pdf::before { margin-right: .35rem; }

/* --- avisos y paginación --- */
html body .cmp_notification { border-radius: 14px; border-left: 4px solid #c9a227; background: #fffdf6; }
html body .cmp_pagination a, html body .cmp_pagination .current { border-radius: 999px; padding: .3rem .75rem; }

/* --- pie --- */
html body .pkp_structure_footer_wrapper { background: linear-gradient(160deg, #163a63 0%, #0e2a47 45%, #081a2d 80%, #050f1c 100%); color: #dfe7f1; }
html body .pkp_structure_footer_wrapper a { color: #e7c568; }

/* --- aparición suave al bajar (solo si el sistema no pide reducir movimiento) --- */
@media (prefers-reduced-motion: no-preference) {
  html body .obj_monograph_summary, html body .obj_article_summary, html body .pkp_structure_sidebar .pkp_block {
    animation: ecoAparece .6s cubic-bezier(.2,.7,.3,1) both;
  }
  @keyframes ecoAparece { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
}
@media (max-width: 600px) {
  html body .cmp_monographs_list .row, html body .cmp_article_list { grid-template-columns: 1fr; }
}

/* --- ajustes de alineación (2-oct-2026) --- */
html body .pkp_structure_sidebar .pkp_block, html body .obj_monograph_summary, html body .obj_article_summary { box-sizing: border-box; max-width: 100%; }
/* títulos de sección sin recuadro blanco */
html body .cmp_monographs_list > h2, html body .cmp_monographs_list > h2 .title, html body .homepage_featured_monographs > h2 { background: transparent !important; padding-left: 0; padding-right: 0; border: 0; }
/* barra lateral: subtítulos («Categorías», «Colecciones») y enlaces con el mismo borde izquierdo */
html body .pkp_structure_sidebar .pkp_block li { margin: 0; padding: 0; line-height: 1.35; }
html body .pkp_structure_sidebar .pkp_block li.has_submenu {
  padding: .9rem .7rem .15rem; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #9a7b1f;
}
html body .pkp_structure_sidebar .pkp_block li.has_submenu > ul { margin: .35rem -.7rem 0; padding: 0; }
html body .pkp_structure_sidebar .pkp_block li.has_submenu > ul a { font-size: .95rem; font-weight: 400; letter-spacing: 0; text-transform: none; }
html body .pkp_structure_sidebar .pkp_block li.is_sub a { padding-left: 1.4rem; }
/* resumen del libro en la tarjeta */
html body .obj_monograph_summary .summary { color: #4b5a6b; font-size: .92rem; line-height: 1.55; margin: .55rem 0 .3rem; }
html body .obj_monograph_summary .summary_more { display: inline-block; font-size: .85rem; font-weight: 700; color: #1b466f; text-decoration: none; margin-bottom: .2rem; }
html body .obj_monograph_summary .summary_more:hover { color: #9a7b1f; }

/* --- barra lateral: título, subtítulos y enlaces arrancan en el mismo borde (el fondo al pasar el ratón sale hacia afuera) --- */
html body .pkp_structure_sidebar .pkp_block li a, html body .pkp_structure_sidebar .pkp_block .content > a { margin-left: -.7rem; margin-right: -.7rem; }
html body .pkp_structure_sidebar .pkp_block li.has_submenu { padding-left: 0; padding-right: 0; }
html body .pkp_structure_sidebar .pkp_block li.has_submenu > ul { margin-left: 0; margin-right: 0; }
html body .pkp_structure_sidebar .pkp_block li.is_sub a { padding-left: 1.4rem; }
html body .pkp_structure_sidebar .pkp_block li a:hover, html body .pkp_structure_sidebar .pkp_block .content > a:hover { transform: none; }
html body .pkp_structure_sidebar .pkp_block .content > p, html body .pkp_structure_sidebar .pkp_block .content > div { margin-left: 0; }
/* --- aire entre la columna de libros y la barra lateral --- */
html body .cmp_monographs_list .row, html body .cmp_article_list { margin-left: 0 !important; margin-right: 0 !important; }
@media (min-width: 992px) { html body .pkp_structure_sidebar { padding-left: 1.5rem; box-sizing: border-box; } }

/* --- «Destacado», «Novedades»…: a la misma altura que «Navegar», sin la línea gris del tema --- */
html body .cmp_monographs_list { border-top: 0 !important; margin-top: 0; padding-top: 1.1rem; }
html body .cmp_monographs_list ~ .cmp_monographs_list { margin-top: 2.2rem; }
html body .cmp_monographs_list > h2 { position: static !important; top: auto; left: auto; margin: 0 0 1rem; padding: 0; line-height: 1.25; font-size: 1.05rem; }

html body .cmp_monographs_list { padding-top: calc(1.1rem - 4px); }
html body .cmp_monographs_list ~ .cmp_monographs_list { padding-top: 0; }

/* =====================================================================
   VIDRIO, TRANSPARENCIAS Y DEGRADADOS + LETRA ESTILO FACEBOOK (2-oct-2026)
   ===================================================================== */
/* letra: la misma familia nativa que usan Facebook y ZAPHIENS (clara en pantalla, sin descargas) */
html body, html body p, html body li, html body a, html body button, html body input, html body select, html body textarea,
html body .pkp_structure_main, html body .pkp_structure_sidebar, html body .pkp_navigation_primary > li > a {
  font-family: system-ui, -apple-system, "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
html body h1, html body h2, html body h3, html body h4,
html body .obj_monograph_summary .title a, html body .obj_article_summary .title a,
html body .pkp_structure_sidebar .pkp_block .title, html body .cmp_monographs_list > h2 {
  font-family: system-ui, -apple-system, "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 700; letter-spacing: -.01em;
}
html body .obj_monograph_summary .title a, html body .obj_article_summary .title a { font-size: 1.05rem; line-height: 1.3; }
html body { color: #1c1e21; }

/* fondo con más profundidad: brillos azul y dorado que se notan a través del vidrio */
html body {
  background:
    radial-gradient(rgba(14,42,71,.07) 1px, transparent 1px) 0 0/24px 24px,
    radial-gradient(700px 420px at 8% 12%, rgba(59,130,246,.18), transparent 62%),
    radial-gradient(760px 460px at 96% 30%, rgba(201,162,39,.18), transparent 62%),
    radial-gradient(800px 520px at 40% 100%, rgba(29,78,216,.14), transparent 65%),
    linear-gradient(180deg, #eaf0fb 0%, #f4f6fb 50%, #fbfaf7 100%) fixed;
}

/* barra de menú: cristal oscuro con brillo superior */
html body #headerNavigationContainer .pkp_site_nav_menu, html body .pkp_navigation_primary_row {
  background: linear-gradient(180deg, rgba(37,64,120,.78) 0%, rgba(10,24,56,.86) 100%) !important;
  border-top: 1px solid rgba(255,255,255,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 26px rgba(5,12,32,.25);
}
html body .pkp_navigation_primary > li > a { border-radius: 999px; transition: background .2s, color .2s; }
html body .pkp_navigation_primary > li > a:hover, html body .pkp_navigation_primary > li > a:focus { background: rgba(255,255,255,.14); }

/* tarjetas de vidrio: transparencia, desenfoque, reflejo diagonal y borde luminoso */
html body .obj_monograph_summary, html body .obj_article_summary, html body .obj_announcement_summary,
html body .pkp_structure_sidebar .pkp_block, html body .additional_content, html body .homepage_about,
html body .obj_monograph_full .main_entry, html body .obj_article_details .main_entry {
  background: linear-gradient(145deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.52) 55%, rgba(232,240,255,.62) 100%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(170%); backdrop-filter: blur(16px) saturate(170%);
  border: 1px solid rgba(255,255,255,.85) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 -1px 0 rgba(14,42,71,.05) inset, 0 12px 34px rgba(14,42,71,.12) !important;
}
html body .obj_monograph_summary::after, html body .obj_article_summary::after, html body .pkp_structure_sidebar .pkp_block::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: linear-gradient(120deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 32%, rgba(255,255,255,0) 68%, rgba(255,255,255,.25) 100%);
  opacity: .6; transition: opacity .3s;
}
html body .pkp_structure_sidebar .pkp_block { position: relative; overflow: hidden; }
html body .obj_monograph_summary:hover::after, html body .obj_article_summary:hover::after { opacity: 1; }
html body .obj_monograph_summary:hover, html body .obj_article_summary:hover { border-color: rgba(231,197,104,.85) !important; box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 22px 48px rgba(14,42,71,.18) !important; }
html body .obj_monograph_summary > *, html body .obj_article_summary > * { position: relative; z-index: 1; }

/* etiquetas y fechas como cápsulas de vidrio dorado */
html body .obj_monograph_summary .date, html body .obj_article_summary .pages {
  background: linear-gradient(135deg, rgba(245,220,143,.55), rgba(201,162,39,.25)); border: 1px solid rgba(201,162,39,.35); color: #6b5110;
}

/* botones brillantes con degradado y reflejo */
html body .cmp_button, html body .pkp_button, html body .obj_galley_link, html body button.submit {
  background: linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 48%), linear-gradient(135deg, #2563eb 0%, #1d4ed8 45%, #0b1f47 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 10px 24px rgba(29,78,216,.30) !important;
}

/* pie: degradado profundo con brillo */
html body .pkp_structure_footer_wrapper {
  background: radial-gradient(700px 300px at 85% 0%, rgba(201,162,39,.22), transparent 60%), linear-gradient(160deg, #1d3f7a 0%, #0e2a47 45%, #050f1c 100%) !important;
}
/* si el sistema no soporta desenfoque, las tarjetas quedan casi opacas para que se lean */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html body .obj_monograph_summary, html body .obj_article_summary, html body .pkp_structure_sidebar .pkp_block { background: rgba(255,255,255,.95) !important; }
}

/* --- adornos de título igual que saberesinternacionales.org: barrita corta azul, sin líneas doradas largas --- */
html body .cmp_monographs_list > h2, html body .homepage_featured_monographs > h2 { display: block !important; }
html body .cmp_monographs_list > h2::after, html body .homepage_featured_monographs > h2::after {
  content: "" !important; display: block !important; flex: none !important; width: 64px !important; height: 4px !important; border-radius: 4px;
  background: linear-gradient(135deg, #1d4ed8 0%, #1a3a6b 45%, #0b1f47 100%) !important; margin: .55rem 0 0;
}
html body .pkp_structure_sidebar .pkp_block .title { display: block; border-bottom: 0 !important; border-image: none !important; padding-bottom: 0; }
html body .pkp_structure_sidebar .pkp_block .title::before { content: none !important; display: none !important; }
html body .pkp_structure_sidebar .pkp_block .title::after {
  content: ""; display: block; width: 48px; height: 4px; border-radius: 4px; margin: .55rem 0 0;
  background: linear-gradient(135deg, #1d4ed8 0%, #1a3a6b 45%, #0b1f47 100%);
}
html body .obj_monograph_summary::before, html body .obj_article_summary::before { background: linear-gradient(180deg, #1d4ed8, #0b1f47) !important; }
html body .pkp_structure_sidebar .pkp_block li.has_submenu { color: #1a3a6b !important; }

/* --- fechas y etiquetas con el estilo del sitio principal (.etiqueta): cápsula azul clara --- */
html body .obj_monograph_summary .date, html body .obj_article_summary .pages, html body .obj_article_summary .published,
html body .obj_announcement_summary .date, html body .cmp_announcements .date {
  display: inline-block; background: #e8eef7 !important; border: 0 !important; color: #1a3a6b !important;
  border-radius: 999px; padding: 4px 11px; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; box-shadow: none;
}

/* --- botones de la barra lateral de la revista (Plantilla, Enviar, Catálogo, ORCID, Escríbenos): estilo del sitio principal --- */
html body .pkp_structure_sidebar .pkp_block.block_custom {
  background: none !important; border: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none;
  padding: 0 !important; margin: 0 0 .75rem !important; overflow: visible;
}
html body .pkp_structure_sidebar .pkp_block.block_custom::after { content: none !important; display: none !important; }
html body .pkp_structure_sidebar .pkp_block.block_custom .content > a.tarjeta-marca {
  display: flex !important; align-items: center; justify-content: space-between; gap: .8rem;
  margin: 0 !important; padding: 1rem 1.2rem !important; border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 50%), linear-gradient(135deg, #1d4ed8 0%, #1a3a6b 45%, #0b1f47 100%) !important;
  color: #fff !important; text-decoration: none; box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 12px 26px -10px rgba(29,78,216,.7);
  transition: transform .2s, box-shadow .2s, filter .2s;
}
html body .pkp_structure_sidebar .pkp_block.block_custom .content > a.tarjeta-marca:hover {
  transform: translateY(-2px); filter: brightness(1.1); background-color: transparent !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 18px 34px -10px rgba(29,78,216,.8);
}
html body .pkp_structure_sidebar .pkp_block.block_custom .tarjeta-marca__texto { color: #fff !important; font-weight: 700; font-size: 1rem; position: static; }
html body .pkp_structure_sidebar .pkp_block.block_custom .tarjeta-marca__icono { flex: none; width: 26px; height: 26px; color: #fff; stroke: #fff; position: static; opacity: .95; }
html body .pkp_structure_sidebar .pkp_block.block_custom .content > p, html body .pkp_structure_sidebar .pkp_block.block_custom .content > small {
  margin: .45rem .3rem 0; font-size: .82rem; line-height: 1.45; color: #4b5a6b;
}

/* --- menús desplegables (Acerca de, Políticas…): se abren al pasar el ratón o al tocar, como panel de vidrio bajo la barra --- */
@media (min-width: 992px) {
  html body #navigationPrimary > li { position: relative; }
  html body #navigationPrimary > li:hover > ul, html body #navigationPrimary > li:focus-within > ul, html body #navigationPrimary > li.show > ul {
    display: block !important; left: 0 !important; top: calc(100% + 8px) !important;
  }
  /* puente invisible para que el panel no se cierre al bajar el ratón */
  html body #navigationPrimary > li > ul::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
}
html body #navigationPrimary > li > ul.dropdown-menu, html body #navigationPrimary ul {
  min-width: 270px; max-height: min(70vh, 520px); overflow-y: auto; padding: .45rem !important; margin: 0 !important;
  background: linear-gradient(160deg, rgba(255,255,255,.97), rgba(240,245,255,.95)) !important;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border: 1px solid rgba(14,42,71,.12) !important; border-radius: 16px !important;
  box-shadow: 0 22px 48px rgba(11,31,71,.28) !important; z-index: 1200 !important;
}
html body #navigationPrimary ul li { margin: 0; padding: 0; border: 0; }
html body #navigationPrimary ul a {
  display: block; padding: .6rem .8rem !important; border-radius: 10px; color: #0e2a47 !important; font-size: .95rem; font-weight: 500;
  line-height: 1.3; white-space: normal; text-decoration: none; border: 0 !important; background: none;
}
html body #navigationPrimary ul a:hover, html body #navigationPrimary ul a:focus { background: linear-gradient(135deg, #1d4ed8 0%, #1a3a6b 45%, #0b1f47 100%) !important; color: #fff !important; }
html body #navigationPrimary > li > a.dropdown-toggle::after { transition: transform .2s; }
html body #navigationPrimary > li:hover > a.dropdown-toggle::after, html body #navigationPrimary > li.show > a.dropdown-toggle::after { transform: rotate(180deg); }

@media (min-width: 992px) { html body #navigationPrimary > li > ul.dropdown-menu { transform: none !important; top: calc(100% + 8px) !important; bottom: auto !important; left: 0 !important; right: auto !important; will-change: auto; } }

/* ===== IDENTIDAD COMÚN SABERES / ZAPHIENS (3-oct-2026) ===== */
/* SABERES / ZAPHIENS — identidad compartida, frontend público PKP.
   Cargar después del tema actual. No reemplaza JS de navegación PKP. */
:root {
 --si-navy:#0A1A3A; --si-action:#2457D6; --si-action-hover:#1C47B5;
 --si-gold:#B88A2B; --si-gold-text:#8A6516; --si-bg:#F5F7FB;
 --si-surface:#FFFFFF; --si-text:#202938; --si-muted:#667085;
 --si-border:#E4E7EC; --si-soft:#EAF0FC; --si-radius:14px;
 --si-shadow:0 2px 8px rgba(16,24,40,.045);
 --si-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
} html body .pkp_structure_page {font-family:var(--si-font);color:var(--si-text);background:var(--si-bg);font-size:16px;line-height:1.6;min-height:100vh} html body .pkp_structure_page *, html body .pkp_structure_page *::before, html body .pkp_structure_page *::after {box-sizing:border-box} html body .pkp_structure_page a {color:var(--si-action);text-decoration-thickness:1px;text-underline-offset:3px} html body .pkp_structure_page a:hover {color:var(--si-action-hover)} html body .pkp_structure_page :focus-visible {outline:3px solid var(--si-action);outline-offset:3px} html body .pkp_structure_page h1, html body .pkp_structure_page h2, html body .pkp_structure_page h3, html body .pkp_structure_page h4 {font-family:var(--si-font);color:var(--si-navy);font-weight:700;line-height:1.3;letter-spacing:-.015em} html body .pkp_structure_page h1 {font-size:clamp(1.7rem,3vw,2.3rem)} html body .pkp_structure_page h2 {font-size:1.35rem} html body .pkp_structure_page h3 {font-size:1.1rem} html body .pkp_structure_page .pkp_structure_head {background:var(--si-surface);border-bottom:1px solid var(--si-border);box-shadow:var(--si-shadow);color:var(--si-text)} html body .pkp_structure_page .pkp_head_wrapper {max-width:1280px;margin-inline:auto;padding-inline:24px} html body .pkp_structure_page .pkp_site_name {padding:16px 0;margin:0;min-height:0} html body .pkp_structure_page .pkp_site_name .is_text {color:var(--si-navy);font-size:1.5rem;font-weight:750;text-decoration:none}
/* Fallback para banners actuales: conserva proporción; sustituir por logo compacto oficial. */
 html body .pkp_structure_page .pkp_site_name .is_img img {display:block;max-width:100%;width:auto;height:auto;max-height:120px;object-fit:contain;margin-inline:auto} html body .pkp_structure_page .pkp_navigation_primary_wrapper {background:var(--si-surface);border-top:1px solid var(--si-border);box-shadow:none} html body .pkp_structure_page .pkp_navigation_primary {display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:8px 0} html body .pkp_structure_page .pkp_navigation_primary>li>a {display:block;color:var(--si-muted);padding:12px 14px;font:600 .9rem/1.4 var(--si-font);border:0;border-radius:10px;text-decoration:none} html body .pkp_structure_page .pkp_navigation_primary>li>a:hover, html body .pkp_structure_page .pkp_navigation_primary>li>a:focus-visible {color:var(--si-action);background:var(--si-soft)} html body .pkp_structure_page .pkp_navigation_primary>li>a[aria-current="page"] {color:var(--si-action);background:var(--si-soft);box-shadow:inset 0 -3px 0 var(--si-action)} html body .pkp_structure_page .pkp_navigation_primary ul {background:white;border:1px solid var(--si-border);border-radius:10px;box-shadow:0 12px 32px rgba(16,24,40,.14)} html body .pkp_structure_page .pkp_navigation_primary ul a {color:var(--si-text);font-family:var(--si-font);padding:12px 16px} html body .pkp_structure_page .pkp_navigation_primary ul a:hover {background:var(--si-soft);color:var(--si-action)} html body .pkp_structure_page .pkp_navigation_user a {color:var(--si-action);font-family:var(--si-font)} html body .pkp_structure_page .pkp_navigation_search_wrapper a {color:var(--si-action);font-family:var(--si-font)} html body .pkp_structure_page .pkp_structure_content {max-width:1280px;margin-inline:auto;padding:24px;background:transparent} html body .pkp_structure_page .pkp_structure_main {min-width:0;background:transparent} html body .pkp_structure_page .pkp_structure_main::before, html body .pkp_structure_page .pkp_structure_main::after {border-color:transparent} html body .pkp_structure_page .pkp_structure_sidebar {background:transparent;padding-top:0} html body .pkp_structure_page .pkp_block {background:var(--si-surface);border:1px solid var(--si-border);border-radius:var(--si-radius);box-shadow:var(--si-shadow);margin-bottom:16px;padding:20px} html body .pkp_structure_page .pkp_block .title {font-family:var(--si-font);font-weight:700;color:var(--si-navy);margin-bottom:12px} html body .pkp_structure_page .pkp_block ul {padding-inline-start:0;list-style:none} html body .pkp_structure_page .pkp_block li {margin-block:8px} html body .pkp_structure_page .pkp_block a {line-height:1.55} html body .pkp_structure_page .pkp_block.block_custom {animation:none;opacity:1;transform:none;visibility:visible} html body .pkp_structure_page .revelar {opacity:1;transform:none;visibility:visible} html body .pkp_structure_page .cmp_button, html body .pkp_structure_page .cmp_form button[type="submit"], html body .pkp_structure_page a.obj_galley_link {background:var(--si-action);color:white;border:1px solid var(--si-action);border-radius:10px;padding:10px 18px;min-height:44px;font:650 .9rem/1.5 var(--si-font);text-shadow:none;box-shadow:none;text-decoration:none;display:inline-block} html body .pkp_structure_page .cmp_button:hover, html body .pkp_structure_page .cmp_form button[type="submit"]:hover, html body .pkp_structure_page a.obj_galley_link:hover {background:var(--si-action-hover);border-color:var(--si-action-hover);color:white} html body .pkp_structure_page .cmp_form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), html body .pkp_structure_page .cmp_form select, html body .pkp_structure_page .cmp_form textarea {border:1px solid #98A2B3;border-radius:8px;background:white;color:var(--si-text);font:inherit;min-height:44px;max-width:100%;padding:10px 12px} html body .pkp_structure_page .cmp_form label {color:var(--si-text);font-weight:600} html body .pkp_structure_page .cmp_breadcrumbs {color:var(--si-muted);font-size:.875rem;margin-bottom:20px} html body .pkp_structure_page .pkp_structure_footer_wrapper {background:var(--si-navy);color:#EAF0FC;border:0;margin-top:32px} html body .pkp_structure_page .pkp_structure_footer {max-width:1280px;margin-inline:auto;padding:32px 24px;color:#EAF0FC} html body .pkp_structure_page .pkp_structure_footer a {color:#CFDCFF} html body .pkp_structure_page .pkp_structure_footer a:hover {color:white}
/* Barra existente: conservar y extender mediante el fragmento HTML incluido. */
.red-saberes {background:white;border-bottom:1px solid var(--si-border);font-family:var(--si-font)}
.red-saberes ul {display:flex;flex-wrap:wrap;gap:6px;max-width:1280px;margin:0 auto;padding:8px 24px;list-style:none}
.red-saberes a {display:block;padding:8px 14px;border-radius:8px;color:var(--si-muted);text-decoration:none;font-size:.85rem;font-weight:650}
.red-saberes a:hover {background:var(--si-soft);color:var(--si-action)}
.red-saberes a.-aqui,.red-saberes a[aria-current="page"],.red-saberes a[aria-current="true"] {background:var(--si-soft);color:var(--si-action);box-shadow:inset 3px 0 0 var(--si-gold)}
/* Componentes de marca opcionales en templates. */
.si-brand {display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--si-navy);padding:18px 0}
.si-brand img {width:64px;height:64px;object-fit:contain}
.si-brand strong {display:block;font:750 clamp(1.2rem,2vw,1.65rem)/1.25 var(--si-font)}
.si-brand small {display:block;color:var(--si-muted);font:.8rem/1.4 var(--si-font)}
.si-tag {display:inline-block;color:var(--si-gold-text);background:#FFF8E6;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:650}
.si-intro {padding:24px;border:1px solid var(--si-border);border-radius:var(--si-radius);background:white;margin-bottom:24px}
@media(max-width:991px){
 html body .pkp_structure_page .pkp_structure_content {padding:16px} html body .pkp_structure_page .pkp_head_wrapper {padding-inline:16px} html body .pkp_structure_page .pkp_structure_sidebar {margin-top:24px}
 /* Mantener lógica y toggles móviles de PKP: no forzar display de siteNav. */
 html body .pkp_structure_page .pkp_navigation_primary {gap:0} html body .pkp_structure_page .pkp_navigation_primary>li>a {padding:12px}
}
@media(max-width:600px){
 html body .pkp_structure_page .pkp_site_name .is_img img {max-height:84px}
 .red-saberes ul {padding:8px 12px;gap:2px}.red-saberes a {padding:8px 10px;font-size:.8rem}
 .si-brand img {width:48px;height:48px}.si-brand {gap:10px} html body .pkp_structure_page .pkp_block {padding:16px}
}
@media(prefers-reduced-motion:reduce){.pkp_structure_page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{
 .red-saberes, html body .pkp_structure_page .pkp_navigation_primary_wrapper, html body .pkp_structure_page .pkp_structure_sidebar {display:none} html body .pkp_structure_page {background:white;color:black} html body .pkp_structure_page .pkp_structure_content {max-width:none;padding:0}
}

/* Aplicar SOLO en revista, después de 01-identidad-comun.css */
 html body .pkp_structure_page #homepageAbout {padding:24px;background:white;border:1px solid var(--si-border);border-radius:var(--si-radius);box-shadow:var(--si-shadow);margin-bottom:24px} html body .pkp_structure_page #homepageAbout h2 {margin-top:0} html body .pkp_structure_page #homepageAbout p {font:400 1rem/1.75 var(--si-font);color:var(--si-text)} html body .pkp_structure_page .obj_article_summary {padding:20px;background:white;border:1px solid var(--si-border);border-radius:var(--si-radius);margin:0 0 16px;box-shadow:var(--si-shadow)} html body .pkp_structure_page .obj_article_summary .title {margin:0 0 8px} html body .pkp_structure_page .obj_article_summary .title a {color:var(--si-navy);font:700 1.05rem/1.45 var(--si-font);text-decoration:none} html body .pkp_structure_page .obj_article_summary .title a:hover {color:var(--si-action);text-decoration:underline} html body .pkp_structure_page .obj_article_summary .authors, html body .pkp_structure_page .obj_article_summary .pages {color:var(--si-muted);font:.9rem/1.6 var(--si-font)} html body .pkp_structure_page .obj_issue_summary {background:white;border:1px solid var(--si-border);border-radius:var(--si-radius);padding:20px;margin-bottom:20px} html body .pkp_structure_page .obj_issue_toc .section {margin-bottom:28px} html body .pkp_structure_page .obj_issue_toc .section>h2 {border:0;color:var(--si-navy);font-family:var(--si-font);margin-bottom:16px} html body .pkp_structure_page .obj_article_details .main_entry {background:white;border:1px solid var(--si-border);border-radius:var(--si-radius);padding:24px} html body .pkp_structure_page .obj_article_details .item {border-color:var(--si-border)} html body .pkp_structure_page .obj_article_details .abstract {font:400 1rem/1.8 var(--si-font)} html body .pkp_structure_page .obj_article_details .references {overflow-wrap:anywhere;font:.95rem/1.75 var(--si-font)}
@media(max-width:600px){.pkp_structure_page #homepageAbout, html body .pkp_structure_page .obj_article_details .main_entry{padding:16px}}

/* Ajustes de integración (3-oct-2026): cabecera clara con el emblema oficial y el nombre en texto real.
   Las reglas anteriores del sitio usan #headerNavigationContainer; estas usan el mismo peso para imponerse. */
html body #headerNavigationContainer.pkp_structure_head{background:var(--si-surface) !important;background-image:none !important;color:var(--si-text);border-bottom:1px solid var(--si-border);box-shadow:var(--si-shadow);min-height:0}
html body #headerNavigationContainer .pkp_site_name_wrapper,html body #headerNavigationContainer .pkp_site_name{position:static;min-height:0;height:auto;background:none;padding:0;margin:0;top:auto}
html body #headerNavigationContainer .pkp_site_name a.is_img{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--si-navy);padding:14px 0;max-width:100%;background:none}
html body #headerNavigationContainer .pkp_site_name a.is_img img{position:static !important;clip:auto !important;clip-path:none !important;opacity:1 !important;visibility:visible !important;display:block !important;width:64px !important;height:64px !important;max-width:none !important;max-height:none !important;border-radius:50%;object-fit:cover;margin:0 !important;flex:none}
html body #headerNavigationContainer .si-brand-text{display:flex;flex-direction:column;min-width:0}
html body #headerNavigationContainer .si-brand-text strong{color:var(--si-navy);font:750 clamp(1.1rem,2vw,1.55rem)/1.25 var(--si-font);letter-spacing:-.01em}
html body #headerNavigationContainer .si-brand-text small{color:var(--si-muted);font:500 .8rem/1.4 var(--si-font)}
html body #headerNavigationContainer .pkp_navigation_primary_wrapper{background:var(--si-surface) !important;background-image:none !important;border-top:1px solid var(--si-border)}
html body #headerNavigationContainer .pkp_navigation_primary>li>a{color:var(--si-muted) !important;background:none;text-shadow:none}
html body #headerNavigationContainer .pkp_navigation_primary>li>a:hover,html body #headerNavigationContainer .pkp_navigation_primary>li>a:focus-visible{color:var(--si-action) !important;background:var(--si-soft)}
html body #headerNavigationContainer .pkp_navigation_user>li>a,html body #headerNavigationContainer .pkp_navigation_search_wrapper a,html body #headerNavigationContainer .pkp_navigation_user_wrapper a{color:var(--si-action) !important;text-shadow:none}
html body #headerNavigationContainer .pkp_navigation_user_wrapper{background:none}
/* la cabecera anterior tenía proporción fija de franja (7:1) y el menú flotando encima con degradado: se vuelve a un flujo normal */
html body #headerNavigationContainer.pkp_structure_head{aspect-ratio:auto !important;height:auto !important}
html body #headerNavigationContainer .pkp_head_wrapper{height:auto !important;min-height:0 !important}
html body{background:var(--si-bg) !important;background-image:none !important}
@media(min-width:992px){
 html body #headerNavigationContainer .pkp_site_nav_menu{position:static !important;top:auto !important;bottom:auto !important;height:auto !important;background:none !important;background-image:none !important;box-shadow:none !important;backdrop-filter:none !important}
}
@media(min-width:992px){
 html body #headerNavigationContainer .pkp_navigation_primary_wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;height:auto !important;box-shadow:none !important;border-radius:0 !important}
 html body #headerNavigationContainer .pkp_navigation_search_wrapper{margin-left:auto;height:auto}
 html body #headerNavigationContainer .pkp_navigation_user_wrapper{height:auto !important;top:14px;right:24px}
 html body #headerNavigationContainer .pkp_navigation_primary_row{box-shadow:none !important;background:none !important;background-image:none !important;border:0 !important;border-radius:0 !important;backdrop-filter:none !important}
 /* el tema reparte el ancho entre contenido y lateral: sin relleno lateral para que el lateral no caiga debajo */
 html body .pkp_structure_page .pkp_structure_content{padding-left:0 !important;padding-right:0 !important}
}
/* barra del ecosistema: clara, como el resto */
html body .red-saberes{background:var(--si-surface) !important;background-image:none !important;border-bottom:1px solid var(--si-border)}
html body .red-saberes a{color:var(--si-muted) !important;text-shadow:none;font-family:var(--si-font) !important;letter-spacing:.02em}
html body .red-saberes a:hover{color:var(--si-action) !important;background:var(--si-soft)}
html body .red-saberes a.-aqui,html body .red-saberes a[aria-current="page"]{color:var(--si-action) !important;background:var(--si-soft) !important;box-shadow:inset 0 -2px 0 var(--si-gold)}
/* tarjetas y bloques: fondo blanco liso (sin efecto de vidrio) para que el texto se lea con buen contraste */
html body .pkp_structure_page .obj_monograph_summary,html body .pkp_structure_page .pkp_block,html body .pkp_structure_page .obj_monograph_full .main_entry,html body .pkp_structure_page .obj_article_summary,html body .pkp_structure_page .obj_issue_toc{background:var(--si-surface) !important;background-image:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
html body #headerNavigationContainer .pkp_site_nav_toggle{color:var(--si-navy);border-color:var(--si-border);background:var(--si-surface)}
/* el nombre ya va en texto real: se retira el texto dorado que antes se dibujaba con CSS junto al sello */
html body #headerNavigationContainer .pkp_site_name a.is_img::after,html body #headerNavigationContainer .pkp_site_name a.is_img::before{content:none !important;display:none !important}
@media(max-width:991px){
 html body #headerNavigationContainer .pkp_head_wrapper{padding-left:16px !important;padding-right:16px !important}
 html body #headerNavigationContainer .pkp_site_nav_menu{background:var(--si-surface) !important;background-image:none !important}
 html body #headerNavigationContainer .pkp_site_nav_toggle{background:var(--si-navy) !important;color:#fff !important;border-radius:10px !important;border:0 !important}
 html body #headerNavigationContainer .pkp_site_name a.is_img img{width:48px !important;height:48px !important}
 html body #headerNavigationContainer .pkp_site_name a.is_img{gap:10px;padding:10px 56px 10px 0}
 html body #headerNavigationContainer .si-brand-text small{display:none}
}

/* Paleta azul solicitada por Michael: acentos de navegación y avisos. 2026-10-04 */
html body{--si-gold:#2457d6;--si-gold-text:#2457d6;--oro:#2457d6}
html body .red-saberes a[aria-current="page"],html body .red-saberes a.-aqui{box-shadow:inset 0 -2px 0 #2457d6!important}
html body .cmp_notification{border-left-color:#2457d6!important;background:#eaf0fc!important}
html body #headerNavigationContainer .pkp_navigation_primary>li>a:hover,html body #headerNavigationContainer .pkp_navigation_primary>li>a:focus{background:#eaf0fc!important;color:#2457d6!important}
html body .si-tag{color:#2457d6;background:#eaf0fc}