/* ==========================================================================
   Revista Saberes Internacionales — estilo del catálogo de libros (20-oct-2026)
   Se carga DESPUÉS de estilos-blue-20261004.css y copia la línea visual de
   libros.saberesinternacionales.org: cabecera azul marino con degradado,
   Inter, bloques laterales con título azul, tarjetas blancas y pie oscuro
   con la franja de logos a color sin recuadros.
   Paleta: marino #0A1A3A, acción #2457D6, dorado #B88A2B solo en detalles.
   ========================================================================== */

:root {
  --rc-marino: #0A1A3A;
  --rc-accion: #2457D6;
  --rc-dorado: #B88A2B;
  --rc-fondo: #F5F7FB;
  --rc-borde: #E3E8F2;
  --rc-texto: #1C1E21;
  --rc-sombra: 0 10px 28px rgba(10, 26, 58, .10);
  --rc-cabecera: linear-gradient(180deg, #1d3f7a 0%, #143463 40%, #0c2342 75%, #0a1a33 100%);
  --rc-titulo-bloque: radial-gradient(260px 120px at 100% 0%, rgba(120, 160, 255, .20), rgba(0, 0, 0, 0) 65%),
                      linear-gradient(160deg, #1d3f7a 0%, #0e2a47 60%, #0a1a33 100%);
  --rc-pie: radial-gradient(700px 300px at 85% 0%, rgba(120, 160, 255, .16), rgba(0, 0, 0, 0) 60%),
            linear-gradient(160deg, #1d3f7a 0%, #0e2a47 45%, #050f1c 100%);
}

/* ---------- 1. Letra y fondo ---------------------------------------------- */
html:not(#zz) body,
html:not(#zz) body .pkp_structure_page,
html:not(#zz) body button,
html:not(#zz) body input,
html:not(#zz) body select,
html:not(#zz) body textarea {
  font-family: Inter, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
html:not(#zz) body {
  background: var(--rc-fondo) !important;
  background-image: none !important;
  color: var(--rc-texto);
}
html:not(#zz) body .pkp_structure_page { background: transparent !important; }
html:not(#zz) body h1, html:not(#zz) body h2, html:not(#zz) body h3,
html:not(#zz) body h4, html:not(#zz) body .page_title {
  font-family: Inter, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  color: var(--rc-marino);
  letter-spacing: -.01em;
}

/* ---------- 2. Barra de red (Editorial · Libros · Revista · ZAPHIENS) ------ */
html:not(#zz) body .red-saberes {
  background: #1d3f7a !important;
  border: 0 !important;
  box-shadow: none !important;
}
html:not(#zz) body .red-saberes a {
  color: #dbe5f8 !important;
  background: transparent !important;
}
html:not(#zz) body .red-saberes a:hover,
html:not(#zz) body .red-saberes a:focus { color: #fff !important; }
html:not(#zz) body .red-saberes a.-aqui {
  color: #fff !important;
  background: rgba(255, 255, 255, .14) !important;
  box-shadow: none !important;   /* sin raya dorada: a Michael no le gustan */
}

/* ---------- 3. Cabecera ---------------------------------------------------- */
html:not(#zz) body #headerNavigationContainer.pkp_structure_head {
  background: var(--rc-cabecera) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}
html:not(#zz) body #headerNavigationContainer.pkp_structure_head .pkp_head_wrapper,
html:not(#zz) body #headerNavigationContainer.pkp_structure_head .pkp_site_name_wrapper,
html:not(#zz) body #headerNavigationContainer.pkp_structure_head .pkp_site_name,
html:not(#zz) body #headerNavigationContainer.pkp_structure_head .pkp_site_nav_menu,
html:not(#zz) body #headerNavigationContainer.pkp_structure_head .pkp_navigation_primary_row,
html:not(#zz) body #headerNavigationContainer.pkp_structure_head .pkp_navigation_primary_wrapper,
html:not(#zz) body #headerNavigationContainer.pkp_structure_head .pkp_navigation_primary,
html:not(#zz) body #headerNavigationContainer.pkp_structure_head .pkp_navigation_search_wrapper,
html:not(#zz) body #headerNavigationContainer.pkp_structure_head .pkp_navigation_user_wrapper {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html:not(#zz) body #headerNavigationContainer .pkp_site_name .is_img {
  display: flex !important;
  align-items: center;
  gap: 22px;
  text-decoration: none !important;
}
html:not(#zz) body #headerNavigationContainer .pkp_site_name .is_img img {
  width: 96px !important;
  height: 96px !important;
  max-height: none !important;
  object-fit: cover;
  border-radius: 50% !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .35) !important;
  background: #fff;
}
html:not(#zz) body #headerNavigationContainer .si-brand-text {
  display: inline-flex !important;
  flex-direction: column;
  gap: 6px;
  margin: 0 !important;
}
html:not(#zz) body #headerNavigationContainer .si-brand-text strong {
  font-family: Inter, -apple-system, "Segoe UI", sans-serif !important;
  font-size: clamp(1.6rem, 2.5vw, 2rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -.015em !important;
  color: #fff !important;
  text-shadow: none !important;
}
html:not(#zz) body #headerNavigationContainer .si-brand-text small {
  font-size: .7rem !important;
  font-weight: 600 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase;
  color: #a9c1ef !important;
}
/* menú principal */
html:not(#zz) body #headerNavigationContainer .pkp_navigation_primary > li > a,
html:not(#zz) body #headerNavigationContainer .pkp_navigation_search_wrapper a {
  color: #eef3ff !important;
  font-size: .8225rem !important;
  font-weight: 600 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 8px !important;
}
/* al pasar el ratón: fondo suave, sin raya dorada */
html:not(#zz) body #headerNavigationContainer .pkp_navigation_primary > li > a:hover,
html:not(#zz) body #headerNavigationContainer .pkp_navigation_primary > li > a:focus,
html:not(#zz) body #headerNavigationContainer .pkp_navigation_search_wrapper a:hover,
html:not(#zz) body #headerNavigationContainer .pkp_navigation_search_wrapper a:focus {
  color: #fff !important;
  background: rgba(255, 255, 255, .12) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
html:not(#zz) body #headerNavigationContainer .fa,
html:not(#zz) body #headerNavigationContainer .pkp_search { color: #eef3ff !important; }
/* submenús */
html:not(#zz) body #headerNavigationContainer .pkp_navigation_primary ul,
html:not(#zz) body #headerNavigationContainer .dropdown-menu {
  background: #0e2a47 !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35) !important;
  backdrop-filter: none !important;
}
html:not(#zz) body #headerNavigationContainer .pkp_navigation_primary ul a,
html:not(#zz) body #headerNavigationContainer .dropdown-menu a {
  color: #eaf0fc !important;
  background: transparent !important;
  border: 0 !important;
}
html:not(#zz) body #headerNavigationContainer .pkp_navigation_primary ul a:hover,
html:not(#zz) body #headerNavigationContainer .pkp_navigation_primary ul a:focus,
html:not(#zz) body #headerNavigationContainer .dropdown-menu a:hover,
html:not(#zz) body #headerNavigationContainer .dropdown-menu a:focus {
  background: rgba(255, 255, 255, .10) !important;
  color: #fff !important;
}
/* Registrarse / Entrar como cápsulas */
html:not(#zz) body #headerNavigationContainer .pkp_navigation_user > li > a {
  color: #fff !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  background: rgba(120, 160, 230, .10) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 10px !important;
  padding: 0 14px !important;
}
html:not(#zz) body #headerNavigationContainer .pkp_navigation_user > li > a:hover,
html:not(#zz) body #headerNavigationContainer .pkp_navigation_user > li > a:focus {
  background: rgba(120, 160, 230, .22) !important;
}
html:not(#zz) body #headerNavigationContainer .pkp_site_nav_toggle {
  background: var(--rc-accion) !important;
  color: #fff !important;
  border-radius: 10px !important;
}

/* ---------- 4. Contenido y tarjetas --------------------------------------- */
html:not(#zz) body .pkp_structure_content { background: transparent !important; }
html:not(#zz) body .pkp_structure_main a:not(.cmp_button):not(.btn-marca):not(.obj_galley_link) { color: var(--rc-accion); }
html:not(#zz) body .homepage_about,
html:not(#zz) body .homepage_image,
html:not(#zz) body .additional_content,
html:not(#zz) body .current_issue,
html:not(#zz) body .page_index_journal > section,
html:not(#zz) body .page_about,
html:not(#zz) body .page_contact,
html:not(#zz) body .page_submissions,
html:not(#zz) body .page_issue_archive,
html:not(#zz) body .page_announcements,
html:not(#zz) body .page_search,
html:not(#zz) body .page_masthead,
html:not(#zz) body .page_navigation_menu_item,
html:not(#zz) body .pkp_structure_main > .page,
html:not(#zz) body .page_issue,
html:not(#zz) body .obj_article_details {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid var(--rc-borde) !important;
  border-radius: 16px !important;
  box-shadow: var(--rc-sombra) !important;
  backdrop-filter: none !important;
  padding: 30px !important;
  margin-bottom: 24px !important;
}
html:not(#zz) body .page_index_journal { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
html:not(#zz) body .homepage_about h2,
html:not(#zz) body .current_issue > h2,
html:not(#zz) body .pkp_structure_main .page_title,
html:not(#zz) body .pkp_structure_main > div > h1 {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: var(--rc-marino) !important;
  margin-top: 0 !important;
  padding-left: 12px !important;
  border-left: 4px solid var(--rc-accion) !important;
  background: none !important;
}
html:not(#zz) body .homepage_about h2::before,
html:not(#zz) body .homepage_about h2::after,
html:not(#zz) body .pkp_structure_main .page_title::before,
html:not(#zz) body .pkp_structure_main .page_title::after { display: none !important; }
/* anclas vacías (#homepageAbout…): la hoja anterior las pintaba como recuadros blancos */
html:not(#zz) body .pkp_structure_main a[id]:empty {
  display: block !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html:not(#zz) body .cmp_breadcrumbs { margin-bottom: 14px; }
html:not(#zz) body .obj_article_summary {
  background: #fff !important;
  border: 1px solid var(--rc-borde) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(10, 26, 58, .06) !important;
  padding: 18px 20px !important;
}

/* ---------- 5. Barra lateral ---------------------------------------------- */
html:not(#zz) body .pkp_structure_sidebar .pkp_block:not(.block_custom) {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid var(--rc-borde) !important;
  border-radius: 18px !important;
  box-shadow: var(--rc-sombra) !important;
  backdrop-filter: none !important;
  padding: 0 0 14px !important;
  overflow: hidden;
}
html:not(#zz) body .pkp_structure_sidebar .pkp_block:not(.block_custom) .title {
  display: block !important;
  background: var(--rc-titulo-bloque) !important;
  color: #fff !important;
  font-size: .7875rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .1em !important;
  padding: 16px 20px !important;
  margin: 0 0 10px !important;
  border: 0 !important;
}
html:not(#zz) body .pkp_structure_sidebar .pkp_block:not(.block_custom) .title::before,
html:not(#zz) body .pkp_structure_sidebar .pkp_block:not(.block_custom) .title::after { display: none !important; }
html:not(#zz) body .pkp_structure_sidebar .pkp_block:not(.block_custom) .content { padding: 0 20px !important; }
html:not(#zz) body .pkp_structure_sidebar .pkp_block:not(.block_custom) .content a {
  color: var(--rc-accion) !important;
  font-weight: 500;
}
html:not(#zz) body .pkp_structure_sidebar .pkp_block:not(.block_custom) .content li { padding: 4px 0 !important; border: 0 !important; }

/* ---------- 6. Pie --------------------------------------------------------- */
html:not(#zz) body .pkp_structure_footer_wrapper {
  background: var(--rc-pie) !important;
  color: #eaf0fc !important;
  border: 0 !important;
  padding: 0 0 48px !important;
}
html:not(#zz) body .pkp_structure_footer { padding: 32px 24px 0 !important; max-width: 1280px; margin: 0 auto; }
html:not(#zz) body .pkp_footer_content {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #eaf0fc !important;
  text-align: center;
  padding: 24px 24px 8px !important;
}
html:not(#zz) body .pkp_footer_content p { margin: 0 0 .6rem !important; line-height: 1.6; color: #eaf0fc !important; }
html:not(#zz) body .pkp_footer_content a { color: #fff !important; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .35); }
html:not(#zz) body .pkp_footer_content a:hover { text-decoration-color: var(--rc-dorado); }
html:not(#zz) body .pkp_footer_content strong { color: #fff; }
html:not(#zz) body .pkp_brand_footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 1.75rem !important;
  padding: 2rem 1.5rem 0 !important;
  margin-top: 1rem;
  border-top: 0 !important;
  background: transparent !important;
}
html:not(#zz) body .pkp_brand_footer > a img {
  filter: brightness(0) invert(1) !important;
  opacity: .75 !important;
  max-width: 120px;
}
/* franja de logos a color, sin recuadros, repartida a lo ancho */
html:not(#zz) body .pkp_brand_footer .franja-indexaciones {
  width: 100%;
  max-width: 1240px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  gap: 1.5rem 1rem;
  padding: 0;
  margin: 0;
  border: 0;
}
html:not(#zz) body .franja-indexaciones a.logo-ficha {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-decoration: none !important;
  transition: transform .15s ease, opacity .15s ease;
}
html:not(#zz) body .franja-indexaciones a.logo-ficha:hover,
html:not(#zz) body .franja-indexaciones a.logo-ficha:focus { transform: translateY(-2px); opacity: .85; }
html:not(#zz) body .franja-indexaciones a.logo-ficha img {
  height: 40px;
  width: auto;
  max-width: 170px;
  display: block;
  filter: none !important;
  opacity: 1 !important;
  background: none !important;
}
html:not(#zz) body .franja-indexaciones a.logo-ficha img.logo-ccby,
html:not(#zz) body .franja-indexaciones a.logo-ficha img.logo-oai { height: 36px; border-radius: 3px; }
html:not(#zz) body .franja-indexaciones a.logo-ficha img.logo-acceso { height: 40px; }
html:not(#zz) body .franja-indexaciones a.logo-ficha .logo-texto {
  color: #fff;
  font-size: 1.05rem;
  font-weight: 600;
  white-space: nowrap;
}

/* ---------- 7. Proporciones del catálogo (escritorio) ---------------------- */
/* Medidas tomadas de libros.saberesinternacionales.org a 1280 px: cabecera de
   168 px = 119 del nombre + 49 del menú; Registrarse/Entrar suben a la barra
   de red, a la derecha. */
@media (min-width: 992px) {
  html:not(#zz) body #headerNavigationContainer.pkp_structure_head { height: auto !important; min-height: 0 !important; padding: 0 !important; aspect-ratio: auto !important; }
  html:not(#zz) body #headerNavigationContainer .pkp_head_wrapper {
    position: relative !important;
    max-width: 1160px;
    margin: 0 auto !important;
    padding: 0 !important;
    height: auto !important;
  }
  html:not(#zz) body #headerNavigationContainer .pkp_site_name_wrapper,
  html:not(#zz) body #headerNavigationContainer .pkp_site_name {
    position: static !important;
    height: 119px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    top: auto !important;
  }
  html:not(#zz) body #headerNavigationContainer .pkp_site_name .is_img {
    height: 96px !important;
    padding: 8px 0 !important;
    width: auto !important;
  }
  /* sello de 112 px como la medalla del catálogo; el margen negativo evita que agrande la cabecera */
  html:not(#zz) body #headerNavigationContainer .pkp_site_name .is_img img { width: 112px !important; height: 112px !important; margin: -8px 0 !important; }
  html:not(#zz) body #headerNavigationContainer .pkp_site_nav_menu {
    position: static !important;
    height: 49px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    top: auto !important;
    bottom: auto !important;
  }
  html:not(#zz) body #headerNavigationContainer .pkp_navigation_primary_row {
    height: 49px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }
  html:not(#zz) body #headerNavigationContainer .pkp_navigation_primary_wrapper { display: flex !important; align-items: center; width: 100%; padding: 0 !important; }
  html:not(#zz) body #headerNavigationContainer .pkp_navigation_primary { display: flex !important; align-items: center; margin: 0 !important; padding: 0 !important; }
  html:not(#zz) body #headerNavigationContainer .pkp_navigation_primary > li { margin: 0 3px !important; }
  html:not(#zz) body #headerNavigationContainer .pkp_navigation_primary > li > a {
    display: inline-flex !important;
    align-items: center;
    height: 38px !important;
    padding: 6px 14px !important;
    margin: 0 !important;
  }
  html:not(#zz) body #headerNavigationContainer .pkp_navigation_search_wrapper { margin-left: auto !important; padding: 0 !important; }
  html:not(#zz) body #headerNavigationContainer .pkp_navigation_user_wrapper {
    position: absolute !important;
    top: -38px !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    height: 38px !important;
    width: auto !important;
    display: flex !important;
    align-items: center;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 5;
  }
  html:not(#zz) body #headerNavigationContainer .pkp_navigation_user { display: flex !important; gap: 8px; margin: 0 !important; padding: 0 !important; }
  html:not(#zz) body #headerNavigationContainer .pkp_navigation_user > li > a { height: 30px !important; display: inline-flex !important; align-items: center; }
}

/* ---------- 8. Sello que gira como moneda, sin fondo ni filos -------------- */
/* ciclo de 12 s: 10 s de frente, quieto, y 2 s de vuelta completa */
@keyframes rc-moneda {
  0%, 83.33% { transform: perspective(600px) rotateY(0); }
  100% { transform: perspective(600px) rotateY(360deg); }
}
html:not(#zz) body #headerNavigationContainer .pkp_site_name .is_img img {
  content: url(sello-revista-320.webp);
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .35));
  animation: rc-moneda 12s ease-in-out infinite;
  backface-visibility: visible;
  will-change: transform;
}
html:not(#zz) body #headerNavigationContainer .pkp_site_name .is_img:hover img { animation-play-state: paused; }

/* ---------- 9. Marca de agua ZAPHIENS, igual que el catálogo --------------- */
html:not(#zz) body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: url(zaphiens-marca-agua.png) center center / min(70vw, 760px) no-repeat;
  opacity: .06;
  pointer-events: none;
  z-index: 0;
}
html:not(#zz) body .pkp_structure_page { position: relative; z-index: 1; }
html:not(#zz) body #headerNavigationContainer.pkp_structure_head,
html:not(#zz) body .pkp_structure_footer_wrapper { position: relative; overflow: hidden; }
html:not(#zz) body #headerNavigationContainer.pkp_structure_head { overflow: visible; }
html:not(#zz) body #headerNavigationContainer.pkp_structure_head::after,
html:not(#zz) body .pkp_structure_footer_wrapper::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 6% !important;
  left: auto !important;
  width: min(30vw, 300px) !important;
  height: min(30vw, 300px) !important;
  transform: translateY(-50%) !important;
  background: url(zaphiens-marca-agua-blanco.png) center / contain no-repeat !important;
  opacity: .08 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border: 0 !important;
}
html:not(#zz) body #headerNavigationContainer.pkp_structure_head::after { top: 6px !important; bottom: auto !important; height: 108px !important; width: 134px !important; transform: none !important; right: 5% !important; opacity: .11 !important; }
@media (max-width: 991px) {
  html:not(#zz) body #headerNavigationContainer.pkp_structure_head::after { top: 50% !important; height: 64px !important; width: 80px !important; transform: translateY(-50%) !important; right: 72px !important; }
}
html:not(#zz) body #headerNavigationContainer.pkp_structure_head > *,
html:not(#zz) body .pkp_structure_footer_wrapper > * { position: relative; z-index: 1; }
html:not(#zz) body .pkp_structure_sidebar .pkp_block:not(.block_custom) .title { position: relative !important; }
html:not(#zz) body .pkp_structure_sidebar .pkp_block:not(.block_custom) .title::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: 10px;
  top: 50%;
  width: 64px;
  height: 64px;
  transform: translateY(-50%);
  background: url(zaphiens-marca-agua-blanco.png) center / contain no-repeat !important;
  opacity: .14;
  border: 0 !important;
  margin: 0 !important;
}

/* ---------- 10. Movimiento suave ------------------------------------------- */
@keyframes rc-sube { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
html:not(#zz) body .pkp_structure_main > *,
html:not(#zz) body .pkp_structure_sidebar .pkp_block { animation: rc-sube .6s ease-out both; }
html:not(#zz) body .pkp_structure_sidebar .pkp_block:nth-child(2) { animation-delay: .08s; }
html:not(#zz) body .pkp_structure_sidebar .pkp_block:nth-child(3) { animation-delay: .16s; }
html:not(#zz) body .pkp_structure_sidebar .pkp_block:nth-child(n+4) { animation-delay: .24s; }
html:not(#zz) body .homepage_about,
html:not(#zz) body .obj_article_summary,
html:not(#zz) body .pkp_structure_sidebar .pkp_block:not(.block_custom) { transition: transform .2s ease, box-shadow .2s ease; }
html:not(#zz) body .homepage_about:hover,
html:not(#zz) body .obj_article_summary:hover,
html:not(#zz) body .pkp_structure_sidebar .pkp_block:not(.block_custom):hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(10, 26, 58, .16) !important;
}
@media (prefers-reduced-motion: reduce) {
  html:not(#zz) body #headerNavigationContainer .pkp_site_name .is_img img,
  html:not(#zz) body .pkp_structure_main > *,
  html:not(#zz) body .pkp_structure_sidebar .pkp_block { animation: none !important; }
  html:not(#zz) body .homepage_about:hover,
  html:not(#zz) body .obj_article_summary:hover,
  html:not(#zz) body .pkp_structure_sidebar .pkp_block:hover { transform: none; }
}
@media print { html:not(#zz) body::before { display: none; } }

/* ---------- 10b. Título dorado de la portada en el encabezado -------------- */
/* Misma rotulación de la portada del n.º 1 (titulo-dorado.webp, recortada sin
   fondo). El texto sigue en el HTML para lectores de pantalla y buscadores. */
html:not(#zz) body #headerNavigationContainer .si-brand-text strong {
  display: block !important;
  width: 470px;
  max-width: 100%;
  height: 72px;
  background: url(titulo-dorado-hd.webp) center / contain no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden;
}
@media (max-width: 991px) {
  html:not(#zz) body #headerNavigationContainer .si-brand-text strong { width: 200px; height: 31px; }
}
/* solo el título va centrado en la página; el sello sigue a la izquierda y el menú igual que antes */
@media (min-width: 992px) {
  html:not(#zz) body #headerNavigationContainer .pkp_site_name { width: 100% !important; }
  html:not(#zz) body #headerNavigationContainer .pkp_site_name .is_img { width: 100% !important; position: relative; }
  html:not(#zz) body #headerNavigationContainer .si-brand-text {
    position: absolute !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    text-align: center;
  }
}

/* ---------- 10c. Red animada de puntos y líneas en el encabezado ------------ */
/* El lienzo lo crea red-cabecera.js; va detrás del contenido y no recibe clics. */
html:not(#zz) body #headerNavigationContainer .rc-red {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0 !important;
  pointer-events: none;
  display: block;
}
html:not(#zz) body #headerNavigationContainer.pkp_structure_head > .pkp_head_wrapper { position: relative; z-index: 1; }
/* planeta de la portada del vol. 1 a la derecha, fundido con el azul; la red animada va encima */
/* La Tierra gira: la dibuja globo-cabecera.js en un lienzo; sin JS queda la imagen fija. */
html:not(#zz) body #headerNavigationContainer.pkp_structure_head {
  background: url(globo-cabecera.webp) right -50px center / 380px auto no-repeat, var(--rc-cabecera) !important;
}
html:not(#zz) body #headerNavigationContainer.pkp_structure_head:has(.rc-globo) {
  background: var(--rc-cabecera) !important;
}
html:not(#zz) body #headerNavigationContainer .rc-globo-marco {
  position: absolute !important;
  inset: 0;
  overflow: hidden;
  z-index: 0 !important;
  pointer-events: none;
}
html:not(#zz) body #headerNavigationContainer .rc-globo {
  position: absolute !important;
  right: -17px;
  top: 50%;
  width: 314px;
  height: 314px;
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 46px rgba(90, 150, 255, .40);
  z-index: 0 !important;
  pointer-events: none;
}
@media (max-width: 991px) {
  html:not(#zz) body #headerNavigationContainer .rc-globo-marco { display: none !important; }
}
@media (max-width: 991px) {
  html:not(#zz) body #headerNavigationContainer.pkp_structure_head {
    /* en el celular el planeta tapaba el título: aquí solo queda la red animada */
    background: var(--rc-cabecera) !important;
  }
}

/* ---------- 11. Tableta y celular ------------------------------------------ */
@media (max-width: 991px) {
  html:not(#zz) body #headerNavigationContainer .pkp_site_name .is_img { gap: 14px; }
  html:not(#zz) body #headerNavigationContainer .pkp_site_name .is_img img { width: 64px !important; height: 64px !important; }
  /* el nombre se corta bajo el botón ☰: se deja partir en dos líneas y se le reserva el sitio del botón */
  html:not(#zz) body #headerNavigationContainer .pkp_site_name {
    max-width: calc(100% - 60px) !important;
    white-space: normal !important;
  }
  html:not(#zz) body #headerNavigationContainer .pkp_site_name .is_img { padding-right: 0 !important; }
  /* la hoja anterior dibujaba el nombre otra vez con ::after: ahora va en texto real */
  html:not(#zz) body #headerNavigationContainer .pkp_site_name::after { content: none !important; display: none !important; }
  html:not(#zz) body #headerNavigationContainer .si-brand-text,
  html:not(#zz) body #headerNavigationContainer .si-brand-text strong { white-space: normal !important; min-width: 0; }
  html:not(#zz) body #headerNavigationContainer .si-brand-text strong { font-size: 1.15rem !important; line-height: 1.15 !important; }
  html:not(#zz) body #headerNavigationContainer .si-brand-text small { font-size: .58rem !important; letter-spacing: .1em !important; }
  html:not(#zz) body #headerNavigationContainer .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
    background: #0e2a47 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35) !important;
  }
}
@media (max-width: 767px) {
  html:not(#zz) body .homepage_about,
  html:not(#zz) body .additional_content,
  html:not(#zz) body .current_issue,
  html:not(#zz) body .page_about,
  html:not(#zz) body .page_contact,
  html:not(#zz) body .page_submissions,
  html:not(#zz) body .page_issue_archive,
  html:not(#zz) body .page_announcements,
  html:not(#zz) body .page_search,
  html:not(#zz) body .page_masthead,
  html:not(#zz) body .page_navigation_menu_item,
  html:not(#zz) body .pkp_structure_main > .page,
  html:not(#zz) body .page_issue,
  html:not(#zz) body .obj_article_details { padding: 20px !important; border-radius: 14px !important; }
  html:not(#zz) body .pkp_brand_footer .franja-indexaciones { gap: 1.25rem .75rem; }
  html:not(#zz) body .franja-indexaciones a.logo-ficha img { height: 28px; max-width: 120px; }
  html:not(#zz) body .franja-indexaciones a.logo-ficha img.logo-ccby,
  html:not(#zz) body .franja-indexaciones a.logo-ficha img.logo-oai { height: 26px; }
  html:not(#zz) body .franja-indexaciones a.logo-ficha img.logo-acceso { height: 30px; }
  html:not(#zz) body .franja-indexaciones a.logo-ficha .logo-texto { font-size: .9rem; }
}

/* ---------- 12. Franja de logos: no se encogen, pasan a otra fila ------------ */
html:not(#zz) body .franja-indexaciones a.logo-ficha { flex: 0 0 auto; max-width: none !important; width: auto !important; }
html:not(#zz) body .pkp_brand_footer .franja-indexaciones { gap: 1.5rem 2rem; }

/* ---------- 12. Cabecera con el banner de Michael, entero y a todo el ancho (28-oct-2026) ----------
   banner-revista-20261028b.webp = banner de 2000×352 sin las franjas vacías (y 44–304) y sin el sello.
   Va a todo el ancho de la cabecera: 1 px del banner = 0,05cqw; la franja crece con el ancho
   y el menú queda debajo. El sello del mismo banner gira encima, en su sitio.    globo-cabecera.js pinta la Tierra con la red neuronal justo sobre la del banner. */
html:not(#zz):not(#zy) body .red-saberes { background: #00153b !important; }
html:not(#zz):not(#zy) body #headerNavigationContainer .pkp_site_name .is_img img { content: url(sello-revista-20261028.webp); }
@media (min-width: 992px) {
  html:not(#zz):not(#zy) body #headerNavigationContainer.pkp_structure_head,
  html:not(#zz):not(#zy) body #headerNavigationContainer.pkp_structure_head:has(.rc-globo) { container-type: inline-size; height: auto !important; min-height: 0 !important; padding: 0 !important;
    background: url(banner-revista-20261028b.webp) center top / 100% auto no-repeat, #03183f !important; }
  html:not(#zz):not(#zy) body #headerNavigationContainer.pkp_structure_head > .pkp_head_wrapper, html:not(#zz):not(#zy) body #headerNavigationContainer .pkp_site_name .is_img { position: static !important; }
  html:not(#zz):not(#zy) body #headerNavigationContainer .pkp_site_name_wrapper, html:not(#zz):not(#zy) body #headerNavigationContainer .pkp_site_name { height: 13cqw !important; min-height: 0 !important; }
  html:not(#zz):not(#zy) body #headerNavigationContainer.pkp_structure_head .pkp_site_name .is_img img {
    position: absolute !important; z-index: 2; margin: 0 !important; max-height: none !important;
    left: 2.55cqw; top: 0.2cqw; width: 11.8cqw !important; height: 12.75cqw !important;
  }
  /* el nombre ya está en el banner: queda solo para lectores de pantalla y buscadores */
  html:not(#zz):not(#zy) body #headerNavigationContainer .si-brand-text { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important;
    clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; margin: 0 !important; transform: none !important; }
  html:not(#zz):not(#zy) body #headerNavigationContainer.pkp_structure_head::after { display: none !important; }
  html:not(#zz):not(#zy) body #headerNavigationContainer .rc-globo-marco { inset: 0 0 auto 0 !important; height: 13cqw; }
  html:not(#zz):not(#zy) body #headerNavigationContainer .rc-globo {
    right: auto; left: 78.45cqw; top: -4.05cqw; width: 26.2cqw; height: 26.2cqw; transform: none; box-shadow: 0 0 26px rgba(90, 150, 255, .35);
  }
}

/* ---------- 14. Fondo de constelaciones y galaxia de la portada (2-nov-2026) ----------
   Recorte de cover_issue_1_es_v8.jpg (sin texto ni planeta) en una capa fija detrás de
   todo, con un velo azul oscuro. La marca de agua ZAPHIENS pasa a su versión blanca
   para que siga viéndose sobre el fondo oscuro. Revertir: borrar esta sección. */
html:not(#zz) body { background: #050b1f !important; }
html:not(#zz) body::after {
  content: "";
  position: fixed;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(5, 11, 31, .35) 0%, rgba(5, 11, 31, .62) 100%),
    url(fondo-constelaciones-20261102.webp) center 40% / cover no-repeat;
  pointer-events: none;
  z-index: 0;
}
html:not(#zz) body::before {
  background-image: url(zaphiens-marca-agua-blanco.png);
  opacity: .05;
  z-index: 1;
}
html:not(#zz) body .pkp_structure_page { z-index: 2; }
/* nota suelta bajo la tarjeta ORCID: sin tarjeta detrás, va en claro */
html:not(#zz) body .pkp_structure_sidebar .tarjeta-nota { color: #d6deee !important; }
/* migas de pan: quedan sobre el fondo, fuera de la tarjeta */
html:not(#zz) body .cmp_breadcrumbs,
html:not(#zz) body .cmp_breadcrumbs a,
html:not(#zz) body .cmp_breadcrumbs .current,
html:not(#zz) body .cmp_breadcrumbs .separator { color: #d6deee !important; }
@media print { html:not(#zz) body::after { display: none; } }

/* Fondo de la revista al 80 % de transparencia (3-nov-2026) */
html:not(#zz):not(#zy) body::after { opacity: .2 !important; }

/* Fondo al 65 % de transparencia sobre fondo claro; migas de pan y nota en azul legible (3-nov-2026). Revertir: borrar esta sección. */
html:not(#zz):not(#zy) body { background: #f4f6fb !important; }
html:not(#zz):not(#zy) body::after { opacity: .35 !important; }
html:not(#zz):not(#zy) body .pkp_structure_sidebar .tarjeta-nota { color: #3b4a66 !important; }
html:not(#zz):not(#zy) body .cmp_breadcrumbs,
html:not(#zz):not(#zy) body .cmp_breadcrumbs .separator { color: #5a6782 !important; }
html:not(#zz):not(#zy) body .cmp_breadcrumbs a { color: #2457D6 !important; }
html:not(#zz):not(#zy) body .cmp_breadcrumbs .current { color: #0A1A3A !important; }/* Menos espacio entre las migas de pan y el título (3-nov-2026) */
html:not(#zz):not(#zy) body .cmp_breadcrumbs { margin-bottom: 4px !important; }
html:not(#zz):not(#zy) body .cmp_breadcrumbs + .page, html:not(#zz):not(#zy) body .cmp_breadcrumbs ~ .page { padding-top: 6px !important; }
/* Bloques laterales visibles desde el inicio: la animación al bajar dejaba huecos en el celular (3-nov-2026) */
html:not(#zz):not(#zy) body .pkp_structure_sidebar .revelar { opacity: 1 !important; transform: none !important; }
/* Espacios verticales más cortos en todas las páginas internas (3-nov-2026) */
html:not(#zz):not(#zy) body .page { padding-top: 14px !important; }
html:not(#zz):not(#zy) body .cmp_breadcrumbs, html:not(#zz):not(#zy) body .cmp_breadcrumbs ol { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; min-height: 0 !important; height: auto !important; }
html:not(#zz):not(#zy) body .cmp_breadcrumbs { margin-bottom: 8px !important; }
html:not(#zz):not(#zy) body .page > h1, html:not(#zz):not(#zy) body .page .page_title { margin-bottom: 10px !important; }
html:not(#zz):not(#zy) body .issues_archive > li { padding-top: 12px !important; }
html:not(#zz):not(#zy):not(#zx) body .pkp_structure_main .page { padding-top: 14px !important; }
html:not(#zz):not(#zy):not(#zx) body .cmp_breadcrumbs ol, html:not(#zz):not(#zy):not(#zx) body .cmp_breadcrumbs li { margin-bottom: 0 !important; }
html:not(#zz):not(#zy):not(#zw):not(#zv) body .pkp_structure_main .page { padding-top: 16px !important; }