/* WIKI de Arduz Online (2026-08-24, rediseño del 24/08 a la noche).
   Usa las variables de app.css (--gold, --panel, --line, --text...). Se carga
   sólo en /wiki via headExtra.

   Lo que se corrigió respecto de la primera versión: el cuerpo de una entrada
   se leía como texto suelto sobre negro, con agujeros de aire (el renderer del
   CMS mete un <br> por cada salto de línea). Ahora el texto va en párrafos
   reales, con una columna de lectura acotada y el índice del sector al lado. */

/* ------------------------------------------------------------------ hero -- */
.wiki-hero {
  border-bottom: 1px solid var(--line);
  padding: 0 0 26px;
  margin: 0 0 30px;
}
.wiki-hero h1 {
  margin: 0 0 6px;
  font-size: 40px;
  line-height: 1.05;
  color: var(--white);
  letter-spacing: -0.01em;
}
.wiki-hero > p {
  margin: 0 0 20px;
  color: var(--text-dim);
  font-size: 16px;
}
.wiki-hero-sm h1 { font-size: 32px; }
.wiki-hero-sm { padding-bottom: 20px; margin-bottom: 24px; }

.wiki-buscador { display: flex; gap: 10px; max-width: 460px; margin: 0; }
.wiki-buscador input[type='search'] {
  flex: 1;
  background: #0f0c0a;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--text);
  padding: 11px 14px;
  font: 15px var(--font);
}
.wiki-buscador input[type='search']:focus { outline: none; border-color: var(--gold-soft); }
.wiki-buscador button {
  background: transparent;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--gold);
  padding: 11px 20px;
  cursor: pointer;
  font: 14px var(--font);
  transition: border-color 0.15s, color 0.15s;
}
.wiki-buscador button:hover { border-color: var(--gold-soft); color: var(--gold-bright); }

/* -------------------------------------------------------------- sectores -- */
.wiki-sectores {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.wiki-sector {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 4px 20px 16px;
  display: flex;
  flex-direction: column;
}
.wiki-sector-head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 16px 0 12px;
  border-bottom: 1px solid rgba(56, 39, 31, 0.7);
  text-decoration: none;
}
.wiki-sector-n {
  font: 700 13px/1 Consolas, "Cascadia Mono", monospace;
  color: var(--gold-soft);
  opacity: 0.7;
}
.wiki-sector-t { flex: 1; }
.wiki-sector-nombre { display: block; color: var(--gold); font-size: 19px; font-weight: 600; }
.wiki-sector-sub { display: block; color: var(--text-dim); font-size: 13px; margin-top: 2px; }
.wiki-sector-cant {
  font: 600 12px/1 var(--font);
  color: var(--text-dim);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 4px 9px;
}
.wiki-sector-head:hover .wiki-sector-nombre { color: var(--gold-bright); }

.wiki-lista { list-style: none; margin: 0; padding: 0; flex: 1; }
.wiki-lista li + li { border-top: 1px solid rgba(56, 39, 31, 0.45); }
.wiki-lista a {
  display: block;
  padding: 9px 0;
  color: var(--text);
  text-decoration: none;
  font-size: 14.5px;
  transition: color 0.15s;
}
.wiki-lista a:hover { color: var(--gold-bright); }
.wiki-mas {
  display: inline-block;
  margin-top: 12px;
  color: var(--gold-soft);
  font-size: 13px;
  text-decoration: none;
}
.wiki-mas:hover { color: var(--gold-bright); }

/* ---------------------------------------------------- fichas de un sector -- */
.wiki-fichas { display: grid; gap: 10px; }
.wiki-ficha {
  display: flex;
  gap: 16px;
  align-items: baseline;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 15px 20px;
  text-decoration: none;
  transition: border-color 0.15s, transform 0.15s;
}
.wiki-ficha:hover { border-color: var(--gold-soft); transform: translateX(2px); }
.wiki-ficha-n {
  font: 700 12px/1 Consolas, "Cascadia Mono", monospace;
  color: var(--gold-soft);
  opacity: 0.65;
}
.wiki-ficha-t { display: block; color: var(--white); font-size: 16.5px; font-weight: 600; }
.wiki-ficha-d { display: block; color: var(--text-dim); font-size: 13.5px; margin-top: 3px; }
.wiki-volver { margin-top: 26px; }
.wiki-volver a { color: var(--gold-soft); text-decoration: none; font-size: 14px; }
.wiki-volver a:hover { color: var(--gold-bright); }

