/* =========================================================
   RLE — Revista Lambayecana de Economía (OJS 3.3)
   Paleta:
   cel-blue        #0F3A66
   cel-blue-light  #2284E6
   cel-blue-dark   #09223B  (CABECERA)
   cel-green       #1E6F63
   cel-gold        #B68C3D
   ======================================================= */

/* ------ Tipografía y enlaces */
a { color: #0F3A66; }
a:hover, a:focus { color: #2284E6; text-decoration: underline; }
:focus { outline: 3px solid rgba(34,132,230,.35); outline-offset: 2px; }

/* ------ Cabecera */
.pkp_head_wrapper,
.pkp_structure_head { background: #09223B; }
.pkp_site_name, .pkp_site_name a,
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a { color: #fff !important; }
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_user > li > a:hover { color: #FFDFA8 !important; } /* oro claro */

/* compactar un poco la cabecera */
.pkp_head_wrapper { padding-top: 10px; padding-bottom: 10px; }

/* ------ Títulos y separadores */
h1, .page_title { letter-spacing: .2px; }
.pkp_block .title, .pkp_block .title a {
  color: #0F3A66;
  border-bottom: 2px solid #B68C3D;   /* oro */
  padding-bottom: 4px;
}

/* ------ Tarjetas, tablas y listados */
.obj_article_summary, .pkp_listing, table, .pkp_block {
  border-color: #e5e7eb !important;
}

/* ------ Formularios y focos */
input[type="text"], input[type="email"], input[type="search"], textarea, select {
  border-color: #d1d5db;
}
input:focus, textarea:focus, select:focus {
  border-color: #2284E6;
  box-shadow: 0 0 0 3px rgba(34,132,230,.15);
}

/* ------ Etiquetas/Badges (p.ej., galleys, estados) */
.label, .pkp_badge {
  background: #B68C3D;
  color: #18212a;
}

/* ------ Ajustes menores de espaciado */
.pkp_page_index .current_issue h2 { margin-bottom: .5rem; }
.pkp_navigation_primary { gap: .5rem; }

/* ===========================
   RLE – Fondos por secciones
   =========================== */

/* 1) CABECERA (se mueve con el scroll) */
.pkp_head_wrapper {
  background-color: #09223B; /* tu azul oscuro */
  background-image: url('http://www.celamb.com.pe/OJS/Cabecera_OJS.png'); /* URL cabecera */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;     /* que cubra el ancho */
  background-attachment: scroll; /* explícito: se mueve */
  color: #fff;
}

/* 2) ZONA MEDIA
   Fondo fijo en los costados (izq/der) y centro blanco.
   - Usa la misma imagen para ambos costados o URLs distintas. */
body {
  /* dos capas: izquierda y derecha */
  background-image:
    url('https://tusitio/imagenes/side-bg.jpg'), /* costado izq */
    url('https://tusitio/imagenes/side-bg.jpg'); /* costado der (puede ser otra URL) */
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right top;
  background-size: 420px auto, 420px auto;   /* ancho de cada costado */
  background-attachment: fixed, fixed;       /* <-- fijos al hacer scroll */
  background-color: #ffffff;                 /* color base del body */
}

/* Asegura centro blanco para el contenido */
.pkp_structure_content { background: transparent; }
.pkp_structure_main,
.pkp_structure_sidebar,
.page_index_site,
.page_index_journal {
  background: #ffffff;               /* columna central */
}

/* Opcional: un pequeño sombreado al “panel” central */
.pkp_structure_main {
  box-shadow: 0 0 0 1px rgba(0,0,0,.03), 0 10px 30px rgba(0,0,0,.06);
}

/* --- Accesibilidad/legibilidad sobre cabecera --- */
.pkp_head_wrapper { padding-top: 10px; padding-bottom: 10px; }
.pkp_site_name a,
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a { color: #fff !important; }

/* --- Responsive: ocultar fondos laterales en pantallas pequeñas --- */
@media (max-width: 1024px) {
  body {
    background-image: none;           /* sin costados en móviles/tablets */
    background-color: #ffffff;
  }
  .pkp_structure_main { box-shadow: none; }
}