/* ============================================================
   THE JESUS WAY — módulo «Evangelio de Tomás»
   Extiende Lacuna Aurea (css/lacuna.css) con los componentes
   propios de los dichos: submenú, hero por dicho, copto, bloques
   de traducción y remate del hallazgo. Usa los mismos tokens de
   color/tema — nada de paleta propia.
   ============================================================ */

@font-face{
  font-family:'Tomas';src:url('../dichos/tomas-copto.ttf') format('truetype');
  font-display:swap;font-weight:400;
}

/* --- rótulos genéricos (fuentes, índice) --- */
.rotulo{font-family:var(--sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--secundario);margin:0 0 10px}
.rotulo.oro{color:var(--oro)}
.rotulo.lapis{color:var(--azul)}

/* --- submenú del módulo (bajo la barra fija) --- */
.dicho-submenu{
  display:flex;justify-content:center;gap:26px;flex-wrap:wrap;
  padding-top:104px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
}
.dicho-submenu a{color:var(--secundario)}
.dicho-submenu a.activa{color:var(--oro)}

/* --- hero por dicho --- */
.dicho-heroe{padding:26px 48px 60px;text-align:center}
.dicho-heroe .kicker{display:block;margin-bottom:22px}
.dicho-numeral-heroe{
  margin:0 auto;font-family:var(--serif);font-weight:500;
  font-size:clamp(46px,7vw,84px);line-height:1.05;color:var(--display);
}
.dicho-heroe-ref{
  margin:16px 0 0;font-family:var(--sans);font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--secundario);
}

/* --- cuerpo del dicho --- */
.dicho-cuerpo{max-width:760px;padding-top:8px;padding-bottom:8px}

.dicho-lamina{margin:0 0 40px;background:var(--banda);border:1px solid var(--hairline-neutra);overflow:hidden}
.dicho-lamina img{display:block;width:100%;height:auto}
.dicho-lamina figcaption{
  padding:14px 18px;font-family:var(--sans);font-size:11px;line-height:1.65;
  color:var(--secundario);border-top:1px solid var(--hairline-neutra);
}
.dicho-lamina figcaption b{color:var(--texto);font-weight:600}
.dicho-lamina figcaption a{color:var(--azul)}

.dicho-sinlamina{
  padding:36px 22px;text-align:center;background:var(--banda);
  border:1px solid var(--hairline-neutra);margin:0 0 40px;
}
.dicho-sinlamina svg{opacity:.6}
.dicho-sinlamina svg g{fill:none;stroke:var(--secundario);stroke-width:1}
.dicho-sinlamina svg path{fill:var(--oro)}
.dicho-sinlamina p{
  margin:12px 0 0;font-family:var(--sans);font-size:11.5px;line-height:1.75;color:var(--secundario);
}
.dicho-sinlamina p a{color:var(--azul)}

.dicho-copto{
  font-family:'Tomas',Georgia,'Times New Roman',serif;
  font-size:clamp(22px,3.6vw,38px);line-height:1.65;text-align:center;
  color:var(--display);margin:0 0 14px;word-break:break-word;
}
.dicho-rotulo-lengua{text-align:center;margin-bottom:42px;color:var(--azul)!important}

.dicho-aviso{
  border-left:2px solid var(--terracota);padding:10px 0 10px 16px;margin:0 0 34px;
  font-family:var(--sans);font-size:12px;line-height:1.6;color:var(--secundario);
}
.dicho-aviso b{color:var(--terracota)}

.dicho-bloque{margin:0 0 34px}
.dicho-bloque .rotulo.rotulo-oro{color:var(--oro)}
.dicho-literal{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.6;color:var(--texto);margin:0}
.dicho-moderno{font-family:var(--serif);font-size:20px;line-height:1.65;color:var(--display);margin:0}
.dicho-griego .rotulo{color:var(--azul)}
.dicho-griego .dicho-literal{font-size:14px;font-style:normal;color:var(--secundario)}
.dicho-griego .dicho-literal a{color:var(--azul)}

.dicho-pie{
  border-top:1px solid rgba(var(--oro-rgb),var(--a-2));padding-top:16px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--secundario);
}

