/* ============================================================
   REVISTA CO-HERENCIA — Hoja de estilos de la revista
   Universidad EAFIT · Escuela de Artes y Humanidades
   Contenido:
     A. Portada en la descripción de "Publicación temprana"
     B. Barra superior: ocultar iconos sociales
     C. Página "Sobre la revista"
   ============================================================ */

/* ============================================================
   A. PORTADA EN "PUBLICACIÓN TEMPRANA"
   ============================================================ */

/* Portada: a la izquierda, con el texto al lado desde arriba */
img[src*="issn-1794-5887-e-issn-2539-1208"] {
  float: left !important;
  width: 240px !important;
  max-width: 45% !important;
  height: auto !important;
  margin: 0 28px 16px 0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}

/* Párrafos justificados junto a la portada */
p:has(img[src*="issn-1794-5887-e-issn-2539-1208"]),
p:has(img[src*="issn-1794-5887-e-issn-2539-1208"]) ~ p {
  text-align: justify;
}

/* Párrafo de créditos (el que enlaza al Met) */
p:has(a[href*="metmuseum.org/art/collection/search/659683"]) {
  font-size: .85em;
  color: #555;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-top: 1.5em;
}

/* Lo que venga después queda debajo de la portada */
p:has(a[href*="metmuseum.org/art/collection/search/659683"])::after {
  content: "";
  display: block;
  clear: both;
}

/* En móvil: portada centrada arriba, texto debajo */
@media (max-width: 600px) {
  img[src*="issn-1794-5887-e-issn-2539-1208"] {
    float: none !important;
    display: block;
    max-width: 100% !important;
    margin: 0 auto 16px !important;
  }
}


/* ============================================================
   B y C. BARRA SUPERIOR Y "SOBRE LA REVISTA"
   ============================================================ */
/* ---------- 1. Barra superior: ocultar iconos sociales ---------- */
/* Los enlaces vienen de la plantilla compartida del portal EAFIT;
   se ocultan solo para Co-herencia sin afectar otras revistas. */
a[href^="mailto:gestecbiblioteca@eafit.edu.co"],
a[href*="facebook.com/universidadeafit"],
a[href*="twitter.com/eafit"],
a[href*="x.com/eafit"],
a[href*="linkedin.com/company/universidad-eafit"] {
  display: none !important;
}

/* ---------- 2. Página "Sobre la revista" ---------- */
.ch-about {
  --ch-azul: #173a63;
  --ch-azul-medio: #2266a6;
  --ch-azul-claro: #eef4fa;
  --ch-borde: #d5e1ee;
  --ch-texto: #2b2f36;
  color: var(--ch-texto);
  line-height: 1.7;
}

/* Bloque inicial: portada + ficha + descripción */
.ch-intro {
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 2.75em;
  align-items: start;
  margin: 1.5em 0 2.5em;
}
.ch-portada img {
  display: block;
  width: 100%;
  height: auto;
  float: none;
  margin: 0;
  border-radius: 4px;
  box-shadow: 0 10px 28px rgba(23, 58, 99, .28);
}
.ch-ficha {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: .4em 1.5em;
  margin: 0 0 1.5em;
  padding: 1.1em 1.4em;
  background: var(--ch-azul-claro);
  border-left: 4px solid var(--ch-azul-medio);
  border-radius: 0 6px 6px 0;
}
.ch-ficha dt {
  margin: 0;
  font-weight: 700;
  color: var(--ch-azul);
}
.ch-ficha dd { margin: 0; }
.ch-ficha a { color: var(--ch-azul-medio); }
.ch-descripcion {
  margin: 0;
  font-size: 1.05em;
}

/* Títulos de cada bloque */
.ch-about h3 {
  margin: 2.75em 0 1.1em;
  padding-bottom: .5em;
  font-size: 1.4em;
  font-weight: 600;
  color: var(--ch-azul);
  border-bottom: 2px solid var(--ch-borde);
  position: relative;
}
.ch-about h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 64px;
  height: 2px;
  background: var(--ch-azul-medio);
}

/* Palabras clave e indexación como etiquetas */
.ch-chips {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .5em;
}
.ch-chips li {
  padding: .35em .9em;
  font-size: 1.05em;
  line-height: 1.4;
  color: var(--ch-azul);
  background: #fff;
  border: 1px solid var(--ch-borde);
  border-radius: 999px;
  transition: background .15s, border-color .15s;
}
.ch-chips li:hover {
  background: var(--ch-azul-claro);
  border-color: var(--ch-azul-medio);
}
.ch-chips--index li {
  border-radius: 6px;
  padding: .45em .9em;
}
.ch-chips--index li span {
  display: block;
  font-size: .9em;
  color: #5b6573;
}

/* Secciones de la revista como tarjetas numeradas */
.ch-intro-secciones { margin: 0 0 1.25em; }
.ch-secciones {
  display: grid;
  gap: 1em;
  counter-reset: ch-seccion;
}
.ch-seccion {
  position: relative;
  padding: 1.25em 1.5em 1em 4.75em;
  background: #fff;
  border: 1px solid var(--ch-borde);
  border-radius: 8px;
  counter-increment: ch-seccion;
}
.ch-seccion::before {
  content: counter(ch-seccion, decimal-leading-zero);
  position: absolute;
  left: 1.25em;
  top: 1.1em;
  font-size: 1.9em;
  font-weight: 700;
  line-height: 1;
  color: var(--ch-azul-medio);
  opacity: .35;
}
.ch-seccion h4 {
  margin: 0 0 .6em;
  font-size: 1.15em;
  font-weight: 700;
  color: var(--ch-azul);
}
.ch-seccion p {
  margin: 0 0 .75em;
  font-size: .97em;
}
.ch-sub {
  font-weight: 700;
  font-style: italic;
  color: var(--ch-azul-medio);
}

/* Nota final */
.ch-actualizado {
  margin-top: 2.5em;
  font-size: .85em;
  color: #6b7480;
}

/* Celulares */
@media (max-width: 767px) {
  .ch-intro { grid-template-columns: 1fr; gap: 1.5em; }
  .ch-portada { max-width: 200px; margin: 0 auto; }
  .ch-ficha { grid-template-columns: 1fr; gap: 0; }
  .ch-ficha dd { margin-bottom: .5em; }
  .ch-seccion { padding: 3.25em 1.1em .9em; }
  .ch-seccion::before { left: 1.1em; top: 1em; font-size: 1.5em; }
}