/* ==================================================================
   Cruces. Revista de Ciencias Religiosas, Filosofía y Ética
   Hoja de estilo de la revista (OJS 3.5, tema por defecto)
   Unidad de Revistas Científicas y Cienciometría, UCT
   v2 - 13-10-2026: identidad visual a partir del logo oficial
        (paleta café-dorada, cabecera con logo, portada y pie propios).
   Se conservan las correcciones v1 (19-08-2026) sobre la hoja del sitio.
   ================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap');

:root {
  --cr-oscuro: #4a2e06;   /* barra de navegación */
  --cr-cafe:   #854500;   /* texto del logo: enlaces y títulos */
  --cr-oro:    #b47e1e;   /* emblema: acentos y filetes */
  --cr-oro-cl: #cd932d;   /* emblema, tono claro */
  --cr-crema:  #faf6ee;   /* fondos suaves */
  --cr-linea:  #e8dcc6;
  --cr-texto:  #2b2620;
}

/* ---------- 1. Correcciones v1 sobre la hoja del sitio ---------- */

/* H1 de lectores de pantalla: la hoja del sitio lo vuelve visible. */
body h1.pkp_screen_reader,
body .pkp_structure_head h1.pkp_screen_reader {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* La barra se extiende con 100vw y genera scroll horizontal. */
html { overflow-x: hidden !important; }

@media (min-width: 992px) {
  body .pkp_head_wrapper .pkp_site_name_wrapper { padding-right: 0 !important; }
}

/* ---------- 2. Cabecera con logo ---------- */

body .pkp_structure_head {
  background: #fff !important;
  border-bottom: 0 !important;
}
body .pkp_head_wrapper .pkp_site_name_wrapper {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}
@media (min-width: 992px) {
  body .pkp_head_wrapper {
    padding-top: 1.6rem !important;
    padding-bottom: 0 !important;
  }
  body .pkp_head_wrapper .pkp_site_name_wrapper { padding: 0 0 1.4rem !important; }
}
body .pkp_head_wrapper .pkp_site_name {
  width: 100% !important;
  float: none !important;
  text-align: center !important;
}
body .pkp_head_wrapper .pkp_site_name .is_img {
  display: inline-block !important;
  float: none !important;
  margin: 0 auto !important;
}
@media (min-width: 992px) {
  body .pkp_head_wrapper .pkp_site_name .is_img img,
  body .pkp_site_name_wrapper > .pkp_site_name img {
    height: 96px !important;
    max-height: 96px !important;
    width: auto !important;
    max-width: 100% !important;
  }
}
/* Móvil: el tema usa una cabecera compacta con el botón de menú a la izquierda */
@media (max-width: 991px) {
  /* El botón de menú tiene las barras blancas y la hoja del sitio deja la
     cabecera en blanco: quedaba invisible. */
  body .pkp_site_nav_toggle span::before,
  body .pkp_site_nav_toggle span::after,
  body .pkp_site_nav_toggle::before,
  body .pkp_site_nav_toggle::after {
    background-color: var(--cr-cafe) !important;
    border-color: var(--cr-cafe) !important;
  }
  body .pkp_site_nav_toggle span::after { box-shadow: 0 8px 0 var(--cr-cafe) !important; }
  body .pkp_head_wrapper .pkp_site_name_wrapper { min-height: 64px !important; }
  body .pkp_head_wrapper .pkp_site_name .is_img { padding: 8px 0 !important; }
  body .pkp_head_wrapper .pkp_site_name .is_img img,
  body .pkp_site_name_wrapper > .pkp_site_name img {
    height: 46px !important;
    max-height: 46px !important;
    width: auto !important;
    max-width: 70vw !important;
  }
}
/* Respaldo si se quita el logo: nombre en texto con el color de la revista */
body .pkp_head_wrapper .pkp_site_name .is_text {
  display: inline-block !important;
  color: var(--cr-cafe) !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}

/* Menú de usuario (Registrarse / Entrar) */
body .pkp_navigation_user_wrapper a,
body .pkp_navigation_user > li > a {
  color: var(--cr-cafe) !important;
}

/* ---------- 3. Barra de navegación ---------- */

body .pkp_navigation_primary_row,
body .pkp_navigation_primary_row .pkp_nav_list {
  background: var(--cr-oscuro) !important;
}
body .pkp_navigation_primary_row {
  border-top: 3px solid var(--cr-oro) !important;
}
body .pkp_navigation_primary_row .pkp_navigation_primary > li > a {
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: .02em;
  border-bottom: 2px solid transparent !important;
}
body .pkp_navigation_primary_row .pkp_navigation_primary > li > a:hover,
body .pkp_navigation_primary_row .pkp_navigation_primary > li > a:focus {
  color: #fff !important;
  border-bottom-color: var(--cr-oro-cl) !important;
  text-decoration: none !important;
}
/* "Buscar" ya está en el menú: se oculta el acceso duplicado de la derecha */
@media (min-width: 992px) {
  body .pkp_navigation_search_wrapper { display: none !important; }
}

/* Submenú desplegable: fondo blanco, texto café */
body .pkp_navigation_primary_row .dropdown-menu a,
body .pkp_navigation_primary .dropdown-menu a,
body .pkp_navigation_primary ul ul a {
  color: var(--cr-cafe) !important;
  font-weight: 400 !important;
  background-color: #fff !important;
}
body .pkp_navigation_primary_row .dropdown-menu a:hover,
body .pkp_navigation_primary_row .dropdown-menu a:focus,
body .pkp_navigation_primary .dropdown-menu a:hover,
body .pkp_navigation_primary .dropdown-menu a:focus,
body .pkp_navigation_primary ul ul a:hover,
body .pkp_navigation_primary ul ul a:focus {
  color: #fff !important;
  background-color: var(--cr-cafe) !important;
  border-left-color: var(--cr-oro) !important;
}
body .pkp_navigation_primary .dropdown-menu {
  border: 1px solid var(--cr-linea) !important;
  border-top: 3px solid var(--cr-oro) !important;
  box-shadow: 0 4px 12px rgba(74, 46, 6, .15) !important;
}

/* ---------- 4. Contenido: enlaces, títulos, botones ---------- */

body .pkp_structure_main a,
body .pkp_structure_sidebar a,
body .cmp_breadcrumbs a {
  color: var(--cr-cafe);
}
body .pkp_structure_main a:hover,
body .pkp_structure_main a:focus {
  color: var(--cr-oscuro);
}
body .pkp_structure_main h1,
body .page h1 {
  color: var(--cr-oscuro);
}
body .pkp_structure_main h2,
body .pkp_structure_main h3 {
  color: var(--cr-cafe);
}
body .cmp_button,
body .cmp_form .buttons button,
body .pkp_button,
body button.submit,
body .obj_galley_link {
  border-color: var(--cr-cafe) !important;
  color: var(--cr-cafe) !important;
  background: #fff !important;
}
body .cmp_button:hover,
body .cmp_form .buttons button:hover,
body .pkp_button:hover,
body .obj_galley_link:hover {
  background: var(--cr-cafe) !important;
  color: #fff !important;
}
body .cmp_form .buttons button.submit,
body .cmp_form .buttons .submit {
  background: var(--cr-cafe) !important;
  color: #fff !important;
}
body .pkp_block .title {
  color: var(--cr-cafe);
  border-bottom: 2px solid var(--cr-oro);
}

/* ---------- 5. Portada (contenido adicional) ---------- */

/* El tema separa el contenido adicional con un filete y relleno, y la hoja
   del sitio suma 4rem arriba: quedaba un hueco vacío bajo la barra. */
body.pkp_page_index .pkp_structure_main { padding-top: 1.2rem !important; }
body.pkp_page_index .page_index_journal .additional_content {
  border-top: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.cr-home { color: var(--cr-texto); }
.cr-home .cr-hero {
  background: var(--cr-crema);
  border-left: 5px solid var(--cr-oro);
  padding: 2.2rem 2.4rem;
  margin: 0 0 2.4rem;
}
.cr-home .cr-kicker {
  font-family: 'Courier Prime', 'Courier New', monospace;
  font-weight: 700;
  font-size: .85rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cr-oro);
  margin: 0 0 .6rem;
  max-width: none !important;
}
.cr-home .cr-hero h2 {
  font-size: 1.65rem;
  line-height: 1.3;
  color: var(--cr-oscuro);
  margin: 0 0 1rem;
  font-weight: 700;
}
.cr-home .cr-hero p {
  font-size: 1.05rem;
  line-height: 1.7;
  margin: 0 0 1.4rem;
  max-width: 52rem;
}
.cr-home .cr-acciones { display: flex; flex-wrap: wrap; gap: .8rem; margin: 0; }
.cr-home a.cr-btn {
  display: inline-block;
  padding: .7rem 1.4rem;
  border: 2px solid var(--cr-cafe);
  border-radius: 3px;
  font-weight: 700;
  text-decoration: none !important;
  color: var(--cr-cafe) !important;
  background: #fff;
}
.cr-home a.cr-btn:hover, .cr-home a.cr-btn:focus { background: var(--cr-cafe); color: #fff !important; }
.cr-home a.cr-btn.cr-btn-principal { background: var(--cr-cafe); color: #fff !important; }
.cr-home a.cr-btn.cr-btn-principal:hover,
.cr-home a.cr-btn.cr-btn-principal:focus { background: var(--cr-oscuro); border-color: var(--cr-oscuro); }

.cr-home .cr-rasgos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2rem;
  list-style: none;
  padding: 0;
  margin: 0 0 2.6rem;
}
.cr-home .cr-rasgos li {
  border-top: 3px solid var(--cr-oro);
  background: #fff;
  padding: 1rem 0 0;
  margin: 0;
}
.cr-home .cr-rasgos strong {
  display: block;
  color: var(--cr-oscuro);
  font-size: 1rem;
  margin-bottom: .35rem;
}
.cr-home .cr-rasgos span { font-size: .92rem; line-height: 1.55; color: #5a5247; }

.cr-home h3.cr-titulo {
  font-family: 'Courier Prime', 'Courier New', monospace;
  font-weight: 700;
  font-size: 1.15rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cr-cafe);
  border-bottom: 1px solid var(--cr-linea);
  padding-bottom: .5rem;
  margin: 0 0 1.2rem;
}
.cr-home .cr-areas {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  margin: 0 0 1.4rem;
}
.cr-home .cr-area {
  border: 1px solid var(--cr-linea);
  padding: 1.2rem 1.3rem;
  background: #fff;
}
.cr-home .cr-area h4 { margin: 0 0 .5rem; color: var(--cr-oscuro); font-size: 1.05rem; }
.cr-home .cr-area p { margin: 0; font-size: .93rem; line-height: 1.6; color: #5a5247; }
.cr-home .cr-nota { font-size: .95rem; line-height: 1.65; color: #5a5247; margin: 0; }

@media (max-width: 991px) {
  .cr-home .cr-rasgos { grid-template-columns: repeat(2, 1fr); }
  .cr-home .cr-areas { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .cr-home .cr-hero { padding: 1.5rem 1.3rem; }
  .cr-home .cr-hero h2 { font-size: 1.35rem; }
  .cr-home .cr-rasgos { grid-template-columns: 1fr; }
}

/* ---------- 6. Pie de página propio ---------- */
/* La hoja del sitio oculta el pie en todas las revistas; Cruces muestra el suyo. */

body .pkp_structure_footer_wrapper {
  display: block !important;
  background: var(--cr-oscuro) !important;
  border-top: 3px solid var(--cr-oro) !important;
  color: #efe6d6 !important;
}
body .pkp_structure_footer { padding: 2rem 1rem !important; }
body .pkp_footer_content { padding: 0 !important; }
body .pkp_footer_content p { margin: 0 0 .4rem; font-size: .9rem; line-height: 1.6; }
body .pkp_footer_content a { color: #f3d9a4 !important; }
body .pkp_footer_content .cr-pie-nombre {
  font-family: 'Courier Prime', 'Courier New', monospace;
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: .06em;
  color: #fff;
}
body .pkp_brand_footer { display: none !important; }