/* --- navegación entre dichos --- */
.saltos-dicho{
  max-width:760px;margin:0 auto;padding:36px 48px 0;
  display:flex;justify-content:space-between;gap:16px;
  font-family:var(--sans);font-size:11.5px;letter-spacing:.1em;
}
.saltos-dicho a{color:var(--texto);border-bottom:1px solid var(--hairline-neutra);padding-bottom:3px}
.saltos-dicho a:hover{color:var(--oro);border-color:var(--oro)}
.saltos-dicho span{color:var(--secundario)}

/* --- entrada de prosa (fuentes.html) --- */
.dicho-entrada{max-width:660px}
.dicho-entrada p{margin:0 0 16px;font-size:14.5px;line-height:1.75;color:var(--texto)}
.dicho-entrada p a{color:var(--azul)}
.dicho-entrada .muted{color:var(--secundario);font-size:12.5px}

/* --- lista de libros descargables (fuentes.html) --- */
.lista-libros{list-style:none;margin:22px 0 26px;padding:0}
.lista-libros li{
  border-left:2px solid rgba(var(--oro-rgb),var(--a-3));
  padding:0 0 0 18px;margin:0 0 26px;
}
.lista-libros a{
  display:block;font-family:var(--serif);font-size:19px;color:var(--display);
  text-decoration:none;transition:color .2s;
}
.lista-libros a:hover{color:var(--oro)}
.lista-libros a::after{content:' ↓';color:var(--oro);font-family:var(--sans);font-size:13px}
.lista-libros .meta{
  display:inline-block;margin-left:10px;font-family:var(--sans);font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--secundario);
}
.lista-libros .ref{
  display:block;margin-top:5px;font-family:var(--sans);font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--azul);
}
.lista-libros .nota{
  display:block;margin-top:9px;font-size:13px;line-height:1.65;color:var(--secundario);
}
.lista-libros .nota.aviso{color:var(--texto)}
.lista-libros .nota.aviso b{color:var(--terracota)}
.lista-libros a.baja{
  display:inline-block;margin-top:12px;font-family:var(--sans);font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--secundario);
}
.lista-libros a.baja::after{content:''}
.lista-libros a.baja:hover{color:var(--oro)}

/* --- rejilla de los 115 (dichos/index.html) --- */
.dichos-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px;padding-bottom:70px}
.dicho-ficha{
  display:block;text-decoration:none;color:var(--texto);
  background:var(--banda);border:1px solid var(--hairline-neutra);
  padding:14px 12px;transition:border-color .2s,transform .2s;
}
.dicho-ficha:hover{border-color:var(--oro);transform:translateY(-2px);color:var(--texto)}
.dicho-ficha .n{
  font-family:var(--sans);font-size:10px;letter-spacing:.16em;color:var(--oro);
  display:block;margin-bottom:6px;
}
.dicho-ficha .ap{
  font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden;color:var(--secundario);
}

/* --- columnas del hallazgo (hallazgo.html completo) --- */
.hallazgo-columnas{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:40px}
.hallazgo-columnas h3{
  font-family:var(--sans);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px;
}
.hallazgo-columnas .firme h3{color:var(--azul)}
.hallazgo-columnas .discutido h3{color:var(--terracota)}
.hallazgo-columnas ul{margin:0;padding-left:18px;font-size:14px;line-height:1.65;color:var(--texto)}
.hallazgo-columnas li{margin-bottom:12px}
.hallazgo-columnas .discutido li{color:var(--secundario)}
@media(max-width:760px){.hallazgo-columnas{grid-template-columns:1fr;gap:28px}}

/* --- remate: el hallazgo (versión breve) --- */
.hallazgo-mini{max-width:760px;padding-top:60px;padding-bottom:0;text-align:center}
.hallazgo-mini .kicker{display:block;margin-bottom:16px}
.hallazgo-mini h2{margin:0 0 14px;font-family:var(--serif);font-weight:500;font-size:26px;color:var(--display)}
.hallazgo-mini p{margin:0 auto;max-width:520px;font-size:13.5px;line-height:1.75;color:var(--secundario)}
.hallazgo-mini .accion{display:inline-block;margin-top:22px;font-size:11.5px;letter-spacing:.16em}

