/* mod_ce_ojs_archive v0.3.2 - visual integrado a CSS Conexión Entremedios */
.ce-ojs-archive {
  --ce-ojs-ink: var(--ce-dark, #062f4f);
  --ce-ojs-muted: var(--ce-muted, #4f5f68);
  --ce-ojs-soft: var(--ce-soft, rgba(47, 120, 151, .10));
  --ce-ojs-pale: var(--ce-pale, rgba(143, 195, 211, .22));
  --ce-ojs-card: #ffffff;
  --ce-ojs-line: var(--ce-border, rgba(6, 47, 79, .16));
  --ce-ojs-accent: var(--ce-accent, #2f7897);
  --ce-ojs-radius-lg: var(--ce-radius-lg, 32px);
  --ce-ojs-radius-md: var(--ce-radius-md, 26px);
  --ce-ojs-shadow: var(--ce-shadow, 0 12px 32px rgba(6, 47, 79, .08));
  --ce-ojs-shadow-hover: var(--ce-shadow-hover, 0 18px 42px rgba(6, 47, 79, .14));
  color: var(--ce-ojs-ink);
  container-type: inline-size;
}
.ce-ojs-archive * { box-sizing: border-box; }
.ce-ojs-archive__head { max-width: 860px; margin: 0 0 1.4rem; }
.ce-ojs-archive__kicker {
  display: inline-flex;
  margin: 0 0 .7rem;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--ce-ojs-soft);
  color: var(--ce-ojs-ink);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.ce-ojs-archive__head h2 { margin: 0; color: var(--ce-ojs-ink); font-size: clamp(1.85rem, 4cqw, 3.05rem); line-height: 1.04; letter-spacing: -.035em; }
.ce-ojs-archive__intro { max-width: 68ch; margin-top: .7rem; color: var(--ce-ojs-muted); line-height: 1.65; }
.ce-ojs-archive__filters {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(170px, 1fr) minmax(120px, .65fr) minmax(180px, 1fr) auto;
  gap: .75rem;
  align-items: end;
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid var(--ce-ojs-line);
  border-radius: 22px;
  background:
    radial-gradient(circle at top left, rgba(143, 195, 211, .18), transparent 42%),
    linear-gradient(135deg, #fff, rgba(143, 195, 211, .10));
  box-shadow: var(--ce-ojs-shadow);
}
.ce-ojs-archive__filters label { display: grid; gap: .35rem; min-width: 0; color: var(--ce-ojs-muted); font-size: .86rem; font-weight: 650; }
.ce-ojs-archive__filters input,
.ce-ojs-archive__filters select { width: 100%; min-height: 2.75rem; border: 1px solid var(--ce-ojs-line); border-radius: 14px; padding: .55rem .75rem; background: #fff; color: var(--ce-ojs-ink); font: inherit; }
.ce-ojs-archive__filters button { min-height: 2.75rem; border: 1px solid transparent; border-radius: 14px; padding: .6rem 1rem; background: var(--ce-ojs-ink); color: #fff; cursor: pointer; font-weight: 800; }
.ce-ojs-archive__filters button:hover { background: var(--ce-ojs-accent); }
.ce-ojs-archive__summary { margin: .45rem 0 1rem; color: var(--ce-ojs-muted); font-size: .92rem; }
.ce-ojs-archive__list { display: grid; gap: 1rem; }
.ce-ojs-article-card {
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  border: 1px solid var(--ce-ojs-line);
  border-radius: 24px;
  background: var(--ce-ojs-card);
  box-shadow: var(--ce-ojs-shadow);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ce-ojs-article-card:hover { transform: translateY(-2px); border-color: rgba(47, 120, 151, .34); box-shadow: var(--ce-ojs-shadow-hover); }
.ce-ojs-article-card--with-image { grid-template-columns: minmax(190px, 32%) 1fr; }
.ce-ojs-article-card__media { display: block; min-height: 100%; margin: 0; overflow: hidden; background: var(--ce-ojs-soft); color: inherit; text-decoration: none; }
.ce-ojs-article-card__media img { width: 100%; height: 100%; min-height: 220px; display: block; object-fit: cover; transition: transform .25s ease; }
.ce-ojs-article-card__media:hover img { transform: scale(1.035); }
.ce-ojs-article-card__body {
  min-width: 0;
  padding: clamp(1rem, 2.6cqw, 1.45rem);
  background:
    radial-gradient(circle at top right, rgba(143, 195, 211, .14), transparent 44%),
    linear-gradient(135deg, #fff, rgba(143, 195, 211, .06));
}
.ce-ojs-article-card__issue { display: inline-flex; width: fit-content; max-width: 100%; margin-bottom: .7rem; padding: .32rem .65rem; border-radius: 999px; background: var(--ce-ojs-soft); color: var(--ce-ojs-ink); font-size: .78rem; font-weight: 800; line-height: 1.25; }
.ce-ojs-article-card__title { margin: 0; color: var(--ce-ojs-ink); font-size: clamp(1.12rem, 2.5cqw, 1.55rem); line-height: 1.18; letter-spacing: -.018em; }
.ce-ojs-article-card__title a { color: inherit; text-decoration: none; }
.ce-ojs-article-card__title a:hover { color: var(--ce-ojs-accent); text-decoration: none; }
.ce-ojs-article-card__authors { margin: .7rem 0 0; color: var(--ce-ojs-ink); font-weight: 750; line-height: 1.42; }
.ce-ojs-article-card__meta,
.ce-ojs-article-card__doi { margin: .42rem 0 0; color: var(--ce-ojs-muted); font-size: .92rem; line-height: 1.45; }
.ce-ojs-article-card__abstract { margin: .75rem 0 0; color: var(--ce-ojs-muted); line-height: 1.65; }
.ce-ojs-article-card__links { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.ce-ojs-article-card__links a,
.ce-ojs-archive__pagination a,
.ce-ojs-archive__pagination span { display: inline-flex; align-items: center; justify-content: center; min-height: 2.25rem; padding: .45rem .82rem; border: 1px solid var(--ce-ojs-line); border-radius: 999px; color: var(--ce-ojs-ink); text-decoration: none; font-size: .9rem; font-weight: 760; line-height: 1; }
.ce-ojs-article-card__links a.is-primary { border-color: var(--ce-ojs-ink); background: var(--ce-ojs-ink); color: #fff; }
.ce-ojs-article-card__links a:hover,
.ce-ojs-archive__pagination a:hover { border-color: var(--ce-ojs-accent); color: var(--ce-ojs-accent); text-decoration: none; }
.ce-ojs-article-card__links a.is-primary:hover { border-color: var(--ce-ojs-accent); background: var(--ce-ojs-accent); color: #fff; }
.ce-ojs-archive__pagination { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.25rem; }
.ce-ojs-archive__pagination span { background: var(--ce-ojs-soft); color: var(--ce-ojs-ink); }
.ce-ojs-archive__empty { padding: 1.15rem; border: 1px dashed var(--ce-ojs-line); border-radius: 20px; color: var(--ce-ojs-muted); background: var(--ce-ojs-soft); }
@container (max-width: 760px) {
  .ce-ojs-archive__filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ce-ojs-archive__filters button { grid-column: 1 / -1; }
  .ce-ojs-article-card--with-image { grid-template-columns: 1fr; }
  .ce-ojs-article-card__media img { aspect-ratio: 16 / 9; min-height: 0; }
}
@media (max-width: 560px) {
  .ce-ojs-archive__filters { grid-template-columns: 1fr; padding: .85rem; border-radius: 18px; }
  .ce-ojs-article-card { border-radius: 20px; }
}

/* v0.3.5: filtros ampliados y navegación editorial enlazable */
.ce-ojs-archive__filters {
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
}
.ce-ojs-archive__filters button {
  align-self: end;
}
.ce-ojs-article-card__issue a,
.ce-ojs-article-card__authors a,
.ce-ojs-article-card__meta a {
  color: inherit;
  text-decoration: none;
}
.ce-ojs-article-card__issue a:hover,
.ce-ojs-article-card__authors a:hover,
.ce-ojs-article-card__meta a:hover,
.ce-ojs-article-card__issue a:focus,
.ce-ojs-article-card__authors a:focus,
.ce-ojs-article-card__meta a:focus {
  color: var(--ce-ojs-accent);
  text-decoration: none;
}
.ce-ojs-article-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .75rem;
}
.ce-ojs-article-card__issue a:focus-visible,
.ce-ojs-article-card__authors a:focus-visible,
.ce-ojs-article-card__meta a:focus-visible {
  outline: 3px solid rgba(143,195,211,.65);
  outline-offset: 3px;
  border-radius: 8px;
}