/* De la Crítica — ajustes sobre el tema por defecto de OJS 3.5.
   Morado de la revista #7A3B69 (barra de navegación, lo pone el tema) · morado profundo #111B3A
   (pie) · dorado UNEFM #F2B705 (acento). La hoja de Immersion está en delacritica.css. */

:root {
  --dlc-morado-hondo: #111B3A;
  --dlc-dorado: #F2B705;
  --dlc-tinta: #1E1A1D;
  --dlc-texto-pie: #efe6ec;
  --dlc-texto-pie-2: #cdb9c7;
}

::selection { background: var(--dlc-dorado); color: var(--dlc-tinta); }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px solid var(--dlc-dorado);
  outline-offset: 2px;
}

/* ---------- Pie ---------- */
.pkp_structure_footer_wrapper {
  background: var(--dlc-morado-hondo);
  border-top: 3px solid var(--dlc-dorado);
  color: var(--dlc-texto-pie);
}
.pkp_structure_footer {
  display: block;
  padding: 3.5rem 2rem 1.75rem;
}
.pkp_footer_content {
  padding: 0;
  font-size: .9375rem;
  line-height: 1.55;
}
.pkp_footer_content > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1.25fr 1.4fr 1fr 1fr;
  gap: 2.5rem 3rem;
}
.pkp_footer_content > ul > li { margin: 0; }
.pkp_footer_content strong {
  display: block;
  margin-bottom: .75rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}
.pkp_footer_content .dlc-pie-revista strong {
  font-size: 1.375rem;
  font-style: italic;
  letter-spacing: -.01em;
  line-height: 1.2;
}
.pkp_footer_content p {
  margin: 0 0 .6rem;
  color: var(--dlc-texto-pie-2);
}
.pkp_footer_content ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pkp_footer_content ul ul li { margin: 0 0 .45rem; }
.pkp_footer_content a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: #F2B7058c;
  text-decoration-thickness: 1px;
  text-underline-offset: .22em;
}
.pkp_footer_content a:hover {
  text-decoration-color: var(--dlc-dorado);
  text-decoration-thickness: 2px;
}

/* Sello del sistema: presente, pero sin competir con la revista. */
.pkp_brand_footer {
  float: none;
  margin-top: 2.75rem;
  padding: 1.25rem 0 0;
  border-top: 1px solid rgba(239, 230, 236, .14);
  text-align: right;
}
.pkp_brand_footer img {
  width: 92px;
  filter: invert(1);
  opacity: .5;
}
.pkp_brand_footer a:hover img,
.pkp_brand_footer a:focus-visible img { opacity: .85; }

@media (max-width: 1000px) {
  .pkp_footer_content > ul { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .pkp_structure_footer { padding: 2.5rem 1.25rem 1.5rem; }
  .pkp_footer_content > ul { grid-template-columns: 1fr; gap: 2rem; }
  .pkp_brand_footer { text-align: left; }
}

/* ---------- Cabecera ---------- */
/* El tema fija la imagen con un estilo en línea (center / cover); se reencuadra hacia la mirada. */
.pkp_structure_head {
  position: relative;
  background-position: center 45% !important;
  border-bottom: 0;
}
/* Velo suave arriba: legibilidad de "Registrarse / Entrar" sobre la obra. */
.pkp_structure_head::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(30, 10, 25, .5) 0%, rgba(30, 10, 25, 0) 40%);
  pointer-events: none;
}
.pkp_head_wrapper { z-index: 1; }

/* Escritorio: espacio igual arriba y abajo del logo; su borde izquierdo coincide con "Actual". */
@media (min-width: 992px) {
  .pkp_structure_head { background-position: center 45% !important; }
  .has_site_logo .pkp_head_wrapper { padding-top: clamp(3.5rem, 6vw, 5.25rem); }
  .pkp_site_name_wrapper { padding-bottom: clamp(2rem, 4vw, 3.25rem); }
  .pkp_site_name .is_img { margin: 0; }
  .pkp_site_name .is_img img { max-height: 104px; }
}

/* Tablet y móvil: botón de menú y logo comparten el mismo margen izquierdo. */
@media (max-width: 991px) {
  .pkp_site_name_wrapper { height: auto; }
  .pkp_site_nav_toggle {
    top: .75rem;
    left: .714rem;
    background: rgba(30, 10, 25, .55);
    color: #fff;
  }
  .pkp_site_name {
    position: relative;
    left: auto;
    right: auto;
    padding: 4.5rem .714rem 1.5rem;
  }
  .pkp_site_name .is_img { margin: 0; }
  .pkp_site_name .is_img img { max-height: clamp(56px, 12vw, 80px); }
}

/* Enlaces del contenido en el color de la revista (el tema trae un magenta en hover) */
.pkp_structure_main a { color: #1B2A55; }
.pkp_structure_main a:hover, .pkp_structure_main a:focus { color: #111B3A; text-decoration-color: #F2B705; }
.obj_galley_link { border-color: #1B2A55; color: #1B2A55; }
.obj_galley_link:hover { background: #1B2A55; color: #fff; }