/* --- bloque de descarga del libro (fondo de cada módulo) --- */
.descarga-libro{
  max-width:760px;padding-top:64px;padding-bottom:0;text-align:center;
}
.descarga-libro .kicker{display:block;margin-bottom:16px}
.descarga-libro h2{
  margin:0 0 14px;font-family:var(--serif);font-weight:500;font-size:26px;color:var(--display);
}
.descarga-libro p{
  margin:0 auto 26px;max-width:520px;font-size:13.5px;line-height:1.75;color:var(--secundario);
}
.descarga-libro .accion{
  display:inline-block;font-size:11.5px;letter-spacing:.16em;
  border:1px solid rgba(var(--oro-rgb),var(--a-3));padding:14px 26px;color:var(--oro);
  transition:background .2s,border-color .2s;
}
.descarga-libro .accion:hover{background:rgba(var(--oro-rgb),var(--a-15));border-color:var(--oro)}
.descarga-libro .meta{
  display:block;margin-top:14px;font-family:var(--sans);font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--secundario);
}
.descarga-libro.compacta{padding-top:48px}
.descarga-libro.compacta .accion{font-size:10.5px;padding:11px 20px}

/* --- atribución de fuentes (copto/traducción/tipografía) --- */
.dicho-creditos{
  max-width:640px;margin:56px auto 0;padding:0 24px 40px;
  font-family:var(--sans);font-size:10.5px;line-height:1.85;color:var(--secundario);text-align:center;
}

/* --- riel de libros (esquina superior izquierda, bajo la barra) --- */
.libros-riel{
  display:none;position:fixed;left:14px;top:104px;z-index:20;
  max-height:calc(100dvh - 168px);overflow-y:auto;overscroll-behavior:contain;
}
.libros-riel-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.libros-riel-lista li{position:relative}
.libros-riel-lista a{
  display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;
}
.libros-riel-lista .icono{
  display:flex;align-items:center;justify-content:center;width:38px;height:38px;
  border:1px solid var(--hairline-neutra);background:var(--banda);color:var(--secundario);
  transition:border-color .2s,color .2s;
}
.libros-riel-lista .icono svg{width:22px;height:22px}
.libros-riel-lista a:hover .icono{color:var(--oro);border-color:var(--oro)}
.libros-riel-lista li.activo .icono{color:var(--oro);border-color:rgba(var(--oro-rgb),.5)}
.libros-riel-lista .nombre{
  display:none;font-family:var(--sans);font-size:8.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--secundario);text-align:center;line-height:1.3;width:78px;
}
.libros-riel-lista li.activo .nombre{color:var(--display)}
.libros-riel-lista li.pendiente{display:flex;flex-direction:column;align-items:center;gap:7px;opacity:.4}
.libros-riel-lista li.pendiente .icono{border-style:dashed}
@media(min-width:1280px){.libros-riel{display:block}}
@media(min-width:1560px){.libros-riel-lista .nombre{display:block}}

/* --- móvil --- */
@media (max-width:760px){
  .dicho-submenu{padding-top:96px;gap:16px 20px;font-size:9.5px}
  .dicho-heroe{padding:20px 24px 40px}
  .dicho-numeral-heroe{font-size:38px}
  .dicho-cuerpo{padding-left:0;padding-right:0}
  .dicho-copto{font-size:22px}
  .dicho-moderno{font-size:18px}
  .saltos-dicho{padding:28px 24px 0;flex-wrap:wrap;gap:12px 20px;justify-content:center;text-align:center}
  .hallazgo-mini{padding-top:44px}
}

/* ---------- veredicto del hallazgo: confirmado vs discutido ---------- */
.veredicto{margin:38px 0 8px;padding:26px 24px;background:var(--banda);
  border:1px solid var(--hairline-neutra)}
.veredicto-t{margin:0 0 22px;font-family:var(--sans);font-size:12.5px;
  line-height:1.6;letter-spacing:.04em;color:var(--texto)}
.veredicto-barras{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.vb-n{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(40px,5vw,60px);
  line-height:.9}
.vb-l{display:block;margin-top:8px;font-family:var(--sans);font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--secundario)}
.vb-tira{display:block;margin-top:14px;height:6px;background:rgba(var(--oro-rgb),var(--a-15))}
.vb-tira i{display:block;height:6px;width:var(--p)}
.vb.firme .vb-n{color:var(--azul)}
.vb.firme .vb-tira i{background:var(--azul)}
.vb.disc .vb-n{color:var(--terracota)}
.vb.disc .vb-tira i{background:var(--terracota)}
.veredicto-pie{margin:22px 0 0;font-size:13.5px;line-height:1.7;color:var(--secundario);
  max-width:54ch}