/* ------------------------------------------------------- documento (2 col) - */
.wiki-doc {
  display: grid;
  grid-template-columns: 232px minmax(0, 1fr);
  gap: 46px;
  align-items: start;
}
.wiki-side {
  position: sticky;
  top: 88px;
  border-right: 1px solid var(--line);
  padding-right: 20px;
}
.wiki-side-cat {
  margin: 0 0 12px;
  font: 600 11.5px/1 var(--font);
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.wiki-side-cat a { color: var(--gold-soft); text-decoration: none; }
.wiki-side-cat a:hover { color: var(--gold-bright); }
.wiki-side ul { list-style: none; margin: 0 0 18px; padding: 0; }
.wiki-side li a {
  display: block;
  padding: 6px 0 6px 12px;
  border-left: 2px solid transparent;
  color: var(--text-dim);
  text-decoration: none;
  font-size: 13.5px;
  line-height: 1.45;
  transition: color 0.15s, border-color 0.15s;
}
.wiki-side li a:hover { color: var(--text); }
.wiki-side li.act a { color: var(--gold); border-left-color: var(--gold); }
.wiki-side-todo { color: var(--text-dim); font-size: 13px; text-decoration: none; }
.wiki-side-todo:hover { color: var(--gold); }

.wiki-main { max-width: 76ch; }
.wiki-migas { margin: 0 0 8px; font-size: 12.5px; color: var(--text-dim); }
.wiki-migas a { color: var(--text-dim); text-decoration: none; }
.wiki-migas a:hover { color: var(--gold); }
.wiki-main h1 {
  margin: 0 0 8px;
  font-size: 36px;
  line-height: 1.1;
  color: var(--white);
  letter-spacing: -0.01em;
}
.wiki-bajada {
  margin: 0 0 30px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
  color: var(--text-dim);
  font-size: 16.5px;
  line-height: 1.5;
}

/* ------------------------------------------------------------ el cuerpo --- */
.wiki-cuerpo { font-size: 16px; line-height: 1.75; color: var(--text); }
.wiki-cuerpo > *:first-child { margin-top: 0; }
.wiki-cuerpo h2 {
  margin: 38px 0 12px;
  font-size: 22px;
  line-height: 1.25;
  color: var(--gold);
  font-weight: 600;
}
.wiki-cuerpo h3 { margin: 28px 0 10px; font-size: 18px; color: var(--gold); font-weight: 600; }
.wiki-cuerpo h4 { margin: 24px 0 8px; font-size: 16px; color: var(--gold-soft); }
.wiki-cuerpo p { margin: 0 0 16px; }
.wiki-cuerpo ul { margin: 0 0 18px; padding-left: 20px; }
.wiki-cuerpo li { margin: 7px 0; }
.wiki-cuerpo li::marker { color: var(--gold-soft); }
.wiki-cuerpo strong { color: var(--white); font-weight: 600; }
.wiki-cuerpo a { color: var(--gold); text-decoration: none; border-bottom: 1px solid rgba(216, 176, 102, 0.35); }
.wiki-cuerpo a:hover { color: var(--gold-bright); border-bottom-color: var(--gold-bright); }
.wiki-cuerpo .quote {
  border-left: 3px solid var(--gold-soft);
  background: rgba(216, 176, 102, 0.055);
  padding: 14px 20px;
  margin: 0 0 20px;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
.wiki-cuerpo .quote p:last-child { margin-bottom: 0; }
.wiki-cuerpo .code {
  background: #0f0c0a;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 12px 16px;
  margin: 0 0 20px;
  font: 13.5px/1.6 Consolas, "Cascadia Mono", monospace;
  overflow-x: auto;
}
.wiki-cuerpo img { max-width: 100%; height: auto; border-radius: var(--radius-sm); }
.wiki-cuerpo .clear { clear: both; }

/* ------------------------------------------------------- anterior / sig --- */
.wiki-nav-pie {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 46px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
.wiki-nav-a {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 12px 16px;
  text-decoration: none;
  transition: border-color 0.15s;
}
.wiki-nav-a:hover { border-color: var(--gold-soft); }
.wiki-nav-a span {
  display: block;
  font-size: 11.5px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--text-dim);
  margin-bottom: 3px;
}
.wiki-nav-a b { color: var(--gold); font-weight: 600; font-size: 14.5px; }
.wiki-nav-der { text-align: right; }

.wiki-vacio {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  color: var(--text-dim);
}

/* ----------------------------------------------------------------- chico -- */
@media (max-width: 900px) {
  .wiki-doc { grid-template-columns: 1fr; gap: 26px; }
  .wiki-side {
    position: static;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 0 0 16px;
  }
  .wiki-side ul { display: flex; flex-wrap: wrap; gap: 4px 14px; }
  .wiki-side li a { border-left: 0; padding-left: 0; }
  .wiki-side li.act a { border-left: 0; }
  .wiki-main h1 { font-size: 28px; }
  .wiki-hero h1 { font-size: 32px; }
  .wiki-nav-pie { grid-template-columns: 1fr; }
  .wiki-nav-der { text-align: left; }
}