@media(max-width:760px){.veredicto-barras{gap:20px}.veredicto{padding:20px 18px}}

/* ---------- estado del texto: cuánto se conserva de verdad ---------- */
.estado-texto{
  margin:34px 0 8px;padding:26px 24px;
  background:var(--banda);border:1px solid var(--hairline-neutra);
}
.estado-texto .rotulo{margin-bottom:18px}
.estado-cifras{display:flex;flex-wrap:wrap;gap:34px;align-items:flex-end}
.est{min-width:120px}
.est .n{
  display:block;font-family:var(--serif);font-weight:500;
  font-size:clamp(38px,4.6vw,56px);line-height:.9;color:var(--oro);
}
.est .l{
  display:block;margin-top:8px;font-family:var(--sans);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--secundario);
}
.est.azul .n{color:var(--azul)}
.estado-barra{margin-top:22px;height:10px;background:rgba(var(--oro-rgb),var(--a-15));display:flex}
.estado-barra i{display:block;height:10px}
.estado-barra i.cons{background:var(--oro)}
.estado-barra i.rest{background:var(--terracota);opacity:.75}
.estado-leyenda{
  display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px;
  font-family:var(--sans);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--secundario);
}
.estado-leyenda span{display:flex;align-items:center;gap:8px}
.estado-leyenda b{width:11px;height:11px;display:block}
.estado-leyenda b.cons{background:var(--oro)}
.estado-leyenda b.rest{background:var(--terracota);opacity:.75}
.estado-nota{
  margin:18px 0 0;font-family:var(--sans);font-size:12.5px;line-height:1.75;
  color:var(--secundario);max-width:62ch;
}
.estado-nota b{color:var(--terracota)}
@media(max-width:760px){.estado-cifras{gap:22px}.estado-texto{padding:20px 18px}}

/* ---------- fuentes: cifras + tarjetas + detalle plegado ---------- */
.fuentes-cifras{display:flex;flex-wrap:wrap;gap:1px;background:var(--hairline-neutra);border:1px solid var(--hairline-neutra);margin:0 0 34px}
.fc{flex:1 1 150px;background:var(--fondo);padding:18px 16px;text-align:center}
.fc .n{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(26px,3.6vw,38px);line-height:1;color:var(--oro)}
.fc .l{display:block;margin-top:7px;font-family:var(--sans);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--secundario)}

.dicho-entrada-ancha{max-width:none}
.lista-libros-tarjetas{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;
}
.lista-libros-tarjetas li{
  border-left:2px solid rgba(var(--oro-rgb),var(--a-3));
  background:var(--banda);padding:16px 18px;margin:0;
}

.fuentes-detalle{margin-top:8px;border-top:1px solid var(--hairline-neutra);padding-top:4px}
.fuentes-detalle summary{
  cursor:pointer;padding:14px 0;font-family:var(--sans);font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--secundario);
  list-style:none;
}
.fuentes-detalle summary::-webkit-details-marker{display:none}
.fuentes-detalle summary::before{content:'+ ';color:var(--oro)}
.fuentes-detalle[open] summary::before{content:'− '}
.fuentes-detalle summary:hover{color:var(--oro)}

/* accesos a Verificar y Glosario (fuentes.html) */
.fuentes-guias{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0 0 24px}
.fuentes-guias a{
  display:block;padding:16px 20px;text-decoration:none;
  background:var(--banda);border:1px solid rgba(var(--oro-rgb),var(--a-3));transition:border-color .2s;
}
.fuentes-guias a:hover{border-color:var(--oro)}
.fuentes-guias b{display:block;font-family:var(--serif);font-size:20px;font-weight:500;color:var(--oro)}
.fuentes-guias span{display:block;margin-top:4px;font-size:13px;color:var(--secundario)}

/* enlace al comparador en los dichos con paralelo bíblico */
.dicho-paralelo{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;
  margin:22px 0 0;padding:14px 18px;text-decoration:none;
  border:1px solid rgba(var(--oro-rgb),var(--a-3));background:var(--banda);transition:border-color .2s;
}
.dicho-paralelo:hover{border-color:var(--oro)}
.dicho-paralelo span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--secundario)}
.dicho-paralelo b{font-family:var(--serif);font-size:18px;font-weight:500;color:var(--oro)}
