/* ==========================================================================
   MUNDO MARAVILLOSO — CSS DE ARTÍCULOS
   Estilos específicos de artículos individuales que antes vivían inline
   en cada .html. Nav y footer usan las clases globales de ../styles.css;
   aquí solo vive el diseño propio de cada plantilla de artículo.
   ========================================================================== */

/* ── Nav dot (indicador junto a "Glosario" en la nav estándar) ── */
.nav-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold);
  display: inline-block;
  flex-shrink: 0;
  animation: nav-dot-pulse 1.6s ease-in-out infinite;
}
@keyframes nav-dot-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.35; transform: scale(0.65); }
}

/* ══════════════════════════════════════════════════════════════════════
   SECCIÓN 1 · ANTÁRTIDA — Parte I y Parte II
   (mismo diseño en ambas partes; variables de color propias, aisladas con
   html[data-page="antartida"] para no chocar con el tema dorado global)
   ══════════════════════════════════════════════════════════════════════ */

html[data-page="antartida"] {
      --ink: #0a0a0d;
      --ink-mid: #0f0f13;
      --ink-soft: #161619;
      --paper: #f0ece2;
      --ice: #a8d8e8;
      --ice-dim: rgba(168,216,232,0.15);
      --gold: #c9a84c;
      --gold-light: #e8c96a;
      --red: #c0392b;
      --violet: #a78bfa;
      --muted: #5a5a6a;
      --border: rgba(168,216,232,0.1);
      --border-gold: rgba(201,168,76,0.12);
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    html[data-page="antartida"] body {
      background: var(--ink);
      color: var(--paper);
      font-family: "Space Grotesk", sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    /* ── HERO ── */
    .hero {
      min-height: 92svh;
      position: relative; overflow: hidden;
      display: flex; align-items: flex-end;
      background:
        radial-gradient(ellipse at 60% 10%, rgba(168,216,232,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 10% 90%, rgba(167,139,250,0.04) 0%, transparent 50%),
        var(--ink);
    }

    #hero-canvas { position: absolute; inset: 0; z-index: 0; }

    .hero-inner {
      position: relative; z-index: 2;
      max-width: 1200px; margin: 0 auto;
      padding: 0 4rem 6rem; width: 100%;
      display: grid;
      grid-template-columns: 1fr 360px;
      gap: 4rem; align-items: end;
    }

    .hero-eyebrow {
      display: inline-flex; align-items: center; gap: 0.5rem;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.55rem; letter-spacing: 0.28em;
      text-transform: uppercase; color: var(--ice);
      margin-bottom: 1.5rem;
    }

    .hero-dot {
      width: 6px; height: 6px; border-radius: 50%;
      background: var(--ice);
      animation: icepulse 2.5s ease-in-out infinite;
    }

    @keyframes icepulse {
      0%,100% { opacity: 1; box-shadow: 0 0 0 0 rgba(168,216,232,0.5); }
      50% { opacity: 0.4; box-shadow: 0 0 0 6px rgba(168,216,232,0); }
    }

    .hero-title {
      font-family: "Audiowide", sans-serif;
      font-size: clamp(2.8rem, 6vw, 5.5rem);
      font-weight: 900; line-height: 0.9;
      color: var(--paper); letter-spacing: -0.02em;
    }

    .hero-title .ice { color: var(--ice); }

    .hero-title .ghost { opacity: 0.18; }

    .hero-subtitle {
      font-size: 1.2rem; font-weight: 500;
      color: rgba(240,236,226,0.5);
      margin-top: 1rem; letter-spacing: -0.01em;
    }

    .hero-byline {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.6rem; letter-spacing: 0.18em;
      text-transform: uppercase; color: var(--gold);
      margin: 1.5rem 0 1.75rem;
    }

    .hero-lead {
      font-size: 1.05rem;
      color: rgba(240,236,226,0.68);
      line-height: 1.78; max-width: 54ch;
      border-left: 2px solid var(--ice);
      padding-left: 1.5rem;
      font-style: italic;
    }

    .topic-nav { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 1.75rem; }

    .topic-nav-link {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.5rem; letter-spacing: 0.15em;
      text-transform: uppercase; color: var(--muted);
      border: 1px solid var(--border);
      padding: 0.45rem 0.8rem; text-decoration: none;
      transition: color 0.2s, border-color 0.2s, background 0.2s;
      display: inline-flex; align-items: center; gap: 0.45rem;
    }

    .topic-nav-link:hover { color: var(--ice); border-color: rgba(168,216,232,0.4); background: rgba(168,216,232,0.05); }

    .topic-nav-link span { color: var(--gold); font-weight: 700; }

    /* Stat panel hero */
    .coord-panel {
      background: rgba(15,15,19,0.92);
      border: 1px solid var(--border);
      padding: 2rem;
      backdrop-filter: blur(10px);
    }

    .coord-label {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.48rem; letter-spacing: 0.25em;
      text-transform: uppercase; color: var(--ice);
      margin-bottom: 1.5rem; padding-bottom: 0.75rem;
      border-bottom: 1px solid rgba(168,216,232,0.15);
    }

    .coord-row {
      display: flex; justify-content: space-between;
      align-items: baseline; padding: 0.7rem 0;
      border-bottom: 1px solid rgba(168,216,232,0.05);
    }

    .coord-row:last-child { border-bottom: none; }

    .coord-key {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.48rem; letter-spacing: 0.12em;
      text-transform: uppercase; color: var(--muted);
    }

    .coord-val {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.75rem; font-weight: 700;
      color: var(--ice); text-align: right;
    }

    .coord-val.gold { color: var(--gold-light); }

    .coord-val.red { color: var(--red); }

    .coord-val.violet { color: var(--violet); }

    /* ── TICKER ── */
    .ticker {
      background: var(--ink-mid);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      overflow: hidden; position: relative;
    }

    .ticker::before, .ticker::after {
      content: ""; position: absolute; top: 0; bottom: 0; width: 5rem; z-index: 2;
    }

    .ticker::before { left: 0; background: linear-gradient(to right, var(--ink-mid), transparent); }

    .ticker::after  { right: 0; background: linear-gradient(to left, var(--ink-mid), transparent); }

    .ticker-track {
      display: flex; gap: 3rem; padding: 0.8rem 0;
      width: max-content;
      animation: tick 55s linear infinite;
    }

    .ticker:hover .ticker-track { animation-play-state: paused; }

    @keyframes tick {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    .tick-item {
      display: flex; align-items: center; gap: 0.65rem;
      white-space: nowrap; flex-shrink: 0; padding: 0 1.5rem;
    }

    .tick-label {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.46rem; letter-spacing: 0.2em;
      text-transform: uppercase; color: var(--muted);
    }

    .tick-val {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.6rem; font-weight: 700; color: var(--ice);
    }

    .tick-val.gold { color: var(--gold); }

    .tick-val.red { color: var(--red); }

    /* ── ARTICLE WRAPPER ── */
    .article { max-width: 1200px; margin: 0 auto; padding: 0 4rem; }

    /* ── INTRO ── */
    .intro {
      display: grid;
      grid-template-columns: 2fr 1fr;
      gap: 5rem;
      padding: 5rem 0 4rem;
      border-bottom: 1px solid var(--border);
    }

    .intro-text p {
      font-size: 1.05rem;
      color: rgba(240,236,226,0.78);
      line-height: 1.82; margin-bottom: 1.2rem;
    }

    .intro-text p:first-child::first-letter {
      font-family: "Audiowide", sans-serif;
      font-size: 4rem; font-weight: 900;
      color: var(--ice); float: left;
      line-height: 0.78; margin: 0.12em 0.18em 0 0;
    }

    .sidebar-box {
      background: var(--ink-mid);
      border: 1px solid var(--border);
      padding: 1.75rem;
      position: sticky; top: 80px; align-self: start;
    }

    .sidebar-label {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.46rem; letter-spacing: 0.22em;
      text-transform: uppercase; color: var(--ice);
      margin-bottom: 1rem; padding-bottom: 0.6rem;
      border-bottom: 1px solid var(--border);
    }

    .sidebar-item { padding: 0.6rem 0; border-bottom: 1px solid rgba(168,216,232,0.04); }

    .sidebar-item:last-child { border-bottom: none; }

    .sidebar-key {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.44rem; letter-spacing: 0.15em;
      text-transform: uppercase; color: var(--muted);
      margin-bottom: 0.2rem;
    }

    .sidebar-val { font-size: 0.85rem; color: var(--paper); font-weight: 600; }

    /* ── SECTION HEAD ── */
    .section-head {
      display: flex; align-items: center;
      gap: 1.5rem; padding: 4rem 0 2rem;
    }

    .section-num {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.52rem; letter-spacing: 0.2em;
      color: var(--ice); flex-shrink: 0;
    }

    .section-title {
      font-family: "Space Grotesk", sans-serif;
      font-size: 1.6rem; font-weight: 800; color: var(--paper);
      letter-spacing: -0.01em; position: relative;
      padding-bottom: 0.3rem;
      background: linear-gradient(90deg, var(--paper) 0%, var(--ice) 130%);
      -webkit-background-clip: text; background-clip: text;
    }

    .section-title::after {
      content: ""; position: absolute; left: 0; bottom: -2px;
      width: 2.5rem; height: 3px; background: var(--gold);
    }

    .section-num {
      font-size: 0.85rem; font-weight: 700;
      border: 1px solid var(--border-gold);
      padding: 0.25rem 0.5rem;
      background: rgba(201,168,76,0.06);
    }

    .section-line { flex: 1; height: 1px; background: var(--border); }

    /* ── FIGURA / FOTOS DE ARTÍCULO ── */
    .article-figure {
      margin: 2rem 0; border: 1px solid var(--border);
      background: var(--ink-soft);
    }

    .article-figure img {
      width: 100%; display: block;
      filter: saturate(0.85) contrast(1.05);
      border-bottom: 1px solid var(--border-gold);
    }

    .article-figure figcaption {
      padding: 0.85rem 1.25rem;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.62rem; letter-spacing: 0.04em;
      color: var(--muted); line-height: 1.5;
    }

    .article-figure figcaption span { color: var(--ice); text-transform: uppercase; letter-spacing: 0.15em; margin-right: 0.5rem; }

    

    /* ── VISITS GRID ── */
    .visits-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 1px; background: var(--border);
      border: 1px solid var(--border);
      margin: 2rem 0 3rem;
    }

    .visit-card {
      background: var(--ink-soft);
      padding: 2rem 1.75rem;
      position: relative; transition: background 0.2s;
    }

    .visit-card:hover { background: rgba(168,216,232,0.03); }

    .visit-date {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.5rem; letter-spacing: 0.2em;
      text-transform: uppercase; color: var(--gold);
      margin-bottom: 0.75rem; display: block;
    }

    .visit-name {
      font-family: "Space Grotesk", sans-serif;
      font-size: 1.05rem; font-weight: 700;
      color: var(--paper); margin-bottom: 0.3rem;
    }

    .visit-title {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.5rem; letter-spacing: 0.15em;
      text-transform: uppercase; color: var(--ice);
      margin-bottom: 1rem;
    }

    .visit-body {
      font-size: 0.84rem; color: rgba(240,236,226,0.65); line-height: 1.65;
    }

    .visit-anomaly {
      margin-top: 1rem; padding: 0.6rem 0.85rem;
      background: rgba(192,57,43,0.08);
      border-left: 2px solid var(--red);
      font-family: "JetBrains Mono", monospace;
      font-size: 0.5rem; letter-spacing: 0.12em;
      text-transform: uppercase; color: var(--red);
      line-height: 1.5;
    }

    /* ── DEEP SECTION: ICECUBE ── */
    .icecube-section {
      margin: 3rem 0;
      border: 1px solid rgba(168,216,232,0.15);
      background: var(--ink-soft);
      padding: 3rem;
      position: relative;
      overflow: hidden;
    }

    .icecube-section::before {
      content: "ICECUBE";
      position: absolute; right: -1.5rem; top: 50%;
      transform: translateY(-50%) rotate(90deg);
      font-family: "Audiowide", sans-serif;
      font-size: 5rem; font-weight: 900;
      color: rgba(168,216,232,0.03);
      letter-spacing: 0.1em; white-space: nowrap;
      pointer-events: none;
    }

    .icecube-header {
      display: flex; align-items: flex-start;
      gap: 2rem; margin-bottom: 2.5rem;
    }

    .icecube-icon {
      width: 64px; height: 64px; flex-shrink: 0;
      border: 1px solid rgba(168,216,232,0.2);
      display: flex; align-items: center; justify-content: center;
      font-size: 2rem;
    }

    .icecube-meta {}

    .icecube-tag {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.46rem; letter-spacing: 0.22em;
      text-transform: uppercase; color: var(--ice);
      display: block; margin-bottom: 0.4rem;
    }

    .icecube-name {
      font-family: "Space Grotesk", sans-serif;
      font-size: 1.6rem; font-weight: 900;
      color: var(--paper); line-height: 1.1;
    }

    .icecube-sub {
      font-size: 0.9rem; color: rgba(240,236,226,0.5);
      margin-top: 0.3rem;
    }

    .icecube-specs {
      display: grid; grid-template-columns: repeat(4, 1fr);
      gap: 1px; background: var(--border);
      border: 1px solid var(--border);
      margin: 2rem 0;
    }

    .spec-box {
      background: var(--ink-mid); padding: 1.25rem;
    }

    .spec-key {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.44rem; letter-spacing: 0.18em;
      text-transform: uppercase; color: var(--muted);
      margin-bottom: 0.4rem;
    }

    .spec-val {
      font-family: "JetBrains Mono", monospace;
      font-size: 1rem; font-weight: 700; color: var(--ice);
    }

    .spec-note { font-size: 0.72rem; color: var(--muted); margin-top: 0.2rem; }

    .icecube-body p {
      font-size: 0.95rem; color: rgba(240,236,226,0.75); line-height: 1.78;
      margin-bottom: 1.1rem;
    }

    /* ── WHISTLEBLOWER BLOCK ── */
    .whistle-block {
      margin: 3rem 0;
      border: 1px solid rgba(192,57,43,0.25);
      background: rgba(192,57,43,0.04);
    }

    .whistle-header {
      background: rgba(192,57,43,0.1);
      border-bottom: 1px solid rgba(192,57,43,0.2);
      padding: 1rem 2rem;
      display: flex; align-items: center; gap: 1rem;
    }

    .whistle-tag {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.48rem; letter-spacing: 0.22em;
      text-transform: uppercase; color: var(--red);
    }

    .whistle-name {
      font-family: "Space Grotesk", sans-serif;
      font-size: 1rem; font-weight: 700; color: var(--paper);
    }

    .whistle-body { padding: 2rem; }

    .whistle-body p {
      font-size: 0.92rem; color: rgba(240,236,226,0.72); line-height: 1.78;
      margin-bottom: 1rem;
    }

    .whistle-quote {
      margin: 1.5rem 0;
      padding: 1.25rem 1.5rem;
      background: rgba(192,57,43,0.06);
      border-left: 3px solid var(--red);
      font-style: italic;
      font-size: 0.95rem; color: rgba(240,236,226,0.85);
      line-height: 1.72;
    }

    .whistle-claims {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 1px; background: rgba(192,57,43,0.1);
      border: 1px solid rgba(192,57,43,0.15);
      margin-top: 1.5rem;
    }

    .claim-box {
      background: rgba(192,57,43,0.04);
      padding: 1.25rem 1.5rem;
    }

    .claim-label {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.44rem; letter-spacing: 0.18em;
      text-transform: uppercase; color: var(--red);
      margin-bottom: 0.5rem; display: block;
    }

    .claim-text { font-size: 0.84rem; color: rgba(240,236,226,0.65); line-height: 1.6; }

    .verdict-badge {
      display: inline-flex; align-items: center; gap: 0.4rem;
      margin-top: 0.75rem;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.44rem; letter-spacing: 0.15em;
      text-transform: uppercase;
      border: 1px solid; padding: 0.25rem 0.6rem;
    }

    .verdict-badge.unverified { color: var(--gold); border-color: var(--gold); }

    .verdict-badge.real       { color: var(--ice);  border-color: var(--ice); }

    .verdict-badge.myth       { color: var(--muted);border-color: var(--muted); }

    /* ── WIDE PROSE ── */
    .prose-section {
      padding: 3rem 0;
      border-top: 1px solid var(--border);
    }

    .prose-section p {
      font-size: 0.98rem;
      color: rgba(240,236,226,0.75);
      line-height: 1.82; margin-bottom: 1.1rem;
      max-width: 75ch;
    }

    .prose-section h3 {
      font-family: "Space Grotesk", sans-serif;
      font-size: 1.1rem; font-weight: 700;
      color: var(--paper); margin: 2.5rem 0 0.8rem;
    }

    .prose-section h3 .ice { color: var(--ice); }

    /* ── TESTIMONY CARDS ── */
    .testimony-stack { margin: 2.5rem 0; }

    .testimony-card {
      display: flex; gap: 1.75rem;
      padding: 2rem 0;
      border-bottom: 1px solid rgba(168,216,232,0.06);
    }

    .testimony-card:last-child { border-bottom: none; }

    .t-icon {
      width: 48px; height: 48px; flex-shrink: 0;
      border: 1px solid var(--border);
      background: var(--ink-soft);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.4rem;
    }

    .t-meta { flex: 1; }

    .t-who {
      font-family: "Space Grotesk", sans-serif;
      font-size: 0.95rem; font-weight: 700; color: var(--paper);
      margin-bottom: 0.2rem;
    }

    .t-role {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.46rem; letter-spacing: 0.15em;
      text-transform: uppercase; color: var(--muted);
      margin-bottom: 0.85rem;
    }

    .t-body {
      font-size: 0.88rem; color: rgba(240,236,226,0.65); line-height: 1.7;
    }

    .t-status {
      margin-top: 0.85rem;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.46rem; letter-spacing: 0.15em;
      text-transform: uppercase;
      padding: 0.25rem 0.6rem;
      border: 1px solid;
      display: inline-flex; align-items: center; gap: 0.4rem;
    }

    .t-status.missing { color: var(--red); border-color: rgba(192,57,43,0.4); }

    .t-status.silenced { color: var(--gold); border-color: rgba(201,168,76,0.3); }

    .t-status.alive  { color: var(--ice); border-color: rgba(168,216,232,0.2); }

    /* ── MYTH TABLE ── */
    .myth-table {
      width: 100%; border-collapse: collapse;
      border: 1px solid var(--border); margin: 2rem 0;
    }

    .myth-table th {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.48rem; letter-spacing: 0.18em;
      text-transform: uppercase; text-align: left;
      padding: 0.9rem 1.2rem;
      background: var(--ink-soft);
      border-bottom: 1px solid var(--border);
      color: var(--muted);
    }

    .myth-table th:nth-child(2) { color: var(--ice); }

    .myth-table td {
      padding: 0.85rem 1.2rem;
      border-bottom: 1px solid rgba(168,216,232,0.04);
      font-size: 0.82rem;
      color: rgba(240,236,226,0.65);
      vertical-align: top;
    }

    .myth-table tr:last-child td { border-bottom: none; }

    .myth-table tr:hover td { background: rgba(255,255,255,0.015); }

    .real  { color: var(--ice)  !important; font-weight: 700; }

    .myth  { color: var(--muted)!important; }

    .unkn  { color: var(--gold) !important; font-weight: 700; }

    /* ── ALERT BOX ── */
    .alert-box {
      padding: 1.5rem 2rem;
      border: 1px solid rgba(167,139,250,0.25);
      background: rgba(167,139,250,0.05);
      margin: 2.5rem 0;
    }

    .alert-title {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.5rem; letter-spacing: 0.2em;
      text-transform: uppercase; color: var(--violet);
      margin-bottom: 0.65rem;
    }

    .alert-text {
      font-size: 0.9rem; color: rgba(240,236,226,0.7); line-height: 1.72;
    }

    /* ── PART DIVIDER ── */
    .part-divider {
      margin: 5rem 0 0;
      padding: 3rem 0;
      border-top: 1px solid rgba(168,216,232,0.12);
      border-bottom: 1px solid rgba(168,216,232,0.12);
      text-align: center;
      background: radial-gradient(ellipse at 50% 50%, rgba(168,216,232,0.03) 0%, transparent 70%);
    }

    .part-label {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.5rem; letter-spacing: 0.3em;
      text-transform: uppercase; color: var(--muted);
      margin-bottom: 0.75rem;
    }

    .part-title {
      font-family: "Audiowide", sans-serif;
      font-size: clamp(1.4rem, 3vw, 2.4rem);
      color: var(--paper); letter-spacing: -0.02em;
    }

    .part-title .ice { color: var(--ice); }

    .part-sub {
      font-size: 0.95rem; color: rgba(240,236,226,0.4);
      margin-top: 0.65rem;
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 900px) {
      .hero-inner { grid-template-columns: 1fr; padding: 0 1.5rem 4rem; gap: 2rem; }
      .coord-panel { display: none; }
      .article { padding: 0 1.5rem; }
      .intro { grid-template-columns: 1fr; gap: 2rem; }
      .sidebar-box { position: static; }
      .icecube-specs { grid-template-columns: repeat(2, 1fr); }
      .whistle-claims { grid-template-columns: 1fr; }
    }
    @media (max-width: 600px) {
      .visits-grid { grid-template-columns: 1fr; }
      .icecube-specs { grid-template-columns: 1fr 1fr; }
    }

/* ══════════════════════════════════════════════════════════════════════
   SECCIÓN 2 · PLANTILLA "ED.04" — base compartida
   Usada por: pursue-orbes-cazas.html · resquebrajamiento-sistema-seguridad-nacional.html
   (y comparte estructura con grusch-el-hombre-que-cambio-todo.html, que no
   se toca en esta tanda)
   ══════════════════════════════════════════════════════════════════════ */

/* ── ARTICLE HEADER ── */
    .article-header {
      max-width: 760px; margin: 0 auto; padding: 5rem 4rem 3rem;
    }

    .article-section-label {
      display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;
    }

    .article-section-name {
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.25em; text-transform: uppercase; color: var(--cyan);
    }

    .article-section-line { flex: 1; height: 1px; background: var(--border); }

    .article-edition {
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.15em; color: var(--muted);
    }

    .article-title {
      font-family: "DM Serif Text", Georgia, serif;
      font-size: clamp(2.4rem, 5vw, 3.6rem);
      line-height: 1.1; color: var(--paper); margin-bottom: 1.5rem;
    }

    .article-dek {
      font-size: 1.2rem; color: rgba(245,240,232,0.7);
      line-height: 1.65; font-style: italic; max-width: 58ch; margin-bottom: 2.5rem;
    }

    .article-byline {
      display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;
    }

    .byline-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.52rem;
      letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted);
    }

    .byline-name {
      font-family: "JetBrains Mono", monospace; font-size: 0.65rem;
      letter-spacing: 0.1em; color: var(--gold);
    }

    .byline-sep { width: 1px; height: 2rem; background: var(--border); }

    .byline-date {
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.1em; color: var(--muted);
    }

    /* ── HERO STATS ── */
    .article-hero-visual {
      max-width: 900px; margin: 0 auto; padding: 0 4rem 2rem;
    }

    .hero-visual-block {
      display: grid; grid-template-columns: 1fr 1fr 1fr;
      border: 1px solid var(--border);
    }

    .stat-cell {
      padding: 2.5rem 2rem;
      border-right: 1px solid var(--border);
      background: var(--ink-mid);
    }

    .stat-cell:last-child { border-right: none; }

    .stat-num {
      font-family: "Space Grotesk", sans-serif;
      font-size: 3.5rem; font-weight: 900; line-height: 1;
      color: var(--paper); margin-bottom: 0.5rem;
    }

    .stat-num.cyan  { color: var(--cyan); }

    .stat-num.gold  { color: var(--gold); }

    .stat-num.orange{ color: var(--orange); }

    .stat-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.15em; text-transform: uppercase;
      color: var(--muted); line-height: 1.5;
    }

    .stat-sub {
      font-family: "JetBrains Mono", monospace; font-size: 0.5rem;
      letter-spacing: 0.1em; color: rgba(107,107,122,0.6); margin-top: 0.25rem;
    }

    /* ── ARTICLE BODY ── */
    .article-body {
      max-width: 680px; margin: 0 auto; padding: 2rem 4rem 8rem;
    }

    .article-body p { margin-bottom: 1.5em; color: rgba(245,240,232,0.88); }

    .article-body > p:first-child::first-letter {
      font-family: "Space Grotesk", sans-serif;
      font-size: 4.5rem; font-weight: 900;
      float: left; line-height: 0.85;
      margin: 0.1em 0.1em 0 0; color: var(--gold);
    }

    .article-body h2 {
      font-family: "Space Grotesk", sans-serif; font-size: 1.75rem;
      font-weight: 700; font-style: italic; color: var(--paper);
      margin: 3em 0 0.75em; line-height: 1.2;
    }

    .article-body h3 {
      font-family: "JetBrains Mono", monospace; font-size: 0.72rem;
      letter-spacing: 0.2em; text-transform: uppercase;
      color: var(--cyan); margin: 2.5em 0 0.75em;
    }

    /* Pull quote */
    .pull-quote {
      border-left: 3px solid var(--gold);
      padding: 1.5rem 2rem; margin: 3rem -2rem;
      background: var(--ink-mid);
    }

    .pull-quote p {
      font-family: "Space Grotesk", sans-serif; font-size: 1.35rem;
      font-style: italic; line-height: 1.4;
      color: var(--paper) !important; margin: 0 !important;
    }

    .pull-quote cite {
      display: block; margin-top: 1rem;
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.15em; text-transform: uppercase;
      color: var(--muted); font-style: normal;
    }

    /* Fact box */
    .fact-box {
      border: 1px solid var(--border); padding: 2rem;
      margin: 3rem 0; background: var(--ink-mid);
    }

    .fact-box-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);
      margin-bottom: 1rem; padding-bottom: 0.75rem;
      border-bottom: 1px solid var(--border);
    }

    .fact-box-title {
      font-family: "Space Grotesk", sans-serif; font-size: 1.1rem;
      font-weight: 700; color: var(--paper); margin-bottom: 0.75rem;
    }

    .fact-box p {
      font-size: 0.9rem !important; color: var(--muted) !important;
      margin-bottom: 0.5em !important; line-height: 1.5;
    }

    .fact-box p::first-letter { all: unset; }

    .fact-box strong { color: var(--paper-warm); }

    /* Doc excerpt */
    .doc-excerpt {
      border: 1px solid rgba(78,205,196,0.2);
      border-left: 3px solid var(--cyan);
      padding: 1.75rem 2rem; margin: 3rem 0;
      background: rgba(78,205,196,0.03);
    }

    .doc-excerpt-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.2em; text-transform: uppercase;
      color: var(--cyan); margin-bottom: 0.75rem;
    }

    .doc-excerpt p {
      font-size: 0.95rem !important; color: rgba(245,240,232,0.7) !important;
      font-style: italic; margin: 0 !important; line-height: 1.6;
    }

    .doc-excerpt p::first-letter { all: unset; }

    .doc-source {
      font-family: "JetBrains Mono", monospace; font-size: 0.52rem;
      letter-spacing: 0.1em; color: rgba(107,107,122,0.7);
      margin-top: 0.75rem; display: block;
    }

    /* Timeline */
    .timeline { margin: 3rem 0; position: relative; padding-left: 2rem; }

    .timeline::before {
      content: ""; position: absolute; left: 0; top: 0; bottom: 0;
      width: 1px; background: var(--border);
    }

    .timeline-item { position: relative; margin-bottom: 2rem; }

    .timeline-item::before {
      content: ""; position: absolute; left: -2.35rem; top: 0.4rem;
      width: 8px; height: 8px; border-radius: 50%;
      background: var(--gold); border: 2px solid var(--ink);
    }

    .timeline-year {
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.2em; color: var(--cyan); margin-bottom: 0.2rem;
    }

    .timeline-event {
      font-family: "Space Grotesk", sans-serif; font-size: 0.95rem;
      font-weight: 600; color: var(--paper); margin-bottom: 0.3rem;
    }

    .timeline-desc {
      font-size: 0.88rem; color: var(--muted); line-height: 1.5;
    }

    /* Trap box */
    .trap-box {
      border: 1px solid rgba(249,115,22,0.3);
      border-left: 3px solid var(--orange);
      padding: 2rem; margin: 3rem 0;
      background: rgba(249,115,22,0.04);
    }

    .trap-box-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--orange);
      margin-bottom: 1rem; padding-bottom: 0.75rem;
      border-bottom: 1px solid rgba(249,115,22,0.2);
    }

    .trap-box-title {
      font-family: "Space Grotesk", sans-serif; font-size: 1.1rem;
      font-weight: 700; color: var(--paper); margin-bottom: 0.75rem;
    }

    .trap-box p {
      font-size: 0.9rem !important; color: rgba(245,240,232,0.7) !important;
      margin-bottom: 0.5em !important; line-height: 1.5;
    }

    .trap-box p::first-letter { all: unset; }

    .trap-box strong { color: var(--paper-warm); }

    /* Open questions */
    .open-questions {
      border: 1px solid var(--border); padding: 2rem; margin: 3rem 0;
      background: var(--ink-soft);
    }

    .open-q-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);
      margin-bottom: 1.25rem; padding-bottom: 0.75rem;
      border-bottom: 1px solid var(--border);
    }

    .open-q-list { list-style: none; display: flex; flex-direction: column; gap: 0.75rem; }

    .open-q-list li {
      font-family: "Space Grotesk", sans-serif; font-size: 1rem;
      font-style: italic; color: rgba(245,240,232,0.75);
      padding-left: 1.25rem; border-left: 2px solid rgba(201,168,76,0.3); line-height: 1.4;
    }

    /* Source credit */
    .source-credit {
      border: 1px solid rgba(78,205,196,0.15);
      padding: 1.25rem 1.75rem; margin: 3rem 0;
      background: rgba(78,205,196,0.02);
      display: flex; align-items: center; gap: 1rem;
    }

    .source-credit-icon { font-size: 1.4rem; flex-shrink: 0; }

    .source-credit p {
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem !important;
      letter-spacing: 0.08em; color: var(--muted) !important;
      line-height: 1.6; margin: 0 !important;
    }

    .source-credit p::first-letter { all: unset; }

    .source-credit a { color: var(--cyan); text-decoration: none; }

    .source-credit a:hover { text-decoration: underline; }

    /* Article images */
    .article-image { margin: 3rem 0; }

    .article-image img {
      width: 100%; display: block; border: 1px solid var(--border);
      filter: grayscale(10%) contrast(1.05);
    }

    .article-image-caption {
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.06em; color: var(--muted);
      margin-top: 0.75rem; line-height: 1.6;
    }

    /* Comparison table */
    .comparison-table {
      width: 100%; border-collapse: collapse; margin: 3rem 0; font-size: 0.88rem;
    }

    .comparison-table th {
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.15em; text-transform: uppercase; color: var(--gold);
      padding: 0.75rem 1rem; border-bottom: 2px solid var(--border);
      text-align: left; background: var(--ink-mid);
    }

    .comparison-table td {
      padding: 0.75rem 1rem; border-bottom: 1px solid rgba(201,168,76,0.1);
      color: var(--muted); vertical-align: top; line-height: 1.5;
    }

    .comparison-table tr:hover td { background: rgba(255,255,255,0.02); }

    .comparison-table td:first-child {
      color: var(--paper-warm); font-family: "JetBrains Mono", monospace;
      font-size: 0.78rem; letter-spacing: 0.05em;
    }

    .td-cyan   { color: var(--cyan) !important; }

    .td-gold   { color: var(--gold-light) !important; }

    @media (max-width: 768px) {

      .article-header, .article-body, .article-hero-visual { padding-left: 1.5rem; padding-right: 1.5rem; }

      .hero-visual-block { grid-template-columns: 1fr; }

      .pull-quote { margin: 2rem 0; }
}

  
  /* === Lightbox (auto-insertado) === */
  img.lb-img{cursor:zoom-in}

  #lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:99999;padding:24px;box-sizing:border-box}

  #lightbox-overlay.active{display:flex}

  #lightbox-overlay img{max-width:92vw;max-height:88vh;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.5)}

  #lightbox-overlay .lb-close{position:absolute;top:18px;right:24px;color:#fff;font-size:2.2rem;line-height:1;cursor:pointer;background:none;border:none;padding:4px 10px}

  #lightbox-overlay .lb-caption{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#eee;font-size:.9rem;padding:0 20px}

  
  /* ── Comentarios (Giscus) ── */
  .comments-section {
    border: 1px solid rgba(245,240,232,0.12);
    padding: 2.5rem; margin: 4rem 0 2rem; background: rgba(245,240,232,0.02);
  }

  .comments-label {
    font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
    letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted);
    margin-bottom: 1.5rem; padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(245,240,232,0.12);
  }

  .giscus-wrap { min-height: 80px; }

/* ══════════════════════════════════════════════════════════════════════
   SECCIÓN 3 · AJUSTES ESPECÍFICOS POR ARTÍCULO (plantilla Ed.04)
   ══════════════════════════════════════════════════════════════════════ */

/* -- resquebrajamiento-sistema-seguridad-nacional.html -- */
html[data-page="resquebrajamiento-sistema-seguridad-nacional"] .hero-visual-block {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
html[data-page="resquebrajamiento-sistema-seguridad-nacional"] .stat-num {
  font-size: 3rem;
}
html[data-page="resquebrajamiento-sistema-seguridad-nacional"] .stat-num.red { color: var(--red); }
html[data-page="resquebrajamiento-sistema-seguridad-nacional"] .article-image img {
  filter: grayscale(20%) contrast(1.05);
  cursor: zoom-in;
}
html[data-page="resquebrajamiento-sistema-seguridad-nacional"] .td-red { color: #e07070 !important; }
html[data-page="resquebrajamiento-sistema-seguridad-nacional"] #lightbox-overlay img {
  border-radius: 2px;
}
html[data-page="resquebrajamiento-sistema-seguridad-nacional"] #lightbox-overlay .lb-caption {
  font-size: .75rem;
  font-family: "JetBrains Mono", monospace;
  letter-spacing: 0.05em;
}

@media (max-width: 768px) {
  html[data-page="resquebrajamiento-sistema-seguridad-nacional"] .hero-visual-block {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 480px) {
  html[data-page="resquebrajamiento-sistema-seguridad-nacional"] .hero-visual-block {
    grid-template-columns: 1fr 1fr;
  }
}

/* -- pursue-orbes-cazas.html usa los valores base de la Sección 2 sin cambios -- */

/* ══════════════════════════════════════════════════════════════════════
   SECCIÓN 4 · PATRONES COMPARTIDOS ADICIONALES (auto-extraídos)
   Reglas que aparecían repetidas de forma idéntica en el <style> de varios
   artículos (o nombres de @keyframes usados en un solo artículo pero sin
   riesgo de colisión) y que antes vivían inline. Se centralizan aquí una
   sola vez.
   ══════════════════════════════════════════════════════════════════════ */
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.article-body p:first-child::first-letter{ all: unset; }
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.article-body > p:first-child::first-letter{
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:4rem;font-weight:900;float:left;line-height:0.82;
  margin:0.05em 0.12em -0.05em 0;color:var(--gold);
}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-articles{max-width:680px;margin:4rem auto 0;padding:0 4rem;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-label{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:0.6rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border);}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--border);}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card{background:var(--ink-mid);padding:1.5rem;border-top:2px solid var(--border);text-decoration:none;display:block;transition:background .2s;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card:hover{background:var(--ink-soft);}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card-cat{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:0.55rem;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:0.75rem;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card-title{font-family:"Space Grotesk",system-ui,sans-serif;font-size:0.92rem;font-weight:600;color:var(--paper);line-height:1.4;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card.cat-ciencia{border-top-color:#4ecdc4;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card.cat-ciencia .related-card-cat{color:#4ecdc4;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card.cat-documentos{border-top-color:#c9a84c;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card.cat-documentos .related-card-cat{color:#c9a84c;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card.cat-mitologia{border-top-color:#b98fe0;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card.cat-mitologia .related-card-cat{color:#b98fe0;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card.cat-cultura{border-top-color:#e08fb0;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card.cat-cultura .related-card-cat{color:#e08fb0;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card.cat-actualidad{border-top-color:#e0954e;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card.cat-actualidad .related-card-cat{color:#e0954e;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card.cat-columna{border-top-color:#7aa8d9;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.related-card.cat-columna .related-card-cat{color:#7aa8d9;}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
@media (max-width:768px){.related-articles{padding:0 1.5rem;} .related-grid{grid-template-columns:1fr;}}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.footer-social-links { display: flex; gap: 0.85rem; margin-top: 0.6rem; }
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.footer-social-links a {
  width: 30px; height: 30px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--border, #2a2a2e);
  border-radius: 50%;
  color: var(--muted, #7a7a82);
  transition: color 0.2s, border-color 0.2s;
}
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.footer-social-links a:hover { color: var(--gold, #c9a24b); border-color: var(--gold, #c9a24b); }
/* usado en: antartida-parte-1.html, antartida-parte-2.html, australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, dow-uap-pr116-atlantico-2020.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, mkultra-hackeo-voluntad.html, observador-ed2.html, observador-ed3.html, observador-ed4.html, observador.html, pursue-orbes-cazas.html, pursue.html, resquebrajamiento-sistema-seguridad-nacional.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html, umbra-resumen.html, umbra-topsecret.html */
.footer-social-links svg { width: 14px; height: 14px; fill: currentColor; }
/* usado en: australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, observador-ed3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
/* usado en: australia-1971-p1.html, australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, mitologia-salvadorena.html, observador-ed3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */
html { scroll-behavior: smooth; }
/* usado en: australia-1971-p1.html, australia-1971-p2.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, observador-ed3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */
body {
      background: var(--ink);
      color: var(--paper);
      font-family: "Source Serif 4", Georgia, serif;
      font-size: 18px;
      line-height: 1.6;
      overflow-x: hidden;
    }
/* usado en: australia-1971-p1.html, australia-1971-p2.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, observador-ed3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */
body::before {
      content: "";
      position: fixed;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
      pointer-events: none;
      z-index: 9999;
      opacity: 0.6;
    }
/* usado en: australia-1971-p1.html, australia-1971-p2.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, torio-energia-nuclear.html, tunguska-evento-1908.html, uap-actualidad-2026.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, torio-energia-nuclear.html, tunguska-evento-1908.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, torio-energia-nuclear.html, tunguska-evento-1908.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, torio-energia-nuclear.html, tunguska-evento-1908.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, torio-energia-nuclear.html, tunguska-evento-1908.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, torio-energia-nuclear.html, tunguska-evento-1908.html */

/* usado en: australia-1971-p1.html, australia-1971-p2.html, torio-energia-nuclear.html, tunguska-evento-1908.html */

/* usado en: australia-1971-p2.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.article-image {
      margin: 3rem 0;
      position: relative;
    }
/* usado en: australia-1971-p2.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.article-image img {
      width: 100%;
      display: block;
      border: 1px solid var(--border);
    }
/* usado en: australia-1971-p2.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.article-image-caption {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.52rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--muted);
      padding: 0.75rem 0 0.25rem;
      border-bottom: 1px solid var(--border);
    }
/* usado en: australia-1971-p2.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.article-image-credit {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.48rem;
      letter-spacing: 0.1em;
      color: rgba(107,107,122,0.6);
      padding-top: 0.25rem;
    }
/* usado en: australia-1971-p2.html, bestiario-criptozoologico.html, mitologia-salvadorena.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.site-footer {
      border-top: 1px solid var(--border);
      margin-top: 8rem;
      padding: 0 2.5rem;
      background: var(--ink-mid);
    }
/* usado en: australia-1971-p2.html, bestiario-criptozoologico.html, mitologia-salvadorena.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.site-footer-inner {
      max-width: 1200px;
      margin: 0 auto;
      padding: 4rem 0 2rem;
    }
/* usado en: australia-1971-p2.html, bestiario-criptozoologico.html, mitologia-salvadorena.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.footer-top {
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 4rem;
      padding-bottom: 3rem;
      border-bottom: 1px solid var(--border);
      margin-bottom: 2rem;
    }
/* usado en: australia-1971-p2.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.footer-tagline {
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.55rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--muted);
      line-height: 1.7;
      max-width: 28ch;
    }
/* usado en: australia-1971-p2.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.footer-edition-badge {
      display: inline-block;
      margin-top: 1.25rem;
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.5rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--ink);
      background: var(--gold);
      padding: 0.3rem 0.75rem;
    }
/* usado en: australia-1971-p2.html, bestiario-criptozoologico.html, mitologia-salvadorena.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.footer-nav-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem;
    }
/* usado en: australia-1971-p2.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.footer-nav-col-label {
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.5rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 1rem;
      padding-bottom: 0.5rem;
      border-bottom: 1px solid rgba(201,168,76,0.2);
    }
/* usado en: australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, mitologia-salvadorena.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.footer-nav-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }
/* usado en: australia-1971-p2.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.footer-nav-list a {
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.58rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--muted);
      text-decoration: none;
      line-height: 1.5;
      transition: color 0.2s;
      display: block;
    }
/* usado en: australia-1971-p2.html, bestiario-criptozoologico.html, fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.footer-nav-list a:hover { color: var(--gold); }
/* usado en: australia-1971-p2.html, bestiario-criptozoologico.html, mitologia-salvadorena.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.footer-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
    }
/* usado en: australia-1971-p2.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.footer-copy {
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.5rem;
      letter-spacing: 0.12em;
      color: rgba(107,107,122,0.5);
      text-transform: uppercase;
    }
/* usado en: australia-1971-p2.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
.footer-signal {
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.48rem;
      letter-spacing: 0.15em;
      color: rgba(107,107,122,0.35);
      text-transform: uppercase;
    }
/* usado en: australia-1971-p2.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
@media  (max-width: 768px) {
      
      .article-header, .article-body, .article-hero-visual { padding-left: 1.5rem; padding-right: 1.5rem; }
      .hero-visual-block { grid-template-columns: 1fr; }
      
      .pull-quote { margin: 2rem 0; }
      .footer-top { grid-template-columns: 1fr; gap: 2rem; }
      .footer-nav-grid { grid-template-columns: 1fr 1fr; }
    }
/* usado en: australia-1971-p2.html, observador-ed3.html, torio-energia-nuclear.html, tunguska-evento-1908.html */
@media  (max-width: 600px) {
      .footer-nav-grid { grid-template-columns: 1fr; }
      .site-footer { padding: 0 1.25rem; }
    }
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
body{background:var(--ink);color:var(--paper);font-family:"Source Serif 4",Georgia,serif;font-size:18px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
body::before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:0.5}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.hero-canvas{position:absolute;inset:0;z-index:0}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.panel-row:last-child{border-bottom:none}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.panel-key{font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted)}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.panel-val.cyan{color:var(--cyan)}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.panel-val.red{color:var(--red)}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.status-bar{background:var(--ink-mid);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;position:relative}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.status-bar::before,.status-bar::after{content:"";position:absolute;top:0;bottom:0;width:5rem;z-index:2;pointer-events:none}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.status-bar::before{left:0;background:linear-gradient(to right,var(--ink-mid),transparent)}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.status-bar::after{right:0;background:linear-gradient(to left,var(--ink-mid),transparent)}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.status-bar:hover .status-track{animation-play-state:paused}
/* usado en: bestiario-criptozoologico.html */
@keyframes  marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.status-item{display:flex;align-items:center;gap:0.6rem;white-space:nowrap;flex-shrink:0;padding:0 1.5rem}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.status-label{font-family:"JetBrains Mono",monospace;font-size:0.46rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted)}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.status-value{font-family:"JetBrains Mono",monospace;font-size:0.6rem;font-weight:700;color:var(--gold)}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.intro-text p{font-size:1.05rem;color:rgba(245,240,232,0.8);line-height:1.85;margin-bottom:1.2rem}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.toc-list{list-style:none}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.toc-list li{padding:0.45rem 0;border-bottom:1px solid rgba(201,168,76,0.06)}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.toc-list li:last-child{border-bottom:none}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.toc-list a{font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;display:flex;gap:0.5rem;align-items:center}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.section-head{display:flex;align-items:center;gap:1.5rem;padding:5rem 0 2.5rem}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.section-title{font-family:"Audiowide",sans-serif;font-size:1.15rem;font-weight:900;color:var(--paper);letter-spacing:0.02em}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.imageholder-label{font-family:"JetBrains Mono",monospace;font-size:0.44rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);text-align:center;line-height:1.8}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.imageholder::before{top:10px;left:10px;border-width:1px 0 0 1px}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.imageholder::after{bottom:10px;right:10px;border-width:0 1px 1px 0}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.imageholder-caption{padding:0.75rem 1rem;border-top:1px solid var(--border);background:rgba(0,0,0,0.2)}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.imageholder-caption p{font-family:"JetBrains Mono",monospace;font-size:0.44rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);line-height:1.5}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.footer-tagline{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);line-height:1.8;max-width:30ch}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.footer-nav-list a{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.footer-copy,.footer-signal{font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.12em;text-transform:uppercase}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.footer-copy{color:rgba(107,107,122,0.5)}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.footer-signal{color:rgba(107,107,122,0.35)}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
.reveal.visible{opacity:1;transform:translateY(0)}
/* usado en: bestiario-criptozoologico.html, mitologia-salvadorena.html */
@media (max-width:600px){
      .article{padding:0 1.25rem}
      .footer-nav-grid{grid-template-columns:1fr}
      .site-footer{padding:0 1.25rem}
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, loeb-galileo.html, roswell-p1.html */
.stat-num.red    { color: var(--red); }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html, uap-actualidad-2026.html */
.debate-col { background: var(--ink-mid); padding: 1.5rem; }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, seti-ia.html, uap-actualidad-2026.html */
.debate-col-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.15em; text-transform: uppercase;
      margin-bottom: 0.85rem; padding-bottom: 0.6rem;
      border-bottom: 1px solid var(--border);
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html, uap-actualidad-2026.html */
.debate-col:nth-child(1) .debate-col-label { color: var(--cyan); }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html, uap-actualidad-2026.html */
.debate-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.65rem; }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html, uap-actualidad-2026.html */
.debate-col li {
      font-size: 0.88rem; color: var(--muted); line-height: 1.45;
      padding-left: 0.75rem; border-left: 1px solid var(--border);
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html, uap-actualidad-2026.html */
.voice-card {
      border: 1px solid var(--border); background: var(--ink-mid);
      padding: 1.75rem; margin: 2rem 0;
      display: grid; grid-template-columns: auto 1fr;
      gap: 1.5rem; align-items: start;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html, uap-actualidad-2026.html */
.voice-avatar {
      width: 48px; height: 48px; border-radius: 50%;
      border: 1px solid var(--border);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.4rem; background: var(--ink-soft); flex-shrink: 0;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, seti-ia.html, uap-actualidad-2026.html */
.voice-name {
      font-family: "JetBrains Mono", monospace; font-size: 0.68rem;
      letter-spacing: 0.1em; color: var(--paper); margin-bottom: 0.15rem;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, seti-ia.html, uap-actualidad-2026.html */
.voice-role {
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.12em; color: var(--muted);
      text-transform: uppercase; margin-bottom: 0.85rem;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html, uap-actualidad-2026.html */
.voice-text {
      font-size: 0.95rem !important; color: rgba(245,240,232,0.8) !important;
      font-style: italic; margin: 0 !important; line-height: 1.6;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, uap-actualidad-2026.html */
.voice-text::first-letter { all: unset; }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.timeline-item { position: relative; margin-bottom: 2.5rem; }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.timeline-item.milestone::before {
      background: var(--cyan); width: 12px; height: 12px;
      left: -2.55rem; top: 0.25rem;
      box-shadow: 0 0 8px rgba(78,205,196,0.5);
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.timeline-date {
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.2em; color: var(--cyan); margin-bottom: 0.2rem;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.timeline-item.milestone .timeline-date { color: var(--gold); }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.timeline-event {
      font-family: "Space Grotesk", sans-serif; font-size: 1rem;
      font-weight: 600; color: var(--paper); margin-bottom: 0.4rem;
      line-height: 1.3;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.timeline-desc { font-size: 0.88rem; color: var(--muted); line-height: 1.55; }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.profile-box {
      border: 1px solid var(--border); padding: 2rem;
      margin: 3rem 0; background: var(--ink-mid);
      display: grid; grid-template-columns: auto 1fr;
      gap: 2rem; align-items: start;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.profile-icon {
      width: 72px; height: 72px;
      border: 1px solid var(--border); border-radius: 2px;
      display: flex; align-items: center; justify-content: center;
      font-size: 2.2rem; background: var(--ink-soft); flex-shrink: 0;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.profile-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);
      margin-bottom: 0.4rem;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.profile-name {
      font-family: "Space Grotesk", sans-serif; font-size: 1.3rem;
      font-weight: 700; color: var(--paper); margin-bottom: 0.25rem;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.profile-title {
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.12em; color: var(--cyan); margin-bottom: 1rem;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.profile-facts { list-style: none; display: flex; flex-direction: column; gap: 0.4rem; }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.profile-facts li {
      font-size: 0.88rem; color: var(--muted); line-height: 1.45;
      padding-left: 0.75rem; border-left: 1px solid var(--border);
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.profile-facts strong { color: var(--paper-warm); }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.site-footer { border-top: 1px solid var(--border); background: var(--ink-mid); }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.site-footer-inner { max-width: 1100px; margin: 0 auto; padding: 4rem; }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.footer-top { display: grid; grid-template-columns: 1fr 2fr; gap: 4rem; margin-bottom: 3rem; }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.footer-tagline { font-size: 0.88rem; color: var(--muted); line-height: 1.5; margin-bottom: 1rem; }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.footer-edition-badge {
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.15em; text-transform: uppercase;
      color: var(--muted); border: 1px solid var(--border); padding: 0.3rem 0.7rem;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.footer-nav-col-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold);
      margin-bottom: 0.85rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--border);
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.footer-nav-list a {
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.08em; color: var(--muted); text-decoration: none; transition: color 0.2s;
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.footer-bottom {
      display: flex; justify-content: space-between; align-items: center;
      padding-top: 2rem; border-top: 1px solid var(--border);
    }
/* usado en: fable5-mythos5-bloqueo-eeuu.html, fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.footer-copy, .footer-signal {
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem; letter-spacing: 0.1em;
      color: rgba(107,107,122,0.5);
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, uap-actualidad-2026.html */

/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html, uap-actualidad-2026.html */
.debate-grid {
      display: grid; grid-template-columns: 1fr 1fr 1fr;
      gap: 1px; background: var(--border);
      border: 1px solid var(--border); margin: 3rem 0;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, seti-ia.html, uap-actualidad-2026.html */
.debate-col:nth-child(2) .debate-col-label { color: var(--orange); }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html, uap-actualidad-2026.html */
.debate-col:nth-child(3) .debate-col-label { color: var(--gold); }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html, uap-actualidad-2026.html */

/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, uap-actualidad-2026.html */

/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, uap-actualidad-2026.html */

/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, uap-actualidad-2026.html */

/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, uap-actualidad-2026.html */

/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, loeb-galileo.html, roswell-p1.html, roswell-p2.html, roswell-p3.html, seti-ia.html, uap-actualidad-2026.html */

/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, uap-actualidad-2026.html */
.video-block {
      margin: 3rem 0; background: var(--ink-mid);
      border: 1px solid var(--border); overflow: hidden;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, uap-actualidad-2026.html */
.video-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted);
      padding: 0.75rem 1.5rem;
      border-bottom: 1px solid var(--border);
      display: flex; justify-content: space-between; align-items: center;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, uap-actualidad-2026.html */
.video-label a {
      color: var(--cyan); text-decoration: none; font-size: 0.52rem;
      transition: color 0.2s;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, uap-actualidad-2026.html */
.video-label a:hover { color: var(--gold); }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.yt-card {
      position: relative; width: 100%; padding-top: 56.25%;
      background: #0d0d0f; border: none;
      cursor: pointer; overflow: hidden; display: block;
      text-decoration: none;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.yt-card-thumb {
      position: absolute; inset: 0; width: 100%; height: 100%;
      object-fit: cover; opacity: 0.6; transition: opacity 0.3s;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.yt-card:hover .yt-card-thumb { opacity: 0.8; }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.yt-card-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(13,13,15,0.8) 0%, transparent 60%);
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.yt-card-inner {
      position: absolute; inset: 0;
      display: flex; flex-direction: column;
      align-items: center; justify-content: center; gap: 0.5rem;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.yt-card-play {
      width: 48px; height: 48px; border-radius: 50%;
      background: rgba(201,168,76,0.9);
      display: flex; align-items: center; justify-content: center;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.yt-card-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--paper);
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.yt-card-sub {
      font-family: "JetBrains Mono", monospace; font-size: 0.5rem;
      letter-spacing: 0.08em; color: var(--muted);
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, uap-actualidad-2026.html */
.video-caption {
      padding: 0.85rem 1.5rem;
      font-family: "JetBrains Mono", monospace; font-size: 0.52rem;
      letter-spacing: 0.1em; color: var(--muted); line-height: 1.5;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, uap-actualidad-2026.html */
.video-caption strong { color: var(--paper-warm); }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, loeb-galileo.html, seti-ia.html */
.chart-container {
      margin: 3rem 0; background: var(--ink-mid);
      border: 1px solid var(--border); padding: 2rem;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, uap-actualidad-2026.html */
.chart-title {
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);
      margin-bottom: 1.25rem; padding-bottom: 0.75rem;
      border-bottom: 1px solid var(--border);
      display: flex; justify-content: space-between; align-items: center;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html, seti-ia.html, uap-actualidad-2026.html */
.chart-note {
      font-family: "JetBrains Mono", monospace; font-size: 0.5rem;
      letter-spacing: 0.1em; color: rgba(107,107,122,0.6); margin-top: 0.75rem;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.footer-nav-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem; }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.article-img {
      margin: 3rem -2rem;
      border: 1px solid var(--border);
      overflow: hidden;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.article-img img {
      width: 100%; height: auto; display: block;
      opacity: 0.88; filter: grayscale(15%);
      transition: opacity 0.3s, filter 0.3s;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.article-img:hover img { opacity: 1; filter: grayscale(0%); }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.article-img-caption {
      padding: 0.75rem 1.5rem;
      background: var(--ink-mid);
      border-top: 1px solid var(--border);
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.img-credit {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.5rem; letter-spacing: 0.18em;
      text-transform: uppercase; color: var(--gold);
      display: block; margin-bottom: 0.3rem;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.article-img-caption span.img-caption-text {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.55rem; letter-spacing: 0.08em;
      color: var(--muted); line-height: 1.5;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
.article-img .img-placeholder {
      width: 100%; aspect-ratio: 16/9;
      background: var(--ink-soft);
      border-bottom: 1px solid var(--border);
      display: flex; flex-direction: column;
      align-items: center; justify-content: center; gap: 0.5rem;
    }
/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */

/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */

/* usado en: fable5-mythos5-degradacion-jailbreak-regreso.html, grusch-el-hombre-que-cambio-todo.html */
@media  (max-width: 768px) {
      
      .article-header { padding: 3rem 1.5rem 2rem; }
      .article-hero-visual { padding: 0 1.5rem 2rem; }
      .hero-visual-block { grid-template-columns: 1fr; }
      .stat-cell { border-right: none; border-bottom: 1px solid var(--border); }
      .article-body { padding: 2rem 1.5rem 5rem; }
      .debate-grid { grid-template-columns: 1fr; }
      .profile-box { grid-template-columns: 1fr; }
      .pull-quote { margin: 3rem 0; }
      .footer-top { grid-template-columns: 1fr; gap: 2rem; }
      .footer-nav-grid { grid-template-columns: 1fr; gap: 1.5rem; }
      .article-img { margin: 3rem 0; }
      
    }
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html */
body{background:var(--ink);color:var(--paper);font-family:"Source Serif 4",Georgia,serif;font-size:20px;line-height:1.7;overflow-x:hidden;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html */

/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */

/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html */

/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html */

/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */

/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html */
.page-indicator{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:1.5rem;border-bottom:1px solid var(--border);}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.page-dot{width:6px;height:6px;border-radius:50%;background:var(--border);cursor:pointer;transition:background .2s;text-decoration:none;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html */
.page-dot.active{background:var(--gold);}
/* usado en: hollywood-et-p1.html, roswell-p1.html */
.article-header{max-width:860px;margin:0 auto;padding:6rem 4rem 4rem;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html */
.article-section-name{font-family:"JetBrains Mono",monospace;font-size:0.62rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--cyan);}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html */
.article-edition{font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.15em;color:var(--muted);}
/* usado en: hollywood-et-p1.html, roswell-p1.html */
.article-dek{font-size:1.15rem;font-style:italic;color:rgba(245,240,232,0.65);line-height:1.65;max-width:52ch;margin-bottom:2.5rem;border-left:2px solid var(--gold);padding-left:1.5rem;}
/* usado en: hollywood-et-p1.html, roswell-p1.html */
.article-byline{display:flex;align-items:center;gap:2rem;padding-top:2rem;border-top:1px solid var(--border);flex-wrap:wrap;}
/* usado en: hollywood-et-p1.html, roswell-p1.html */
.byline-label{font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);}
/* usado en: hollywood-et-p1.html, roswell-p1.html */
.byline-name{font-family:"JetBrains Mono",monospace;font-size:0.68rem;color:var(--paper);}
/* usado en: hollywood-et-p1.html, roswell-p1.html */
.byline-sep{width:1px;height:24px;background:var(--border);}
/* usado en: hollywood-et-p1.html, roswell-p1.html */
.article-hero-visual{width:100%;max-width:860px;margin:0 auto 4rem;padding:0 4rem;}
/* usado en: hollywood-et-p1.html, roswell-p1.html */
.stat-cell::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(78,205,196,0.05) 0%,transparent 70%);}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html */
.article-body{max-width:680px;margin:0 auto;padding:0 4rem 6rem;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.article-body p:first-child::first-letter{font-family:"Space Grotesk",sans-serif;font-size:2rem;font-weight:900;float:left;line-height:0.85;margin:-0.10em 0.1em 0 0;color:var(--gold);  }
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html */
.article-body h2{font-family:"Space Grotesk",sans-serif;font-size:1.8rem;font-weight:700;font-style:italic;color:var(--paper);margin:3em 0 0.75em;line-height:1.2;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:10000;align-items:center;justify-content:center;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.lightbox.open{display:flex;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.lightbox-close{position:absolute;top:-2rem;right:0;font-family:"JetBrains Mono",monospace;font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:none;border:none;padding:0.5rem;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, uap-actualidad-2026.html */
.lightbox-close:hover{color:var(--gold);}
/* usado en: hollywood-et-p1.html, hollywood-et-p3.html, roswell-p2.html */
@keyframes  growBar{from{width:0!important}}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html, roswell-p2.html, roswell-p3.html */

/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */

/* usado en: hollywood-et-p1.html, hollywood-et-p3.html */

/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.img-holder{width:100%;margin:2.5rem 0;position:relative;overflow:hidden;background:var(--ink-soft);border:1px solid var(--border);}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.img-holder img{width:100%;height:auto;display:block;object-fit:cover;opacity:0.92;transition:opacity .3s;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.img-holder img:hover{opacity:1;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.img-placeholder{width:100%;aspect-ratio:16/7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;background:var(--ink-soft);cursor:pointer;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */

/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */

/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */

/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.img-caption{padding:0.6rem 1rem;border-top:1px solid var(--border);display:flex;align-items:baseline;gap:0.75rem;flex-wrap:wrap;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.img-caption-text{font-family:"Source Serif 4",Georgia,serif;font-size:0.78rem;font-style:italic;color:var(--muted);line-height:1.4;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.img-caption-src{font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(107,107,122,0.45);white-space:nowrap;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
.img-holder.bleed{margin:2.5rem -2rem;}
/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */

/* usado en: hollywood-et-p1.html, hollywood-et-p2.html, hollywood-et-p3.html */
@media (max-width:768px){.img-holder.bleed{margin:2rem 0;}}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html, roswell-p2.html, roswell-p3.html */
.article-header{max-width:860px;margin:0 auto;padding:4rem 4rem 3rem;}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html, roswell-p2.html, roswell-p3.html */
.article-section-label{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html, roswell-p2.html, roswell-p3.html */
.article-title{font-family:"DM Serif Text",Georgia,serif!important;font-size:clamp(1.6rem,3.5vw,2.8rem);font-weight:900;font-style:italic;line-height:1.1;color:var(--paper);margin-bottom:0.75rem;}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html, roswell-p2.html, roswell-p3.html */
.page-label{font-family:"JetBrains Mono",monospace;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:0.5rem;}
/* usado en: hollywood-et-p2.html, roswell-p2.html */
table{width:100%;border-collapse:collapse;font-size:0.82rem;}
/* usado en: hollywood-et-p2.html, roswell-p2.html */
thead th{background:var(--ink-soft);padding:0.85rem 1rem;font-family:"JetBrains Mono",monospace;font-size:0.52rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;}
/* usado en: hollywood-et-p2.html, roswell-p2.html */
tbody tr:last-child td{border-bottom:none;}
/* usado en: hollywood-et-p2.html, roswell-p2.html */
tbody tr:hover td{background:var(--ink-soft);}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html */
.lightbox-inner{max-width:92vw;max-height:92vh;position:relative;}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html */
.lb-label{font-family:"JetBrains Mono",monospace;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html */
.context-box{border:1px solid rgba(78,205,196,0.2);border-left:3px solid var(--cyan);padding:1.75rem 2rem;margin:3rem 0;background:rgba(78,205,196,0.03);}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html */
.context-label{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:0.75rem;}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html */
.context-box p{font-size:0.95rem!important;color:rgba(245,240,232,0.75)!important;font-style:italic;margin:0!important;line-height:1.6;}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html, roswell-p1.html */
.context-box p:first-child::first-letter{all:unset;}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html */
.chart-trigger-wrap{cursor:zoom-in;position:relative;}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html */
.chart-trigger-wrap::after{content:"⊕  Clic para ampliar";position:absolute;bottom:0.75rem;right:1rem;font-family:"JetBrains Mono",monospace;font-size:0.52rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);background:rgba(13,13,15,0.85);padding:0.2rem 0.6rem;}
/* usado en: hollywood-et-p2.html, hollywood-et-p3.html */
.chart-trigger-wrap:hover::after{color:var(--gold);}
/* usado en: hollywood-et-p3.html, roswell-p3.html */
.footer-brand{font-family:"Audiowide",sans-serif;font-size:1.2rem;color:var(--gold);text-transform:uppercase;text-decoration:none;}
/* usado en: hollywood-et-p3.html, roswell-p3.html */
.footer-meta{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.12em;color:var(--muted);text-align:right;}
/* usado en: loeb-galileo.html, roswell-p1.html, roswell-p2.html */
.fact-box p:first-child::first-letter { all: unset; }
/* usado en: loeb-galileo.html, seti-ia.html */
@media  (max-width: 768px) {
      
      .article-header, .article-body, .article-hero-visual { padding-left: 1.5rem; padding-right: 1.5rem; }
      .hero-visual-block { grid-template-columns: 1fr; }
      .debate-grid { grid-template-columns: 1fr; }
      
      .voice-card { grid-template-columns: 1fr; }
      .pull-quote { margin: 2rem 0; }
      .img-block { margin: 2rem 0; }
    }
/* usado en: mitologia-salvadorena.html */
@keyframes  marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* usado en: observador-ed2.html, observador-ed3.html, observador.html */
.pattern-box {
      border: 1px solid rgba(249,115,22,0.3); border-left: 3px solid #f97316;
      padding: 2rem; margin: 3rem 0; background: rgba(249,115,22,0.04);
    }
/* usado en: observador-ed2.html, observador-ed3.html, observador.html */
.pattern-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: #f97316;
      margin-bottom: 1.25rem; padding-bottom: 0.75rem;
      border-bottom: 1px solid rgba(249,115,22,0.2);
    }
/* usado en: observador-ed2.html, observador.html */
.pattern-grid {
      display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1px;
      background: rgba(249,115,22,0.15); border: 1px solid rgba(249,115,22,0.15);
      margin-top: 1.25rem;
    }
/* usado en: observador-ed2.html, observador.html */
.pattern-col { background: var(--ink-mid); padding: 1.5rem; }
/* usado en: observador-ed2.html, observador.html */
.pattern-col-date {
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.15em; text-transform: uppercase; color: #f97316;
      margin-bottom: 0.35rem;
    }
/* usado en: observador-ed2.html, observador.html */
.pattern-col-title {
      font-family: "Space Grotesk", sans-serif; font-size: 0.92rem;
      font-weight: 600; color: var(--paper); margin-bottom: 0.6rem;
    }
/* usado en: observador-ed2.html, observador.html */
.pattern-col p {
      font-size: 0.82rem !important; color: var(--muted) !important;
      margin: 0 !important; line-height: 1.5;
    }
/* usado en: observador-ed2.html, observador.html */
.pattern-col p::first-letter { all: unset; }
/* usado en: observador-ed2.html, observador-ed3.html */
.ed-prev-quote {
      border: 1px solid rgba(201,168,76,0.2);
      border-left: 3px solid var(--gold);
      background: rgba(201,168,76,0.03);
      padding: 1.75rem 2rem;
      margin: 2.5rem 0;
    }
/* usado en: observador-ed2.html, observador-ed3.html */
.ed-prev-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.52rem;
      letter-spacing: 0.22em; text-transform: uppercase;
      color: var(--gold); margin-bottom: 0.85rem;
      opacity: 0.7;
    }
/* usado en: observador-ed2.html, observador-ed3.html */
.ed-prev-text {
      font-family: "DM Serif Text", Georgia, serif;
      font-size: 1.05rem; font-style: italic;
      line-height: 1.7; color: rgba(245,240,232,0.8);
      margin-bottom: 0.75rem;
    }
/* usado en: observador-ed2.html, observador-ed3.html */
.ed-prev-cite {
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.1em; color: var(--muted);
    }
/* usado en: observador-ed2.html, observador-ed3.html */
.scheme-box {
      border: 1px solid rgba(192,57,43,0.25);
      border-left: 3px solid var(--red);
      background: rgba(192,57,43,0.04);
      padding: 2rem; margin: 3rem 0;
    }
/* usado en: observador-ed2.html, observador-ed3.html */
.scheme-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--red);
      margin-bottom: 1.25rem; padding-bottom: 0.75rem;
      border-bottom: 1px solid rgba(192,57,43,0.2);
    }
/* usado en: observador-ed2.html, observador-ed3.html */
.scheme-steps {
      display: flex; flex-direction: column; gap: 1px;
      background: rgba(192,57,43,0.12); border: 1px solid rgba(192,57,43,0.12);
      margin-top: 1.25rem;
    }
/* usado en: observador-ed2.html, observador-ed3.html */
.scheme-step {
      background: var(--ink-mid); padding: 1.25rem 1.5rem;
      display: grid; grid-template-columns: 2.5rem 1fr; gap: 1.25rem;
      align-items: start;
    }
/* usado en: observador-ed2.html, observador-ed3.html */
.scheme-step-num {
      font-family: "JetBrains Mono", monospace; font-size: 1.1rem;
      font-weight: 700; color: var(--red); opacity: 0.5; line-height: 1.2;
    }
/* usado en: observador-ed2.html, observador-ed3.html */
.scheme-step-title {
      font-family: "Space Grotesk", sans-serif; font-size: 0.9rem;
      font-weight: 600; color: var(--paper); margin-bottom: 0.35rem;
    }
/* usado en: observador-ed2.html, observador-ed3.html */
.scheme-step-desc {
      font-size: 0.82rem !important; color: var(--muted) !important;
      margin: 0 !important; line-height: 1.5;
    }
/* usado en: observador-ed2.html, observador-ed3.html */
.scheme-step-desc::first-letter { all: unset; }
/* usado en: observador-ed2.html, observador-ed3.html, observador.html, roswell-p3.html */
.closing-box {
      border: 1px solid rgba(201,168,76,0.4); padding: 2.5rem;
      margin: 3rem 0; background: rgba(201,168,76,0.04);
    }
/* usado en: observador-ed2.html, observador-ed3.html, observador.html, roswell-p3.html */
.closing-label {
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); margin-bottom: 1rem;
    }
/* usado en: observador-ed2.html, observador-ed3.html, observador.html */
.closing-text {
      font-family: "Space Grotesk", sans-serif; font-size: 1.05rem;
      font-style: italic; line-height: 1.7; color: rgba(245,240,232,0.85);
    }
/* usado en: roswell-p1.html, roswell-p2.html, roswell-p3.html */

/* usado en: roswell-p1.html, roswell-p2.html, roswell-p3.html */

/* usado en: roswell-p1.html, roswell-p2.html, roswell-p3.html */
.article-body p:first-child::first-letter {
      font-family: "Space Grotesk", sans-serif; font-size: 4.5rem; font-weight: 900;
      float: left; line-height: 0.85; margin: 0.1em 0.1em 0 0; color: var(--gold);
    }
/* usado en: roswell-p1.html, roswell-p3.html */

/* usado en: roswell-p1.html, roswell-p2.html, roswell-p3.html */
.page-dot {
      width: 6px; height: 6px; border-radius: 50%;
      background: var(--border); cursor: pointer; transition: background 0.2s;
      text-decoration: none;
    }
/* usado en: roswell-p2.html, roswell-p3.html */

/* usado en: umbra-resumen.html, umbra-topsecret.html */
.umbra-stamp.declassified {
      border-color: var(--cyan);
      color: var(--cyan);
    }
/* usado en: umbra-resumen.html, umbra-topsecret.html */
.editorial-note {
      border: 1px solid rgba(78,205,196,0.3);
      border-left: 3px solid var(--cyan);
      background: rgba(78,205,196,0.04);
      padding: 2.5rem;
      margin: 4rem 0;
    }
/* usado en: umbra-resumen.html, umbra-topsecret.html */
.editorial-note-alert {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.5rem;
      letter-spacing: 0.15em;
      background: var(--cyan);
      color: var(--ink);
      padding: 0.2rem 0.6rem;
      font-weight: 700;
    }
/* usado en: umbra-resumen.html, umbra-topsecret.html */
.editorial-note p {
      font-size: 0.92rem !important;
      color: rgba(245,240,232,0.8) !important;
      line-height: 1.8;
    }
/* usado en: umbra-resumen.html, umbra-topsecret.html */
.editorial-note p::first-letter { all: unset; }
/* usado en: umbra-resumen.html, umbra-topsecret.html */
.source-bar {
      border-top: 1px solid var(--border);
      padding-top: 1.5rem;
      margin-top: 4rem;
    }
/* usado en: umbra-resumen.html, umbra-topsecret.html */
.source-bar-label {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.5rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--muted);
      margin-bottom: 0.75rem;
    }
/* usado en: umbra-resumen.html, umbra-topsecret.html */
.source-bar p {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.58rem !important;
      color: rgba(107,107,122,0.7) !important;
      line-height: 1.8;
      margin: 0 !important;
    }
/* usado en: umbra-resumen.html, umbra-topsecret.html */
.source-bar p::first-letter { all: unset; }

/* ══════════════════════════════════════════════════════════════════════
   SECCIÓN 5 · AJUSTES ESPECÍFICOS POR ARTÍCULO (auto-extraídos)
   Reglas que sólo aparecían en un artículo. Se conservan con el mismo
   alcance que tenían antes (antes sólo cargaban en la página de ese
   artículo porque vivían en su <style> inline; ahora se limitan
   explícitamente con html[data-page="..."] para no afectar a otros
   artículos).
   ══════════════════════════════════════════════════════════════════════ */

/* -- australia-1971-p1.html -- */
html[data-page="australia-1971-p1"]{
      --ink:        #0d0d0f;
      --ink-mid:    #161619;
      --ink-soft:   #1e1e23;
      --paper:      #f5f0e8;
      --paper-warm: #ede6d6;
      --gold:       #c9a84c;
      --gold-light: #e8c97a;
      --cyan:       #4ecdc4;
      --cyan-dim:   #2a9d95;
      --red:        #c0392b;
      --orange:     #f97316;
      --muted:      #6b6b7a;
      --border:     rgba(201,168,76,0.25);
    }
@media (max-width: 768px) {
  
  html[data-page="australia-1971-p1"] .article-header, html[data-page="australia-1971-p1"] .article-body, html[data-page="australia-1971-p1"] .article-hero-visual{ padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-page="australia-1971-p1"] .hero-visual-block{ grid-template-columns: 1fr; }
  
  html[data-page="australia-1971-p1"] .pull-quote{ margin: 2rem 0; }
}

/* -- australia-1971-p2.html -- */
html[data-page="australia-1971-p2"]{
      --ink:        #0d0d0f;
      --ink-mid:    #161619;
      --ink-soft:   #1e1e23;
      --paper:      #f5f0e8;
      --paper-warm: #ede6d6;
      --gold:       #c9a84c;
      --gold-light: #e8c97a;
      --cyan:       #4ecdc4;
      --cyan-dim:   #2a9d95;
      --red:        #c0392b;
      --orange:     #f97316;
      --muted:      #6b6b7a;
      --border:     rgba(201,168,76,0.25);
    }

/* -- bestiario-criptozoologico.html -- */
html[data-page="bestiario"]{
      --ink:#0d0d0f; --ink-mid:#111114; --ink-soft:#1a1a1e;
      --paper:#f5f0e8; --paper-warm:#ede6d6;
      --gold:#c9a84c; --gold-light:#e8c97a;
      --cyan:#4ecdc4; --cyan-dim:#2a9d95;
      --red:#c0392b; --violet:#a78bfa; --green:#4ade80; --amber:#f59e0b;
      --muted:#6b6b7a; --border:rgba(201,168,76,0.12); --border-cyan:rgba(78,205,196,0.2);
    }
html[data-page="bestiario"] .hero{min-height:92svh;position:relative;overflow:hidden;display:flex;align-items:flex-end;background:radial-gradient(ellipse at 65% 30%,rgba(201,168,76,0.08) 0%,transparent 55%),radial-gradient(ellipse at 10% 70%,rgba(78,205,196,0.05) 0%,transparent 50%),var(--ink)}
html[data-page="bestiario"] .hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 4rem 7rem;width:100%;display:grid;grid-template-columns:1fr 360px;gap:5rem;align-items:end}
html[data-page="bestiario"] .hero-kicker{font-family:"JetBrains Mono",monospace;font-size:0.6rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem;display:flex;align-items:center;gap:0.75rem}
html[data-page="bestiario"] .hero-kicker::before{content:"";display:inline-block;width:28px;height:1px;background:var(--gold)}
html[data-page="bestiario"] .hero-title{font-family:"Audiowide",sans-serif;font-size:clamp(2.6rem,6vw,5.2rem);font-weight:900;line-height:0.96;color:var(--paper);margin-bottom:0.4rem;letter-spacing:-0.01em}
html[data-page="bestiario"] .hero-title .accent{color:var(--gold)}
html[data-page="bestiario"] .hero-subtitle{font-family:"Space Grotesk",sans-serif;font-size:1.15rem;font-weight:500;color:rgba(245,240,232,0.45);margin-top:1rem;letter-spacing:0.02em}
html[data-page="bestiario"] .hero-byline{font-family:"JetBrains Mono",monospace;font-size:0.62rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--cyan);margin:1.75rem 0 2rem}
html[data-page="bestiario"] .hero-lead{font-family:"DM Serif Text",Georgia,serif;font-size:1.15rem;font-style:italic;color:rgba(245,240,232,0.75);line-height:1.8;max-width:54ch;border-left:2px solid var(--gold);padding-left:1.5rem}
html[data-page="bestiario"] .bestiary-panel{background:rgba(17,17,20,0.92);border:1px solid var(--border);padding:2rem;backdrop-filter:blur(8px)}
html[data-page="bestiario"] .panel-label{font-family:"JetBrains Mono",monospace;font-size:0.48rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:1px solid var(--border)}
html[data-page="bestiario"] .panel-row{display:flex;justify-content:space-between;align-items:baseline;padding:0.7rem 0;border-bottom:1px solid rgba(201,168,76,0.06)}
html[data-page="bestiario"] .panel-val{font-family:"JetBrains Mono",monospace;font-size:0.82rem;font-weight:700;color:var(--gold-light);text-align:right}
html[data-page="bestiario"] .status-track{display:flex;gap:3rem;padding:0.8rem 0;width:max-content;animation:marquee-scroll 60s linear infinite}
html[data-page="bestiario"] .status-value.cyan{color:var(--cyan)}
html[data-page="bestiario"] .status-value.red{color:var(--red)}
html[data-page="bestiario"] .intro-text p:first-child::first-letter{font-family:"Audiowide",sans-serif;font-size:4.2rem;font-weight:900;color:var(--gold);float:left;line-height:0.78;margin:0.12em 0.15em 0 0}
html[data-page="bestiario"] .toc-box{background:var(--ink-mid);border:1px solid var(--border);padding:1.75rem;position:sticky;top:72px;align-self:start}
html[data-page="bestiario"] .toc-label{font-family:"JetBrains Mono",monospace;font-size:0.46rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;padding-bottom:0.6rem;border-bottom:1px solid var(--border)}
html[data-page="bestiario"] .toc-list a:hover{color:var(--gold)}
html[data-page="bestiario"] .toc-list a .toc-num{color:var(--gold);opacity:0.5;flex-shrink:0}
html[data-page="bestiario"] .section-num{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.2em;color:var(--gold);flex-shrink:0}
html[data-page="bestiario"] .section-intro{font-size:0.95rem;color:rgba(245,240,232,0.6);line-height:1.82;margin-bottom:2.5rem;max-width:76ch;font-style:italic;border-left:2px solid var(--border);padding-left:1.25rem}
html[data-page="bestiario"] .bestiary-grid{display:flex;flex-direction:column;gap:3rem;padding-bottom:2rem}
html[data-page="bestiario"] .beast-entry{display:grid;grid-template-columns:3fr 2fr;border:1px solid var(--border);background:var(--ink-mid);position:relative;overflow:hidden;transition:border-color .3s}
html[data-page="bestiario"] .beast-entry:hover{border-color:rgba(201,168,76,0.3)}
html[data-page="bestiario"] .beast-entry::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold)}
html[data-page="bestiario"] .beast-entry.aquatic::before{background:#3b82f6}
html[data-page="bestiario"] .beast-entry.aerial::before{background:var(--violet)}
html[data-page="bestiario"] .beast-entry.humanoid::before{background:var(--red)}

html[data-page="bestiario"] .beast-entry.reptile::before{background:var(--green)}
html[data-page="bestiario"] .beast-entry.megafauna::before{background:var(--amber)}
html[data-page="bestiario"] .beast-text{padding:2.5rem 2rem 2.5rem 2.5rem}
html[data-page="bestiario"] .beast-tag{font-family:"JetBrains Mono",monospace;font-size:0.44rem;letter-spacing:0.22em;text-transform:uppercase;display:inline-block;padding:0.2rem 0.6rem;border:1px solid var(--border);color:var(--muted);margin-bottom:1rem}
html[data-page="bestiario"] .beast-tag.aquatic{color:#60a5fa;border-color:rgba(96,165,250,0.3)}
html[data-page="bestiario"] .beast-tag.aerial{color:var(--violet);border-color:rgba(167,139,250,0.3)}
html[data-page="bestiario"] .beast-tag.humanoid{color:var(--red);border-color:rgba(192,57,43,0.3)}

html[data-page="bestiario"] .beast-tag.reptile{color:var(--green);border-color:rgba(74,222,128,0.3)}
html[data-page="bestiario"] .beast-tag.megafauna{color:var(--amber);border-color:rgba(245,158,11,0.3)}
html[data-page="bestiario"] .beast-name{font-family:"Audiowide",sans-serif;font-size:1.5rem;font-weight:900;color:var(--gold);line-height:1.1;margin-bottom:0.35rem}
html[data-page="bestiario"] .beast-alias{font-family:"DM Serif Text",Georgia,serif;font-size:0.9rem;font-style:italic;color:var(--muted);margin-bottom:1.25rem}
html[data-page="bestiario"] .beast-body{font-size:0.93rem;color:rgba(245,240,232,0.75);line-height:1.82;margin-bottom:1.5rem}
html[data-page="bestiario"] .beast-body p+p{margin-top:0.9rem}
html[data-page="bestiario"] .beast-stats{display:flex;flex-wrap:wrap;gap:0.5rem;padding-top:1.25rem;border-top:1px solid rgba(201,168,76,0.08)}
html[data-page="bestiario"] .beast-pill{font-family:"JetBrains Mono",monospace;font-size:0.44rem;letter-spacing:0.14em;text-transform:uppercase;background:rgba(255,255,255,0.03);border:1px solid var(--border);padding:0.25rem 0.6rem;color:var(--muted)}
html[data-page="bestiario"] .beast-pill span{color:var(--gold-light);font-weight:700;margin-left:0.3rem}
html[data-page="bestiario"] .beast-visual{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}
html[data-page="bestiario"] .imageholder{flex:1;min-height:240px;aspect-ratio:4/3;position:relative;background:radial-gradient(ellipse at 50% 50%,rgba(201,168,76,0.06) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(201,168,76,0.03) 20px,rgba(201,168,76,0.03) 21px),var(--ink-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}

html[data-page="bestiario"] .imageholder-ratio{font-family:"JetBrains Mono",monospace;font-size:0.58rem;font-weight:700;color:rgba(201,168,76,0.35)}
html[data-page="bestiario"] .imageholder::before, html[data-page="bestiario"] .imageholder::after{content:"";position:absolute;width:14px;height:14px;border-color:rgba(201,168,76,0.2);border-style:solid}
html[data-page="bestiario"] .method-box{background:var(--ink-mid);border:1px solid var(--border-cyan);padding:2rem;margin:3rem 0}
html[data-page="bestiario"] .method-label{font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.25rem}
html[data-page="bestiario"] .method-list{list-style:none;display:flex;flex-direction:column;gap:0.7rem}
html[data-page="bestiario"] .method-list li{font-size:0.88rem;color:rgba(245,240,232,0.65);line-height:1.6;padding-left:1.25rem;position:relative}
html[data-page="bestiario"] .method-list li::before{content:"›";position:absolute;left:0;color:var(--cyan);font-weight:700}
html[data-page="bestiario"] .footer-edition-badge{display:inline-block;margin-top:1.25rem;font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:0.3rem 0.75rem}
html[data-page="bestiario"] .footer-nav-col-label{font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(201,168,76,0.2)}
@media (max-width:960px) {
  html[data-page="bestiario"] .hero-inner{grid-template-columns:1fr;gap:3rem;padding:0 2.5rem 5rem}
  html[data-page="bestiario"] .bestiary-panel{display:none}
  html[data-page="bestiario"] .intro{grid-template-columns:1fr;gap:2.5rem}
  html[data-page="bestiario"] .toc-box{position:static}
  html[data-page="bestiario"] .beast-entry{grid-template-columns:1fr}
  html[data-page="bestiario"] .beast-visual{order:-1}
  html[data-page="bestiario"] .imageholder{min-height:200px}
  html[data-page="bestiario"] .article{padding:0 2rem}
  html[data-page="bestiario"] .footer-top{grid-template-columns:1fr;gap:2rem}
  html[data-page="bestiario"] .footer-nav-grid{grid-template-columns:1fr 1fr}
}

/* -- dow-uap-pr116-atlantico-2020.html -- */
html[data-page="dow-uap-pr116-atlantico-2020"] .hero-visual-block{ grid-template-columns: repeat(4, 1fr); }
@media (max-width: 768px) {
  html[data-page="dow-uap-pr116-atlantico-2020"] .hero-visual-block{ grid-template-columns: 1fr 1fr; }
}
html[data-page="dow-uap-pr116-atlantico-2020"] .related-card.cat-documentos{border-top-color:var(--gold);}
html[data-page="dow-uap-pr116-atlantico-2020"] .related-card.cat-documentos .related-card-cat{color:var(--gold);}

html[data-page="dow-uap-pr116-atlantico-2020"] .video-embed-wrap{position:relative;width:100%;padding-top:56.25%;background:#000;overflow:hidden;}
html[data-page="dow-uap-pr116-atlantico-2020"] .video-embed-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
html[data-page="dow-uap-pr116-atlantico-2020"] .infographic-block{max-width:520px;margin:0 auto;}
html[data-page="dow-uap-pr116-atlantico-2020"] .infographic-block img{width:100%;height:auto;display:block;border:1px solid var(--border);}

/* -- fable5-mythos5-bloqueo-eeuu.html -- */
html[data-page="fable5-mythos5-bloqueo-eeuu"]{
      --ink:        #0d0d0f;
      --ink-mid:    #161619;
      --ink-soft:   #1e1e23;
      --paper:      #f5f0e8;
      --paper-warm: #ede6d6;
      --gold:       #c9a84c;
      --gold-light: #e8c97a;
      --cyan:       #4ecdc4;
      --cyan-dim:   #2a9d95;
      --red:        #c0392b;
      --orange:     #f97316;
      --muted:      #6b6b7a;
      --border:     rgba(201,168,76,0.25);
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .article-title{
      font-family: "DM Serif Text", Georgia, serif;
      font-size: clamp(2.2rem, 5vw, 3.6rem);
      line-height: 1.1; color: var(--paper); margin-bottom: 1.5rem;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .article-hero-visual{ max-width: 980px; margin: 0 auto; padding: 0 4rem 2rem; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .hero-visual-block{
      display: grid; grid-template-columns: repeat(4, 1fr);
      border: 1px solid var(--border);
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .stat-cell{
      padding: 2.25rem 1.6rem; border-right: 1px solid var(--border);
      background: var(--ink-mid);
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .stat-num{
      font-family: "Space Grotesk", sans-serif;
      font-size: 2.7rem; font-weight: 900; line-height: 1;
      color: var(--paper); margin-bottom: 0.5rem;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .stat-label{
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.1em; text-transform: uppercase;
      color: var(--muted); line-height: 1.5;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .article-body strong{ color: var(--paper-warm); }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .debate-grid{
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 1px; background: var(--border);
      border: 1px solid var(--border); margin: 3rem 0;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .debate-col:nth-child(2) .debate-col-label{ color: var(--gold); }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .compare-grid{
      display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
      background: var(--border); border: 1px solid var(--border); margin: 2.5rem 0;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .compare-card{ background: var(--ink-mid); padding: 1.75rem; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .compare-card .ic{ font-size: 1.6rem; margin-bottom: 0.5rem; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .compare-card h4{
      font-family: "Space Grotesk", sans-serif; font-size: 1.05rem;
      font-weight: 700; font-style: italic; color: var(--paper); margin-bottom: 0.5rem;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .compare-card p{
      font-size: 0.9rem !important; color: var(--muted) !important;
      line-height: 1.5; margin: 0 !important;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .compare-card p::first-letter{ all: unset; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .note-small{
      font-family: "JetBrains Mono", monospace; font-size: 0.68rem;
      color: rgba(107,107,122,0.85); letter-spacing: 0.02em; line-height: 1.6;
      border-left: 2px solid var(--border); padding-left: 1rem; margin: 0 0 2.5rem;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .directive-box{
      border: 1px solid var(--border); border-left: 3px solid var(--red);
      padding: 2rem; margin: 3rem 0; background: var(--ink-mid);
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .directive-label{
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--red);
      margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--border);
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .directive-title{
      font-family: "Space Grotesk", sans-serif; font-size: 1.1rem;
      font-weight: 700; color: var(--paper); margin-bottom: 1rem;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .directive-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem 1.5rem; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .directive-item .dk{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); margin-bottom: 0.25rem;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .directive-item .dv{ font-size: 0.92rem; color: var(--paper-warm); line-height: 1.4; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .directive-foot{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem; color: rgba(107,107,122,0.7);
      border-top: 1px solid var(--border); margin-top: 1.25rem; padding-top: 1rem; line-height: 1.5;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .editorial-box{
      border: 1px solid var(--border); border-left: 3px solid var(--gold);
      background: var(--ink-mid); padding: 2.5rem 2.5rem 2rem; margin: 3.5rem 0;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .editorial-eyebrow{
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.25em; text-transform: uppercase; color: var(--gold); margin-bottom: 1rem;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .editorial-title{
      font-family: "DM Serif Text", Georgia, serif; font-style: italic;
      font-size: 1.7rem; line-height: 1.25; color: var(--paper); margin-bottom: 0.85rem;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .editorial-dek{
      font-size: 1.02rem; font-style: italic; color: rgba(245,240,232,0.65);
      line-height: 1.6; margin-bottom: 1.75rem;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .editorial-box p{ color: rgba(245,240,232,0.88); margin-bottom: 1.4em; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .editorial-box .pull-quote{ margin: 2rem -0.5rem; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .closing-box{
      border: 1px solid rgba(201,168,76,0.4); padding: 1.75rem;
      margin: 1.5rem 0 0.5rem; background: rgba(201,168,76,0.05);
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .closing-label{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.85rem;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .closing-text{
      font-family: "Space Grotesk", sans-serif; font-size: 1.05rem;
      font-style: italic; line-height: 1.6; color: rgba(245,240,232,0.85);
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .editorial-byline{
      display: flex; align-items: center; gap: 0.75rem; margin-top: 1.75rem; padding-top: 1.25rem;
      border-top: 1px solid var(--border);
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem; letter-spacing: 0.08em;
      text-transform: uppercase; color: var(--muted);
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .editorial-byline strong{ color: var(--gold); }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .next-list{ list-style: none; display: flex; flex-direction: column; margin: 2rem 0; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .next-list li{
      padding: 1rem 0 1rem 1.75rem; border-bottom: 1px solid rgba(201,168,76,0.12);
      position: relative; font-size: 0.95rem; color: var(--muted); line-height: 1.55;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .next-list li:last-child{ border-bottom: none; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .next-list li::before{
      content: "→"; position: absolute; left: 0; color: var(--gold);
      font-family: "JetBrains Mono", monospace;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .next-list li strong{ color: var(--paper-warm); }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .sources-box{ margin: 3rem 0 1rem; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .sources-label{
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);
      margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--border);
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .sources-list{ list-style: none; padding: 0; display: flex; flex-direction: column; gap: 0.55rem; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .sources-list li{
      font-family: "JetBrains Mono", monospace; font-size: 0.7rem;
      color: rgba(107,107,122,0.9); line-height: 1.55;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .sources-list a{ color: var(--muted); text-decoration: underline; }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .sources-list a:hover{ color: var(--gold); }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .small-note{
      font-family: "JetBrains Mono", monospace; font-size: 0.66rem;
      color: rgba(107,107,122,0.75); line-height: 1.65;
      border-top: 1px solid var(--border); padding-top: 1.5rem; margin-top: 2rem;
    }
html[data-page="fable5-mythos5-bloqueo-eeuu"] .footer-nav-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2rem; }
@media (max-width: 768px) {
  html[data-page="fable5-mythos5-bloqueo-eeuu"] .article-header{ padding: 3rem 1.5rem 2rem; }
  html[data-page="fable5-mythos5-bloqueo-eeuu"] .article-hero-visual{ padding: 0 1.5rem 2rem; }
  html[data-page="fable5-mythos5-bloqueo-eeuu"] .hero-visual-block{ grid-template-columns: 1fr 1fr; }
  html[data-page="fable5-mythos5-bloqueo-eeuu"] .stat-cell{ border-right: none; border-bottom: 1px solid var(--border); }
  html[data-page="fable5-mythos5-bloqueo-eeuu"] .stat-cell:nth-child(2n){ border-right: none; }
  html[data-page="fable5-mythos5-bloqueo-eeuu"] .article-body{ padding: 2rem 1.5rem 5rem; }
  html[data-page="fable5-mythos5-bloqueo-eeuu"] .debate-grid, html[data-page="fable5-mythos5-bloqueo-eeuu"] .compare-grid, html[data-page="fable5-mythos5-bloqueo-eeuu"] .directive-grid{ grid-template-columns: 1fr; }
  html[data-page="fable5-mythos5-bloqueo-eeuu"] .profile-box, html[data-page="fable5-mythos5-bloqueo-eeuu"] .voice-card{ grid-template-columns: 1fr; }
  html[data-page="fable5-mythos5-bloqueo-eeuu"] .pull-quote{ margin: 2rem 0; }
  html[data-page="fable5-mythos5-bloqueo-eeuu"] .editorial-box{ padding: 1.75rem 1.5rem 1.5rem; }
  html[data-page="fable5-mythos5-bloqueo-eeuu"] .footer-top{ grid-template-columns: 1fr; gap: 2rem; }
  html[data-page="fable5-mythos5-bloqueo-eeuu"] .footer-nav-grid{ grid-template-columns: 1fr 1fr; gap: 1.5rem; }
}

/* -- fable5-mythos5-degradacion-jailbreak-regreso.html -- */
html[data-page="fable5-mythos5-degradacion-jailbreak-regreso"]{
      --ink:        #0d0d0f;
      --ink-mid:    #161619;
      --ink-soft:   #1e1e23;
      --paper:      #f5f0e8;
      --paper-warm: #ede6d6;
      --gold:       #c9a84c;
      --gold-light: #e8c97a;
      --cyan:       #4ecdc4;
      --cyan-dim:   #2a9d95;
      --red:        #c0392b;
      --orange:     #f97316;
      --muted:      #6b6b7a;
      --border:     rgba(201,168,76,0.25);
    }
html[data-page="fable5-mythos5-degradacion-jailbreak-regreso"] .article-body p a{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(201,168,76,0.35);text-underline-offset:0.15em;transition:color .2s,text-decoration-color .2s;}
html[data-page="fable5-mythos5-degradacion-jailbreak-regreso"] .article-body p a:hover{color:var(--gold-light);text-decoration-color:var(--gold-light);}
html[data-page="fable5-mythos5-degradacion-jailbreak-regreso"] .article-body p a:visited{color:var(--gold);}

/* -- grusch-el-hombre-que-cambio-todo.html -- */
html[data-page="grusch-el-hombre-que-cambio-todo"]{
      --ink:        #0d0d0f;
      --ink-mid:    #161619;
      --ink-soft:   #1e1e23;
      --paper:      #f5f0e8;
      --paper-warm: #ede6d6;
      --gold:       #c9a84c;
      --gold-light: #e8c97a;
      --cyan:       #4ecdc4;
      --cyan-dim:   #2a9d95;
      --red:        #c0392b;
      --orange:     #f97316;
      --muted:      #6b6b7a;
      --border:     rgba(201,168,76,0.25);
    }

/* -- hollywood-et-p1.html -- */
html[data-page="hollywood-et-p1"]{
      --ink:#0d0d0f;--ink-mid:#161619;--ink-soft:#1e1e23;
      --paper:#f5f0e8;--paper-warm:#ede6d6;--gold:#c9a84c;
      --gold-light:#e8c97a;--cyan:#4ecdc4;--cyan-dim:#2a9d95;
      --red:#c0392b;--muted:#6b6b7a;--border:rgba(201,168,76,0.25);
      --purple:#a855f7;--orange:#f97316;
    }
html[data-page="hollywood-et-p1"] .article-title{font-family:"DM Serif Text",Georgia,serif!important;font-size:clamp(2.2rem,5vw,4rem);font-weight:900;font-style:italic;line-height:1.06;color:var(--paper);margin-bottom:1.5rem;}
html[data-page="hollywood-et-p1"] .hero-visual-block{background-color:var(--border);border:1px solid var(--border);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;}
html[data-page="hollywood-et-p1"] .stat-cell{background:var(--ink-mid);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden;}
html[data-page="hollywood-et-p1"] .stat-num{font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;color:var(--paper);line-height:1;margin-bottom:0.5rem;}
html[data-page="hollywood-et-p1"] .stat-num.purple{color:var(--purple);}
html[data-page="hollywood-et-p1"] .stat-label{font-family:"JetBrains Mono",monospace;font-size:0.52rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);line-height:1.5;}
html[data-page="hollywood-et-p1"] .stat-sub{font-family:"JetBrains Mono",monospace;font-size:0.48rem;letter-spacing:0.1em;color:rgba(107,107,122,0.6);margin-top:0.25rem;}
html[data-page="hollywood-et-p1"] .chrono-wrap{margin:3rem 0;border:1px solid var(--border);overflow:hidden;}
html[data-page="hollywood-et-p1"] .chrono-header{padding:1.25rem 1.5rem;background:var(--ink-soft);border-bottom:1px solid var(--border);font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);}
html[data-page="hollywood-et-p1"] .decade-block{}
html[data-page="hollywood-et-p1"] .decade-label{padding:0.6rem 1.5rem;background:rgba(201,168,76,0.07);border-bottom:1px solid rgba(201,168,76,0.1);border-top:1px solid rgba(201,168,76,0.1);font-family:"JetBrains Mono",monospace;font-size:0.65rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:1rem;}
html[data-page="hollywood-et-p1"] .decade-label span{font-size:0.52rem;color:var(--muted);}
html[data-page="hollywood-et-p1"] .film-row{display:grid;grid-template-columns:70px 1fr auto;gap:0;align-items:stretch;border-bottom:1px solid rgba(201,168,76,0.06);}
html[data-page="hollywood-et-p1"] .film-row:last-child{border-bottom:none;}
html[data-page="hollywood-et-p1"] .film-year{font-family:"JetBrains Mono",monospace;font-size:0.62rem;color:var(--cyan);padding:1rem 1.5rem;border-right:1px solid rgba(201,168,76,0.1);display:flex;align-items:center;justify-content:center;background:var(--ink-mid);}
html[data-page="hollywood-et-p1"] .film-info{padding:0.9rem 1.25rem;background:var(--ink-mid);display:flex;flex-direction:column;justify-content:center;}
html[data-page="hollywood-et-p1"] .film-info:hover{background:var(--ink-soft);}
html[data-page="hollywood-et-p1"] .film-title{font-family:"Space Grotesk",sans-serif;font-size:0.92rem;font-weight:700;font-style:italic;color:var(--paper);margin-bottom:0.2rem;}
html[data-page="hollywood-et-p1"] .film-desc{font-size:0.78rem;color:var(--muted);line-height:1.4;}
html[data-page="hollywood-et-p1"] .film-badge{padding:0.9rem 1rem;background:var(--ink-mid);display:flex;align-items:center;}
html[data-page="hollywood-et-p1"] .badge{font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.2rem 0.6rem;white-space:nowrap;}
html[data-page="hollywood-et-p1"] .badge-star{border:1px solid var(--gold);color:var(--gold);}
html[data-page="hollywood-et-p1"] .badge-contact{border:1px solid var(--cyan);color:var(--cyan);}
html[data-page="hollywood-et-p1"] .badge-horror{border:1px solid var(--red);color:var(--red);}
html[data-page="hollywood-et-p1"] .badge-comedy{border:1px solid var(--muted);color:var(--muted);}
html[data-page="hollywood-et-p1"] .badge-action{border:1px solid var(--orange);color:var(--orange);}
html[data-page="hollywood-et-p1"] .badge-indie{border:1px solid var(--purple);color:var(--purple);}
html[data-page="hollywood-et-p1"] .featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin:3rem 0;}
html[data-page="hollywood-et-p1"] .featured-card{background:var(--ink-mid);padding:1.75rem;position:relative;overflow:hidden;}
html[data-page="hollywood-et-p1"] .featured-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
html[data-page="hollywood-et-p1"] .featured-card:hover::before{transform:scaleX(1);}
html[data-page="hollywood-et-p1"] .feat-year{font-family:"JetBrains Mono",monospace;font-size:0.6rem;letter-spacing:0.15em;color:var(--cyan);margin-bottom:0.4rem;}
html[data-page="hollywood-et-p1"] .feat-title{font-family:"Space Grotesk",sans-serif;font-size:1.1rem;font-weight:700;font-style:italic;color:var(--paper);margin-bottom:0.15rem;line-height:1.2;}
html[data-page="hollywood-et-p1"] .feat-director{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.1em;color:var(--muted);text-transform:uppercase;margin-bottom:0.75rem;}
html[data-page="hollywood-et-p1"] .feat-desc{font-size:0.85rem;color:rgba(245,240,232,0.7);line-height:1.5;}
html[data-page="hollywood-et-p1"] .feat-why{font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.1em;color:var(--gold);margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--border);}
html[data-page="hollywood-et-p1"] .spielberg-box{border:1px solid rgba(78,205,196,0.3);border-left:3px solid var(--cyan);background:rgba(78,205,196,0.04);padding:2rem;margin:3rem 0;position:relative;overflow:hidden;}
html[data-page="hollywood-et-p1"] .spielberg-box::after{content:"★";position:absolute;right:1.5rem;top:1rem;font-size:3rem;color:rgba(78,205,196,0.08);}
html[data-page="hollywood-et-p1"] .spielberg-label{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:0.5rem;}
html[data-page="hollywood-et-p1"] .spielberg-title{font-family:"Space Grotesk",sans-serif;font-size:1.3rem;font-weight:700;font-style:italic;color:var(--paper);margin-bottom:0.5rem;}
html[data-page="hollywood-et-p1"] .spielberg-meta{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.1em;color:var(--muted);margin-bottom:1rem;}
html[data-page="hollywood-et-p1"] .spielberg-body{font-size:0.9rem;color:rgba(245,240,232,0.8);line-height:1.6;}
html[data-page="hollywood-et-p1"] .spielberg-body p{margin-bottom:0.75rem;}
html[data-page="hollywood-et-p1"] .spielberg-cast{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1rem;}
html[data-page="hollywood-et-p1"] .cast-tag{font-family:"JetBrains Mono",monospace;font-size:0.52rem;letter-spacing:0.1em;padding:0.25rem 0.65rem;border:1px solid var(--border);color:var(--muted);}
html[data-page="hollywood-et-p1"] .lightbox-inner{max-width:90vw;max-height:90vh;position:relative;}
html[data-page="hollywood-et-p1"] .lightbox-inner img, html[data-page="hollywood-et-p1"] .lightbox-content{max-width:100%;max-height:90vh;}
html[data-page="hollywood-et-p1"] .lightbox-content{background:var(--ink-mid);border:1px solid var(--border);padding:2rem;overflow:auto;max-width:900px;width:90vw;}
html[data-page="hollywood-et-p1"] .chart-trigger{cursor:zoom-in;border:1px solid var(--border);margin:3rem 0;overflow:hidden;position:relative;}
html[data-page="hollywood-et-p1"] .chart-trigger::after{content:"⊕  Clic para ampliar";position:absolute;bottom:0.75rem;right:1rem;font-family:"JetBrains Mono",monospace;font-size:0.52rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);background:rgba(13,13,15,0.8);padding:0.2rem 0.6rem;}
html[data-page="hollywood-et-p1"] .chart-trigger:hover::after{color:var(--gold);}
html[data-page="hollywood-et-p1"] .genre-chart{border:1px solid var(--border);background:var(--ink-mid);margin:3rem 0;}
html[data-page="hollywood-et-p1"] .genre-chart-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);}
html[data-page="hollywood-et-p1"] .genre-chart-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;}
html[data-page="hollywood-et-p1"] .genre-row{display:grid;grid-template-columns:130px 1fr 40px;gap:1rem;align-items:center;}
html[data-page="hollywood-et-p1"] .genre-label{font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.08em;color:var(--muted);text-align:right;line-height:1.4;}
html[data-page="hollywood-et-p1"] .genre-track{height:10px;background:var(--ink-soft);}
html[data-page="hollywood-et-p1"] .genre-fill{height:100%;animation:growBar 1.4s ease forwards;transform-origin:left;}
html[data-page="hollywood-et-p1"] .genre-pct{font-family:"JetBrains Mono",monospace;font-size:0.58rem;color:var(--muted);}
@media (max-width:768px) {
  html[data-page="hollywood-et-p1"] .nav, html[data-page="hollywood-et-p1"] .article-header, html[data-page="hollywood-et-p1"] .article-body, html[data-page="hollywood-et-p1"] .article-hero-visual{padding-left:1.5rem;padding-right:1.5rem;}
  html[data-page="hollywood-et-p1"] .hero-visual-block{grid-template-columns:1fr 1fr;}
  html[data-page="hollywood-et-p1"] .pull-quote{margin:2rem 0;}
  html[data-page="hollywood-et-p1"] .featured-grid{grid-template-columns:1fr;}
  
  html[data-page="hollywood-et-p1"] .film-row{grid-template-columns:55px 1fr;}
  html[data-page="hollywood-et-p1"] .film-badge{display:none;}
  html[data-page="hollywood-et-p1"] .genre-row{grid-template-columns:90px 1fr 36px;}
}

/* -- hollywood-et-p2.html -- */
html[data-page="hollywood-et-p2"]{--ink:#0d0d0f;--ink-mid:#161619;--ink-soft:#1e1e23;--paper:#f5f0e8;--paper-warm:#ede6d6;--gold:#c9a84c;--gold-light:#e8c97a;--cyan:#4ecdc4;--red:#c0392b;--muted:#6b6b7a;--border:rgba(201,168,76,0.25);--purple:#a855f7;--orange:#f97316;--green:#4ade80;}
html[data-page="hollywood-et-p2"] .doc-table-wrap{border:1px solid var(--border);margin:3rem 0;overflow-x:auto;}
html[data-page="hollywood-et-p2"] .doc-table-header{padding:1.25rem 1.5rem;background:var(--ink-soft);border-bottom:1px solid var(--border);font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);}
html[data-page="hollywood-et-p2"] tbody td{padding:0.9rem 1rem;border-bottom:1px solid rgba(201,168,76,0.07);color:rgba(245,240,232,0.75);vertical-align:top;line-height:1.45;}
html[data-page="hollywood-et-p2"] .td-title{font-family:"Space Grotesk",sans-serif;font-style:italic;font-weight:600;color:var(--paper)!important;}
html[data-page="hollywood-et-p2"] .stream-badge{font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.2rem 0.6rem;white-space:nowrap;display:inline-block;}
html[data-page="hollywood-et-p2"] .stream-netflix{border:1px solid #e50914;color:#e50914;}
html[data-page="hollywood-et-p2"] .stream-prime{border:1px solid #00a8e0;color:#00a8e0;}

html[data-page="hollywood-et-p2"] .stream-tubi{border:1px solid var(--orange);color:var(--orange);}

html[data-page="hollywood-et-p2"] .stream-free{border:1px solid var(--green);color:var(--green);}

html[data-page="hollywood-et-p2"] .td-rating{font-family:"JetBrains Mono",monospace;font-size:0.7rem;color:var(--gold);}
html[data-page="hollywood-et-p2"] .td-type{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.08em;color:var(--muted);}
html[data-page="hollywood-et-p2"] .lightbox-content{background:var(--ink-mid);border:1px solid var(--border);padding:2rem;overflow:auto;max-width:940px;width:92vw;max-height:88vh;}
html[data-page="hollywood-et-p2"] .celeb-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin:3rem 0;}
html[data-page="hollywood-et-p2"] .celeb-card{background:var(--ink-mid);padding:1.75rem;position:relative;}
html[data-page="hollywood-et-p2"] .celeb-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
html[data-page="hollywood-et-p2"] .celeb-card:hover::before{transform:scaleX(1);}
html[data-page="hollywood-et-p2"] .celeb-name{font-family:"Space Grotesk",sans-serif;font-size:1rem;font-weight:700;color:var(--paper);margin-bottom:0.15rem;}
html[data-page="hollywood-et-p2"] .celeb-role{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:0.75rem;}
html[data-page="hollywood-et-p2"] .celeb-desc{font-size:0.85rem;color:rgba(245,240,232,0.7);line-height:1.5;}
html[data-page="hollywood-et-p2"] .celeb-tags{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.85rem;}
html[data-page="hollywood-et-p2"] .celeb-tag{font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.08em;padding:0.2rem 0.6rem;border:1px solid var(--border);color:var(--muted);}
html[data-page="hollywood-et-p2"] .celeb-tag.hot{border-color:var(--cyan);color:var(--cyan);}
html[data-page="hollywood-et-p2"] .celeb-quote{font-style:italic;font-size:0.82rem;color:var(--gold);margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--border);line-height:1.4;}
html[data-page="hollywood-et-p2"] .involve-table{border:1px solid var(--border);margin:3rem 0;overflow-x:auto;}
html[data-page="hollywood-et-p2"] .involve-header{padding:1.25rem 1.5rem;background:var(--ink-soft);border-bottom:1px solid var(--border);font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);}
html[data-page="hollywood-et-p2"] .ttsa-box{border:1px solid rgba(168,85,247,0.25);border-left:3px solid var(--purple);background:rgba(168,85,247,0.04);padding:2rem;margin:3rem 0;}
html[data-page="hollywood-et-p2"] .ttsa-label{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--purple);margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid rgba(168,85,247,0.2);}
html[data-page="hollywood-et-p2"] .ttsa-items{display:flex;flex-direction:column;gap:0.75rem;}
html[data-page="hollywood-et-p2"] .ttsa-row{display:grid;grid-template-columns:60px 1fr;gap:1rem;align-items:start;}
html[data-page="hollywood-et-p2"] .ttsa-year{font-family:"JetBrains Mono",monospace;font-size:0.58rem;color:var(--purple);}
html[data-page="hollywood-et-p2"] .ttsa-text{font-size:0.85rem;color:rgba(245,240,232,0.7);line-height:1.4;}
html[data-page="hollywood-et-p2"] .ttsa-text strong{color:var(--paper-warm);}
html[data-page="hollywood-et-p2"] .platform-matrix{border:1px solid var(--border);background:var(--ink-mid);margin:2rem 0;}
html[data-page="hollywood-et-p2"] .pm-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);}
html[data-page="hollywood-et-p2"] .pm-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border);}
html[data-page="hollywood-et-p2"] .pm-cell{background:var(--ink-soft);padding:1rem 0.75rem;text-align:center;}
html[data-page="hollywood-et-p2"] .pm-logo{font-family:"Space Grotesk",sans-serif;font-size:0.8rem;font-weight:700;margin-bottom:0.35rem;}
html[data-page="hollywood-et-p2"] .pm-count{font-family:"JetBrains Mono",monospace;font-size:1.4rem;font-weight:900;line-height:1;margin-bottom:0.25rem;}
html[data-page="hollywood-et-p2"] .pm-label{font-family:"JetBrains Mono",monospace;font-size:0.48rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);}
@media (max-width:768px) {
  html[data-page="hollywood-et-p2"] .nav, html[data-page="hollywood-et-p2"] .article-header, html[data-page="hollywood-et-p2"] .article-body{padding-left:1.5rem;padding-right:1.5rem;}
  html[data-page="hollywood-et-p2"] .pull-quote{margin:2rem 0;}
  html[data-page="hollywood-et-p2"] .celeb-grid{grid-template-columns:1fr;}
  
  html[data-page="hollywood-et-p2"] .pm-grid{grid-template-columns:repeat(3,1fr);}
}

/* -- hollywood-et-p3.html -- */
html[data-page="hollywood-et-p3"]{--ink:#0d0d0f;--ink-mid:#161619;--ink-soft:#1e1e23;--paper:#f5f0e8;--paper-warm:#ede6d6;--gold:#c9a84c;--gold-light:#e8c97a;--cyan:#4ecdc4;--red:#c0392b;--muted:#6b6b7a;--border:rgba(201,168,76,0.25);--purple:#a855f7;--orange:#f97316;--green:#4ade80;}
html[data-page="hollywood-et-p3"] .editorial-header{border:1px solid rgba(201,168,76,0.4);background:rgba(201,168,76,0.04);padding:1.5rem 2rem;margin:2rem 0 0;}
html[data-page="hollywood-et-p3"] .editorial-header-label{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:0.5rem;}
html[data-page="hollywood-et-p3"] .editorial-header-title{font-family:"Space Grotesk",sans-serif;font-size:1.2rem;font-weight:700;font-style:italic;color:var(--paper);}
html[data-page="hollywood-et-p3"] .scenarios-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin:3rem 0;}
html[data-page="hollywood-et-p3"] .scenario-card{background:var(--ink-mid);padding:2rem;position:relative;overflow:hidden;}
html[data-page="hollywood-et-p3"] .scenario-num{font-family:"Space Grotesk",sans-serif;font-size:3.5rem;font-weight:900;line-height:1;position:absolute;top:0.75rem;right:1rem;opacity:0.07;color:var(--paper);}
html[data-page="hollywood-et-p3"] .scenario-tag{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.18em;text-transform:uppercase;padding:0.2rem 0.7rem;display:inline-block;margin-bottom:0.85rem;}
html[data-page="hollywood-et-p3"] .tag-green{border:1px solid var(--green);color:var(--green);}
html[data-page="hollywood-et-p3"] .tag-orange{border:1px solid var(--orange);color:var(--orange);}
html[data-page="hollywood-et-p3"] .tag-red{border:1px solid var(--red);color:var(--red);}
html[data-page="hollywood-et-p3"] .tag-purple{border:1px solid var(--purple);color:var(--purple);}
html[data-page="hollywood-et-p3"] .scenario-title{font-family:"Space Grotesk",sans-serif;font-size:1.05rem;font-weight:700;font-style:italic;color:var(--paper);margin-bottom:0.75rem;line-height:1.2;}
html[data-page="hollywood-et-p3"] .scenario-body{font-size:0.85rem;color:rgba(245,240,232,0.7);line-height:1.55;}
html[data-page="hollywood-et-p3"] .scenario-verdict{font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.1em;color:var(--gold);margin-top:1rem;padding-top:0.75rem;border-top:1px solid var(--border);}
html[data-page="hollywood-et-p3"] .evidence-meter{border:1px solid var(--border);background:var(--ink-mid);margin:3rem 0;}
html[data-page="hollywood-et-p3"] .em-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);}
html[data-page="hollywood-et-p3"] .em-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;}
html[data-page="hollywood-et-p3"] .em-row{display:grid;grid-template-columns:180px 1fr 3rem;gap:1rem;align-items:center;}
html[data-page="hollywood-et-p3"] .em-label{font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.07em;color:var(--muted);text-align:right;line-height:1.4;}
html[data-page="hollywood-et-p3"] .em-track{height:8px;background:var(--ink-soft);}
html[data-page="hollywood-et-p3"] .em-fill{height:100%;animation:growBar 1.5s ease forwards;transform-origin:left;}
html[data-page="hollywood-et-p3"] .em-pct{font-family:"JetBrains Mono",monospace;font-size:0.6rem;text-align:right;}
html[data-page="hollywood-et-p3"] .lightbox-content{background:var(--ink-mid);border:1px solid var(--border);padding:2rem;overflow:auto;max-width:900px;width:92vw;max-height:88vh;}
html[data-page="hollywood-et-p3"] .actor-map{border:1px solid var(--border);background:var(--ink-mid);margin:3rem 0;}
html[data-page="hollywood-et-p3"] .am-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);font-family:"JetBrains Mono",monospace;font-size:0.58rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);}
html[data-page="hollywood-et-p3"] .am-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--border);}
html[data-page="hollywood-et-p3"] .am-cell{background:var(--ink-soft);padding:1.5rem;}
html[data-page="hollywood-et-p3"] .am-cell-label{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border);}
html[data-page="hollywood-et-p3"] .am-item{font-size:0.82rem;color:var(--muted);padding-left:0.75rem;border-left:2px solid var(--border);margin-bottom:0.5rem;line-height:1.4;}
html[data-page="hollywood-et-p3"] .am-item strong{color:var(--paper-warm);}
html[data-page="hollywood-et-p3"] .final-box{border:1px solid rgba(201,168,76,0.4);padding:2.5rem;margin:3rem 0;background:rgba(201,168,76,0.04);}
html[data-page="hollywood-et-p3"] .final-label{font-family:"JetBrains Mono",monospace;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;}
html[data-page="hollywood-et-p3"] .final-text{font-family:"Space Grotesk",sans-serif;font-size:1.05rem;font-style:italic;line-height:1.75;color:rgba(245,240,232,0.88);}
html[data-page="hollywood-et-p3"] .final-text strong{font-style:normal;color:var(--gold-light);}
html[data-page="hollywood-et-p3"] .article-footer{border-top:1px solid var(--border);padding:3rem 4rem;background:var(--ink-mid);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
html[data-page="hollywood-et-p3"] .opinion-section{padding:1.75rem 2rem;margin:2rem 0;background:var(--ink-soft);}
html[data-page="hollywood-et-p3"] .opinion-section.prep{border-left:3px solid var(--cyan);}
html[data-page="hollywood-et-p3"] .opinion-section.true{border-left:3px solid var(--gold);}
html[data-page="hollywood-et-p3"] .opinion-section.smoke{border-left:3px solid var(--red);}
html[data-page="hollywood-et-p3"] .opinion-section.who{border-left:3px solid var(--purple);}
html[data-page="hollywood-et-p3"] .op-label{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:0.6rem;}
html[data-page="hollywood-et-p3"] .op-title{font-family:"Space Grotesk",sans-serif;font-size:1.1rem;font-weight:700;font-style:italic;color:var(--paper);margin-bottom:0.75rem;}
html[data-page="hollywood-et-p3"] .op-body{font-size:0.9rem;color:rgba(245,240,232,0.75);line-height:1.6;}
html[data-page="hollywood-et-p3"] .op-body p{margin-bottom:0.75rem;}
html[data-page="hollywood-et-p3"] .op-body p:first-child::first-letter{all:unset;}
@media (max-width:768px) {
  html[data-page="hollywood-et-p3"] .nav, html[data-page="hollywood-et-p3"] .article-header, html[data-page="hollywood-et-p3"] .article-body{padding-left:1.5rem;padding-right:1.5rem;}
  html[data-page="hollywood-et-p3"] .pull-quote{margin:2rem 0;}
  html[data-page="hollywood-et-p3"] .scenarios-grid{grid-template-columns:1fr;}
  html[data-page="hollywood-et-p3"] .am-grid{grid-template-columns:1fr;}
  
  html[data-page="hollywood-et-p3"] .article-footer{padding:2rem 1.5rem;flex-direction:column;}
  html[data-page="hollywood-et-p3"] .em-row{grid-template-columns:120px 1fr 2.5rem;}
}

/* -- loeb-galileo.html -- */
html[data-page="loeb-galileo"]{
      --ink:        #0d0d0f;
      --ink-mid:    #161619;
      --ink-soft:   #1e1e23;
      --paper:      #f5f0e8;
      --paper-warm: #ede6d6;
      --gold:       #c9a84c;
      --gold-light: #e8c97a;
      --cyan:       #4ecdc4;
      --cyan-dim:   #2a9d95;
      --red:        #c0392b;
      --muted:      #6b6b7a;
      --border:     rgba(201,168,76,0.25);
    }

html[data-page="loeb-galileo"] .article-section-name{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.58rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--cyan);
    }
html[data-page="loeb-galileo"] .article-edition{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.55rem;
      letter-spacing: 0.15em;
      color: var(--muted);
    }
html[data-page="loeb-galileo"] .article-dek{
      font-family: "Source Serif 4", Georgia, serif;
      font-size: 1.2rem;
      color: rgba(245,240,232,0.7);
      line-height: 1.65;
      font-style: italic;
      max-width: 58ch;
      margin-bottom: 2.5rem;
    }
html[data-page="loeb-galileo"] .byline-label{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.52rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--muted);
    }
html[data-page="loeb-galileo"] .byline-name{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.65rem;
      letter-spacing: 0.1em;
      color: var(--gold);
    }
html[data-page="loeb-galileo"] .byline-date{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.58rem;
      letter-spacing: 0.1em;
      color: var(--muted);
    }
html[data-page="loeb-galileo"] .stat-num{
      font-family: "Space Grotesk", system-ui, sans-serif;
      font-size: 3.5rem;
      font-weight: 900;
      line-height: 1;
      color: var(--paper);
      margin-bottom: 0.5rem;
    }
html[data-page="loeb-galileo"] .stat-label{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.6rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--muted);
      line-height: 1.5;
    }
html[data-page="loeb-galileo"] .stat-sub{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.5rem;
      letter-spacing: 0.1em;
      color: rgba(107,107,122,0.6);
      margin-top: 0.25rem;
    }
html[data-page="loeb-galileo"] .article-body > p:first-child::first-letter{
      font-family: "Space Grotesk", system-ui, sans-serif;
      font-size: 4.5rem;
      font-weight: 900;
      float: left;
      line-height: 0.85;
      margin: 0.1em 0.1em 0 0;
      color: var(--gold);
    }
html[data-page="loeb-galileo"] .article-body h2{
      font-family: "Space Grotesk", system-ui, sans-serif;
      font-size: 1.75rem;
      font-weight: 700;
      font-style: italic;
      color: var(--paper);
      margin: 3em 0 0.75em;
      line-height: 1.2;
    }
html[data-page="loeb-galileo"] .article-body h3{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.72rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--cyan);
      margin: 2.5em 0 0.75em;
    }
html[data-page="loeb-galileo"] .pull-quote p{
      font-family: "Space Grotesk", system-ui, sans-serif;
      font-size: 1.35rem;
      font-style: italic;
      line-height: 1.4;
      color: var(--paper) !important;
      margin: 0 !important;
    }
html[data-page="loeb-galileo"] .pull-quote cite{
      display: block;
      margin-top: 1rem;
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.58rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--muted);
      font-style: normal;
    }
html[data-page="loeb-galileo"] .fact-box-label{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.58rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 1rem;
      padding-bottom: 0.75rem;
      border-bottom: 1px solid var(--border);
    }
html[data-page="loeb-galileo"] .fact-box-title{
      font-family: "Space Grotesk", system-ui, sans-serif;
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--paper);
      margin-bottom: 0.75rem;
    }
html[data-page="loeb-galileo"] .doc-excerpt-label{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.55rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--cyan);
      margin-bottom: 0.75rem;
    }
html[data-page="loeb-galileo"] .doc-source{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.52rem;
      letter-spacing: 0.1em;
      color: rgba(107,107,122,0.7);
      margin-top: 0.75rem;
      display: block;
    }
html[data-page="loeb-galileo"] .debate-col-label{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.55rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      margin-bottom: 0.85rem;
      padding-bottom: 0.6rem;
      border-bottom: 1px solid var(--border);
    }
html[data-page="loeb-galileo"] .debate-col:nth-child(2) .debate-col-label{ color: #f97316; }
html[data-page="loeb-galileo"] .voice-name{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.68rem;
      letter-spacing: 0.1em;
      color: var(--paper);
      margin-bottom: 0.15rem;
    }
html[data-page="loeb-galileo"] .voice-role{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.55rem;
      letter-spacing: 0.12em;
      color: var(--muted);
      text-transform: uppercase;
      margin-bottom: 0.85rem;
    }
html[data-page="loeb-galileo"] .open-q-label{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.6rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 1.25rem;
      padding-bottom: 0.75rem;
      border-bottom: 1px solid var(--border);
    }
html[data-page="loeb-galileo"] .open-q-list li{
      font-family: "Space Grotesk", system-ui, sans-serif;
      font-size: 1rem;
      font-style: italic;
      color: rgba(245,240,232,0.75);
      padding-left: 1.25rem;
      border-left: 2px solid rgba(201,168,76,0.3);
      line-height: 1.4;
    }

html[data-page="loeb-galileo"] .img-block{
      margin: 3rem -2rem;
      position: relative;
    }
html[data-page="loeb-galileo"] .img-block img{
      width: 100%;
      display: block;
      filter: grayscale(15%) contrast(1.05);
    }
html[data-page="loeb-galileo"] .img-caption{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.55rem;
      letter-spacing: 0.12em;
      color: var(--muted);
      padding: 0.75rem 0;
      border-bottom: 1px solid var(--border);
    }
html[data-page="loeb-galileo"] .chart-title{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.58rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 1.25rem;
      padding-bottom: 0.75rem;
      border-bottom: 1px solid var(--border);
    }
html[data-page="loeb-galileo"] .comparison-table th{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.6rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--gold);
      padding: 0.75rem 1rem;
      border-bottom: 2px solid var(--border);
      text-align: left;
      background: var(--ink-mid);
    }
html[data-page="loeb-galileo"] .comparison-table td:first-child{
      color: var(--paper-warm);
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.78rem;
      letter-spacing: 0.05em;
    }
html[data-page="loeb-galileo"] .td-red{ color: #f97316 !important; }
html[data-page="loeb-galileo"] .timeline-year{
      font-family: "JetBrains Mono", ui-monospace, monospace;
      font-size: 0.6rem;
      letter-spacing: 0.2em;
      color: var(--cyan);
      margin-bottom: 0.2rem;
    }
html[data-page="loeb-galileo"] .timeline-event{
      font-family: "Space Grotesk", system-ui, sans-serif;
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--paper);
      margin-bottom: 0.3rem;
    }

/* -- mitologia-salvadorena.html -- */
html[data-page="mitologia"]{
      --ink:#0d0d0f; --ink-mid:#111114; --ink-soft:#1a1a1e;
      --paper:#f5f0e8; --paper-warm:#ede6d6;
      --gold:#c9a84c; --gold-light:#e8c97a;
      --cyan:#4ecdc4; --amber:#f59e0b;
      --red:#c0392b; --violet:#a78bfa;
      --jade:#34d399; --crimson:#e11d48;
      --muted:#6b6b7a;
      --border:rgba(201,168,76,0.12);
      --border-jade:rgba(52,211,153,0.18);
      --border-amber:rgba(245,158,11,0.2);
      --border-crimson:rgba(225,29,72,0.18);
      --border-violet:rgba(167,139,250,0.18);
      --border-cyan:rgba(78,205,196,0.18);
    }
html[data-page="mitologia"] img{max-width:100%;height:auto;display:block}
html[data-page="mitologia"] .site-nav-link:hover{color:var(--gold);background:rgba(201,168,76,0.04)}
html[data-page="mitologia"] .site-nav-link.active{color:var(--gold)}
html[data-page="mitologia"] .hero{min-height:92svh;position:relative;overflow:hidden;display:flex;align-items:flex-end;background:radial-gradient(ellipse at 70% 25%,rgba(52,211,153,0.07) 0%,transparent 55%),radial-gradient(ellipse at 15% 75%,rgba(201,168,76,0.07) 0%,transparent 50%),var(--ink)}
html[data-page="mitologia"] .hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 4rem 7rem;width:100%;display:grid;grid-template-columns:1fr 340px;gap:5rem;align-items:end}
html[data-page="mitologia"] .hero-kicker{font-family:"JetBrains Mono",monospace;font-size:0.6rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--jade);margin-bottom:1.25rem;display:flex;align-items:center;gap:0.75rem}
html[data-page="mitologia"] .hero-kicker::before{content:"";display:inline-block;width:28px;height:1px;background:var(--jade)}
html[data-page="mitologia"] .hero-title{font-family:"Audiowide",sans-serif;font-size:clamp(2.4rem,5.5vw,4.8rem);font-weight:900;line-height:0.96;color:var(--paper);margin-bottom:0.4rem;letter-spacing:-0.01em}
html[data-page="mitologia"] .hero-title .accent{color:var(--jade)}
html[data-page="mitologia"] .hero-subtitle{font-family:"Space Grotesk",sans-serif;font-size:1.1rem;font-weight:500;color:rgba(245,240,232,0.45);margin-top:1rem}
html[data-page="mitologia"] .hero-byline{font-family:"JetBrains Mono",monospace;font-size:0.62rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--amber);margin:1.75rem 0 2rem}
html[data-page="mitologia"] .hero-lead{font-family:"DM Serif Text",Georgia,serif;font-size:1.12rem;font-style:italic;color:rgba(245,240,232,0.75);line-height:1.8;max-width:54ch;border-left:2px solid var(--jade);padding-left:1.5rem}
html[data-page="mitologia"] .hero-panel{background:rgba(17,17,20,0.92);border:1px solid rgba(52,211,153,0.15);padding:2rem;backdrop-filter:blur(8px)}
html[data-page="mitologia"] .panel-label{font-family:"JetBrains Mono",monospace;font-size:0.48rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--jade);margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:1px solid rgba(52,211,153,0.12)}
html[data-page="mitologia"] .panel-row{display:flex;justify-content:space-between;align-items:baseline;padding:0.65rem 0;border-bottom:1px solid rgba(201,168,76,0.06)}
html[data-page="mitologia"] .panel-val{font-family:"JetBrains Mono",monospace;font-size:0.8rem;font-weight:700;color:var(--gold-light);text-align:right}
html[data-page="mitologia"] .panel-val.jade{color:var(--jade)}
html[data-page="mitologia"] .panel-val.amber{color:var(--amber)}
html[data-page="mitologia"] .panel-val.crimson{color:var(--crimson)}
html[data-page="mitologia"] .panel-val.violet{color:var(--violet)}
html[data-page="mitologia"] .status-track{display:flex;gap:3rem;padding:0.8rem 0;width:max-content;animation:marquee 65s linear infinite}
html[data-page="mitologia"] .status-value.jade{color:var(--jade)}
html[data-page="mitologia"] .status-value.amber{color:var(--amber)}
html[data-page="mitologia"] .intro-text p:first-child::first-letter{font-family:"Audiowide",sans-serif;font-size:4.2rem;font-weight:900;color:var(--jade);float:left;line-height:0.78;margin:0.12em 0.15em 0 0}
html[data-page="mitologia"] .toc-box{background:var(--ink-mid);border:1px solid rgba(52,211,153,0.12);padding:1.75rem;position:sticky;top:72px;align-self:start}
html[data-page="mitologia"] .toc-label{font-family:"JetBrains Mono",monospace;font-size:0.46rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--jade);margin-bottom:1rem;padding-bottom:0.6rem;border-bottom:1px solid rgba(52,211,153,0.12)}
html[data-page="mitologia"] .toc-list a:hover{color:var(--jade)}
html[data-page="mitologia"] .toc-num{color:var(--jade);opacity:0.5;flex-shrink:0}
html[data-page="mitologia"] .section-num{font-family:"JetBrains Mono",monospace;font-size:0.55rem;letter-spacing:0.2em;color:var(--jade);flex-shrink:0}
html[data-page="mitologia"] .section-line{flex:1;height:1px;background:rgba(52,211,153,0.12)}
html[data-page="mitologia"] .section-intro{font-size:0.95rem;color:rgba(245,240,232,0.6);line-height:1.82;margin-bottom:2.5rem;max-width:76ch;font-style:italic;border-left:2px solid rgba(52,211,153,0.2);padding-left:1.25rem}
html[data-page="mitologia"] .myth-grid{display:flex;flex-direction:column;gap:3rem;padding-bottom:2rem}
html[data-page="mitologia"] .myth-entry{display:grid;grid-template-columns:3fr 2fr;border:1px solid var(--border);background:var(--ink-mid);position:relative;overflow:hidden;transition:border-color .3s}
html[data-page="mitologia"] .myth-entry:hover{border-color:rgba(52,211,153,0.25)}
html[data-page="mitologia"] .myth-entry::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--jade)}
html[data-page="mitologia"] .myth-entry.nucleo::before{background:var(--crimson)}
html[data-page="mitologia"] .myth-entry.agua::before{background:var(--cyan)}
html[data-page="mitologia"] .myth-entry.transform::before{background:var(--violet)}
html[data-page="mitologia"] .myth-entry.espectro::before{background:var(--amber)}
html[data-page="mitologia"] .myth-entry.nocturno::before{background:var(--red)}
html[data-page="mitologia"] .myth-entry-text{padding:2.5rem 2rem 2.5rem 2.5rem}
html[data-page="mitologia"] .myth-tag{font-family:"JetBrains Mono",monospace;font-size:0.44rem;letter-spacing:0.22em;text-transform:uppercase;display:inline-block;padding:0.2rem 0.6rem;border:1px solid var(--border);color:var(--muted);margin-bottom:1rem}
html[data-page="mitologia"] .myth-tag.nucleo{color:var(--crimson);border-color:rgba(225,29,72,0.3)}
html[data-page="mitologia"] .myth-tag.agua{color:var(--cyan);border-color:rgba(78,205,196,0.3)}
html[data-page="mitologia"] .myth-tag.transform{color:var(--violet);border-color:rgba(167,139,250,0.3)}
html[data-page="mitologia"] .myth-tag.espectro{color:var(--amber);border-color:rgba(245,158,11,0.3)}
html[data-page="mitologia"] .myth-tag.nocturno{color:var(--red);border-color:rgba(192,57,43,0.3)}
html[data-page="mitologia"] .myth-tag.jade{color:var(--jade);border-color:rgba(52,211,153,0.3)}
html[data-page="mitologia"] .myth-name{font-family:"Audiowide",sans-serif;font-size:1.45rem;font-weight:900;color:var(--jade);line-height:1.1;margin-bottom:0.35rem}
html[data-page="mitologia"] .myth-entry.nucleo .myth-name{color:var(--crimson)}
html[data-page="mitologia"] .myth-entry.agua .myth-name{color:var(--cyan)}
html[data-page="mitologia"] .myth-entry.transform .myth-name{color:var(--violet)}
html[data-page="mitologia"] .myth-entry.espectro .myth-name{color:var(--amber)}
html[data-page="mitologia"] .myth-entry.nocturno .myth-name{color:var(--red)}
html[data-page="mitologia"] .myth-alias{font-family:"DM Serif Text",Georgia,serif;font-size:0.9rem;font-style:italic;color:var(--muted);margin-bottom:1.25rem}
html[data-page="mitologia"] .myth-body{font-size:0.93rem;color:rgba(245,240,232,0.75);line-height:1.82;margin-bottom:1.5rem}
html[data-page="mitologia"] .myth-body p+p{margin-top:0.9rem}
html[data-page="mitologia"] .myth-stats{display:flex;flex-wrap:wrap;gap:0.5rem;padding-top:1.25rem;border-top:1px solid rgba(201,168,76,0.08)}
html[data-page="mitologia"] .myth-pill{font-family:"JetBrains Mono",monospace;font-size:0.44rem;letter-spacing:0.14em;text-transform:uppercase;background:rgba(255,255,255,0.03);border:1px solid var(--border);padding:0.25rem 0.6rem;color:var(--muted)}
html[data-page="mitologia"] .myth-pill span{color:var(--gold-light);font-weight:700;margin-left:0.3rem}
html[data-page="mitologia"] .myth-vuln{background:rgba(225,29,72,0.04);border:1px solid rgba(225,29,72,0.12);padding:1rem 1.25rem;margin-top:1.25rem;border-radius:2px}
html[data-page="mitologia"] .myth-vuln-label{font-family:"JetBrains Mono",monospace;font-size:0.44rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--crimson);margin-bottom:0.5rem}
html[data-page="mitologia"] .myth-vuln-text{font-family:"JetBrains Mono",monospace;font-size:0.5rem;color:rgba(245,240,232,0.6);line-height:1.7}
html[data-page="mitologia"] .myth-visual{display:flex;flex-direction:column}
html[data-page="mitologia"] .imageholder{flex:1;aspect-ratio:4/3;min-height:240px;position:relative;background:radial-gradient(ellipse at 50% 50%,rgba(52,211,153,0.05) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(52,211,153,0.025) 20px,rgba(52,211,153,0.025) 21px),var(--ink-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}
html[data-page="mitologia"] .myth-entry.nucleo .imageholder{background:radial-gradient(ellipse at 50% 50%,rgba(225,29,72,0.05) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(225,29,72,0.025) 20px,rgba(225,29,72,0.025) 21px),var(--ink-soft)}
html[data-page="mitologia"] .myth-entry.agua .imageholder{background:radial-gradient(ellipse at 50% 50%,rgba(78,205,196,0.05) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(78,205,196,0.025) 20px,rgba(78,205,196,0.025) 21px),var(--ink-soft)}
html[data-page="mitologia"] .myth-entry.transform .imageholder{background:radial-gradient(ellipse at 50% 50%,rgba(167,139,250,0.05) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(167,139,250,0.025) 20px,rgba(167,139,250,0.025) 21px),var(--ink-soft)}
html[data-page="mitologia"] .myth-entry.espectro .imageholder{background:radial-gradient(ellipse at 50% 50%,rgba(245,158,11,0.06) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(245,158,11,0.025) 20px,rgba(245,158,11,0.025) 21px),var(--ink-soft)}
html[data-page="mitologia"] .myth-entry.nocturno .imageholder{background:radial-gradient(ellipse at 50% 50%,rgba(192,57,43,0.06) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(192,57,43,0.025) 20px,rgba(192,57,43,0.025) 21px),var(--ink-soft)}

html[data-page="mitologia"] .imageholder-ratio{font-family:"JetBrains Mono",monospace;font-size:0.58rem;font-weight:700;color:rgba(52,211,153,0.3)}
html[data-page="mitologia"] .imageholder::before, html[data-page="mitologia"] .imageholder::after{content:"";position:absolute;width:14px;height:14px;border-color:rgba(52,211,153,0.15);border-style:solid}
html[data-page="mitologia"] .myth-entry.nucleo .imageholder::before, html[data-page="mitologia"] .myth-entry.nucleo .imageholder::after{border-color:rgba(225,29,72,0.15)}
html[data-page="mitologia"] .myth-entry.agua .imageholder::before, html[data-page="mitologia"] .myth-entry.agua .imageholder::after{border-color:rgba(78,205,196,0.15)}
html[data-page="mitologia"] .myth-entry.transform .imageholder::before, html[data-page="mitologia"] .myth-entry.transform .imageholder::after{border-color:rgba(167,139,250,0.15)}
html[data-page="mitologia"] .myth-entry.espectro .imageholder::before, html[data-page="mitologia"] .myth-entry.espectro .imageholder::after{border-color:rgba(245,158,11,0.15)}
html[data-page="mitologia"] .myth-entry.nocturno .imageholder::before, html[data-page="mitologia"] .myth-entry.nocturno .imageholder::after{border-color:rgba(192,57,43,0.15)}

html[data-page="mitologia"] .context-box{background:var(--ink-mid);border:1px solid var(--border-jade);padding:2rem;margin:3rem 0}
html[data-page="mitologia"] .context-label{font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--jade);margin-bottom:1.25rem}
html[data-page="mitologia"] .context-list{list-style:none;display:flex;flex-direction:column;gap:0.7rem}
html[data-page="mitologia"] .context-list li{font-size:0.88rem;color:rgba(245,240,232,0.65);line-height:1.6;padding-left:1.25rem;position:relative}
html[data-page="mitologia"] .context-list li::before{content:"›";position:absolute;left:0;color:var(--jade);font-weight:700}
html[data-page="mitologia"] .divider{height:1px;background:linear-gradient(to right,transparent,rgba(52,211,153,0.15),transparent);margin:2rem 0}
html[data-page="mitologia"] .footer-edition-badge{display:inline-block;margin-top:1.25rem;font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink);background:var(--jade);padding:0.3rem 0.75rem}
html[data-page="mitologia"] .footer-nav-col-label{font-family:"JetBrains Mono",monospace;font-size:0.5rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--jade);margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(52,211,153,0.15)}
html[data-page="mitologia"] .footer-nav-list a:hover{color:var(--jade)}
@media (max-width:960px) {
  html[data-page="mitologia"] .hero-inner{grid-template-columns:1fr;gap:3rem;padding:0 2.5rem 5rem}
  html[data-page="mitologia"] .hero-panel{display:none}
  html[data-page="mitologia"] .intro{grid-template-columns:1fr;gap:2.5rem}
  html[data-page="mitologia"] .toc-box{position:static}
  html[data-page="mitologia"] .myth-entry{grid-template-columns:1fr}
  html[data-page="mitologia"] .myth-visual{order:-1}
  html[data-page="mitologia"] .article{padding:0 2rem}
  html[data-page="mitologia"] .footer-top{grid-template-columns:1fr}
  html[data-page="mitologia"] .footer-nav-grid{grid-template-columns:1fr 1fr}
}

/* -- observador-ed2.html -- */
html[data-page="observador-ed2"] .scheme-step-body{}
@media (max-width: 768px) {
  html[data-page="observador-ed2"] .pattern-grid{ grid-template-columns: 1fr; }
  html[data-page="observador-ed2"] .scheme-step{ grid-template-columns: 2rem 1fr; gap: 1rem; }
}

/* -- observador-ed3.html -- */
html[data-page="observador-ed3"]{
      --ink:        #0d0d0f;
      --ink-mid:    #161619;
      --ink-soft:   #1e1e23;
      --paper:      #f5f0e8;
      --paper-warm: #ede6d6;
      --gold:       #c9a84c;
      --gold-light: #e8c97a;
      --cyan:       #4ecdc4;
      --cyan-dim:   #2a9d95;
      --red:        #c0392b;
      --orange:     #f97316;
      --muted:      #6b6b7a;
      --border:     rgba(201,168,76,0.25);
    }
html[data-page="observador-ed3"] .ed-prev-cite a{ color: var(--cyan); text-decoration: none; }
html[data-page="observador-ed3"] .ed-prev-cite a:hover{ text-decoration: underline; }
html[data-page="observador-ed3"] .tribute-box{
      position: relative;
      margin: 5rem 0 3rem;
      padding: 3rem 2.5rem 2.5rem;
      background: linear-gradient(180deg, rgba(78,154,241,0.06), rgba(78,154,241,0.02));
      border: 1px solid rgba(78,154,241,0.3);
      border-radius: 2px;
      text-align: center;
    }
html[data-page="observador-ed3"] .tribute-box::before, html[data-page="observador-ed3"] .tribute-box::after{
      content: ""; position: absolute; left: 0; right: 0; height: 6px;
      background: repeating-linear-gradient(90deg,
        #4e9af1 0, #4e9af1 33.33%,
        #f5f0e8 33.33%, #f5f0e8 66.66%,
        #4e9af1 66.66%, #4e9af1 100%);
      opacity: 0.55;
    }
html[data-page="observador-ed3"] .tribute-box::before{ top: -1px; }
html[data-page="observador-ed3"] .tribute-box::after{ bottom: -1px; }
html[data-page="observador-ed3"] .tribute-flag{
      display: flex; justify-content: center; gap: 0.35rem; margin-bottom: 1.5rem;
    }
html[data-page="observador-ed3"] .tribute-flag span{
      width: 1.6rem; height: 0.45rem; border-radius: 1px;
      background: #4e9af1;
    }
html[data-page="observador-ed3"] .tribute-flag span:nth-child(2){ background: #f5f0e8; }
html[data-page="observador-ed3"] .tribute-label{
      font-family: "JetBrains Mono", monospace; font-size: 0.62rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: #6fb1f5;
      margin-bottom: 1.75rem;
    }
html[data-page="observador-ed3"] .tribute-text{
      font-family: "DM Serif Text", Georgia, serif; font-size: 1.08rem;
      font-style: italic; line-height: 1.75; color: rgba(245,240,232,0.88);
      max-width: 56ch; margin: 0 auto 1.25rem; text-align: left;
    }

html[data-page="observador-ed3"] .tribute-sign{
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.12em; text-transform: uppercase; color: #6fb1f5;
      margin-top: 1.75rem;
    }
html[data-page="observador-ed3"] .postscript-divider{
      max-width: 680px; margin: 0 auto; padding: 0 4rem;
      display: flex; align-items: center; gap: 1.25rem;
      color: var(--muted);
    }
html[data-page="observador-ed3"] .postscript-divider::before, html[data-page="observador-ed3"] .postscript-divider::after{
      content: ""; flex: 1; height: 1px; background: var(--border);
    }
html[data-page="observador-ed3"] .postscript-divider span{
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.25em; text-transform: uppercase; color: var(--muted);
      white-space: nowrap;
    }
html[data-page="observador-ed3"] .postscript{
      max-width: 680px; margin: 0 auto; padding: 3rem 4rem 6rem;
    }
html[data-page="observador-ed3"] .sources-box{
      border: 1px solid rgba(78,205,196,0.18);
      border-left: 3px solid var(--cyan);
      background: rgba(78,205,196,0.025);
      padding: 1.75rem 2rem; margin: 2.5rem 0;
    }
html[data-page="observador-ed3"] .sources-label{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.2em; text-transform: uppercase; color: var(--cyan);
      margin-bottom: 0.9rem;
    }
html[data-page="observador-ed3"] .sources-text{
      font-size: 0.88rem !important; color: var(--muted) !important;
      line-height: 1.65; margin: 0 !important;
    }
html[data-page="observador-ed3"] .sources-text::first-letter{ all: unset; }
html[data-page="observador-ed3"] .sources-text strong{ color: var(--paper-warm); }
html[data-page="observador-ed3"] .sources-text a{ color: var(--cyan); text-decoration: none; }
html[data-page="observador-ed3"] .sources-text a:hover{ text-decoration: underline; }
html[data-page="observador-ed3"] .contact-box{
      border: 1px solid var(--border);
      background: var(--ink-mid);
      padding: 1.75rem 2rem; margin: 2rem 0 0;
      text-align: left;
    }
html[data-page="observador-ed3"] .contact-label{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold);
      margin-bottom: 0.9rem;
    }
html[data-page="observador-ed3"] .contact-text{
      font-size: 0.9rem !important; color: rgba(245,240,232,0.75) !important;
      line-height: 1.6; margin: 0 0 1.25rem !important;
    }
html[data-page="observador-ed3"] .contact-text::first-letter{ all: unset; }
html[data-page="observador-ed3"] .contact-cta{
      display: inline-block;
      font-family: "JetBrains Mono", monospace; font-size: 0.62rem;
      letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--ink); background: var(--gold);
      padding: 0.6rem 1.25rem; text-decoration: none;
      transition: background 0.2s;
    }
html[data-page="observador-ed3"] .contact-cta:hover{ background: var(--gold-light); }
@media (max-width: 768px) {
  html[data-page="observador-ed3"] .postscript-divider, html[data-page="observador-ed3"] .postscript{ padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (max-width: 768px) {
  html[data-page="observador-ed3"] .article-header, html[data-page="observador-ed3"] .article-body{ padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-page="observador-ed3"] .pull-quote{ margin: 2rem 0; }
  html[data-page="observador-ed3"] .scheme-step{ grid-template-columns: 2rem 1fr; gap: 1rem; }
  html[data-page="observador-ed3"] .footer-top{ grid-template-columns: 1fr; gap: 2rem; }
  html[data-page="observador-ed3"] .footer-nav-grid{ grid-template-columns: 1fr 1fr; }
}

/* -- observador.html -- */
@media (max-width: 768px) {
  html[data-page="observador"] .pattern-grid{ grid-template-columns: 1fr; }
}

/* -- roswell-p1.html -- */
html[data-page="roswell-p1"]{
      --ink: #0d0d0f; --ink-mid: #161619; --ink-soft: #1e1e23;
      --paper: #f5f0e8; --paper-warm: #ede6d6; --gold: #c9a84c;
      --gold-light: #e8c97a; --cyan: #4ecdc4; --cyan-dim: #2a9d95;
      --red: #c0392b; --muted: #6b6b7a; --border: rgba(201,168,76,0.25);
    }

html[data-page="roswell-p1"] .article-title{
      font-family: "DM Serif Text", Georgia, serif !important;
      font-size: clamp(2.2rem, 5vw, 4rem); font-weight: 900; font-style: italic;
      line-height: 1.06; letter-spacing: 0; color: var(--paper); margin-bottom: 1.5rem;
    }
html[data-page="roswell-p1"] .hero-visual-block{
      background-color: var(--border);
      border: 1px solid var(--border); overflow: hidden;
      display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1px;
    }
html[data-page="roswell-p1"] .stat-cell{
      background: var(--ink-mid); display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      padding: 2.5rem 2rem; text-align: center; position: relative; overflow: hidden;
    }
html[data-page="roswell-p1"] .stat-num{
      font-family: "Space Grotesk", sans-serif; font-size: clamp(2.5rem, 5vw, 4.5rem);
      font-weight: 900; color: var(--paper); line-height: 1; margin-bottom: 0.5rem;
    }
html[data-page="roswell-p1"] .stat-label{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); line-height: 1.5;
    }
html[data-page="roswell-p1"] .timeline-visual{
      border: 1px solid var(--border); background: var(--ink-mid);
      margin: 3rem 0; overflow: hidden;
    }
html[data-page="roswell-p1"] .timeline-header{
      padding: 1.25rem 2rem; border-bottom: 1px solid var(--border);
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);
    }
html[data-page="roswell-p1"] .timeline-track{
      padding: 2rem;
      display: flex; flex-direction: column; gap: 0;
    }
html[data-page="roswell-p1"] .tl-item{
      display: grid; grid-template-columns: 110px 20px 1fr;
      gap: 0 1rem; align-items: start; position: relative;
    }
html[data-page="roswell-p1"] .tl-item:not(:last-child) .tl-line{ position: relative; }
html[data-page="roswell-p1"] .tl-item:not(:last-child) .tl-line::after{
      content: ""; position: absolute; left: 50%; top: 22px;
      width: 1px; height: calc(100% + 1.5rem);
      background: var(--border); transform: translateX(-50%);
    }
html[data-page="roswell-p1"] .tl-date{
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.1em; color: var(--cyan); text-align: right;
      padding-top: 0.15rem; line-height: 1.4;
    }
html[data-page="roswell-p1"] .tl-dot{
      width: 10px; height: 10px; border-radius: 50%;
      background: var(--gold); border: 2px solid var(--ink-mid);
      margin-top: 0.35rem; flex-shrink: 0; align-self: start;
    }
html[data-page="roswell-p1"] .tl-line{ display: flex; flex-direction: column; align-items: center; }
html[data-page="roswell-p1"] .tl-content{ padding-bottom: 1.5rem; }
html[data-page="roswell-p1"] .tl-title{
      font-family: "Space Grotesk", sans-serif; font-size: 0.9rem;
      font-weight: 700; font-style: italic; color: var(--paper); margin-bottom: 0.25rem;
    }
html[data-page="roswell-p1"] .tl-desc{
      font-size: 0.82rem; color: var(--muted); line-height: 1.5;
    }
@media (max-width: 768px) {
  
  html[data-page="roswell-p1"] .article-header, html[data-page="roswell-p1"] .article-body, html[data-page="roswell-p1"] .article-hero-visual{ padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-page="roswell-p1"] .hero-visual-block{ grid-template-columns: 1fr; }
  html[data-page="roswell-p1"] .pull-quote{ margin: 2rem 0; }
  
  html[data-page="roswell-p1"] .tl-item{ grid-template-columns: 85px 16px 1fr; }
}

/* -- roswell-p2.html -- */
html[data-page="roswell-p2"]{
      --ink: #0d0d0f; --ink-mid: #161619; --ink-soft: #1e1e23;
      --paper: #f5f0e8; --paper-warm: #ede6d6; --gold: #c9a84c;
      --gold-light: #e8c97a; --cyan: #4ecdc4; --cyan-dim: #2a9d95;
      --red: #c0392b; --muted: #6b6b7a; --border: rgba(201,168,76,0.25);
      --green: #4ade80;
    }
html[data-page="roswell-p2"] .theory-cards{ display: flex; flex-direction: column; gap: 1px; background: var(--border); border: 1px solid var(--border); margin: 3rem 0; }
html[data-page="roswell-p2"] .theory-card{
      background: var(--ink-mid); padding: 1.75rem 2rem;
      display: grid; grid-template-columns: auto 1fr auto; gap: 1.5rem; align-items: start;
    }
html[data-page="roswell-p2"] .theory-rank{
      font-family: "Space Grotesk", sans-serif; font-size: 2rem; font-weight: 900;
      line-height: 1; color: var(--ink-soft); user-select: none; min-width: 2.5rem;
    }
html[data-page="roswell-p2"] .theory-body{}
html[data-page="roswell-p2"] .theory-name{
      font-family: "Space Grotesk", sans-serif; font-size: 1rem; font-weight: 700;
      font-style: italic; color: var(--paper); margin-bottom: 0.25rem;
    }
html[data-page="roswell-p2"] .theory-when{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); margin-bottom: 0.6rem;
    }
html[data-page="roswell-p2"] .theory-desc{ font-size: 0.88rem; color: rgba(245,240,232,0.7); line-height: 1.5; }
html[data-page="roswell-p2"] .theory-badge{
      font-family: "JetBrains Mono", monospace; font-size: 0.52rem;
      letter-spacing: 0.12em; text-transform: uppercase;
      padding: 0.25rem 0.7rem; white-space: nowrap; align-self: start;
    }
html[data-page="roswell-p2"] .badge-high{ border: 1px solid var(--cyan); color: var(--cyan); }
html[data-page="roswell-p2"] .badge-med{ border: 1px solid var(--gold); color: var(--gold); }
html[data-page="roswell-p2"] .badge-low{ border: 1px solid var(--muted); color: var(--muted); }
html[data-page="roswell-p2"] .comparison-table{
      border: 1px solid var(--border); margin: 3rem 0; overflow-x: auto;
    }
html[data-page="roswell-p2"] .comp-header{
      padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border);
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);
    }
html[data-page="roswell-p2"] tbody td{
      padding: 0.9rem 1rem; border-bottom: 1px solid rgba(201,168,76,0.08);
      color: rgba(245,240,232,0.75); vertical-align: top; line-height: 1.4;
    }
html[data-page="roswell-p2"] .td-teoría{
      font-family: "Space Grotesk", sans-serif; font-style: italic;
      font-weight: 600; color: var(--paper) !important;
    }
html[data-page="roswell-p2"] .td-alta{ color: var(--cyan) !important; font-family: "JetBrains Mono", monospace; font-size: 0.72rem; }
html[data-page="roswell-p2"] .td-moderada{ color: var(--gold) !important; font-family: "JetBrains Mono", monospace; font-size: 0.72rem; }

html[data-page="roswell-p2"] .td-minima{ color: var(--red) !important; font-family: "JetBrains Mono", monospace; font-size: 0.72rem; }
html[data-page="roswell-p2"] .evidence-grid{
      display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
      background: var(--border); border: 1px solid var(--border); margin: 3rem 0;
    }
html[data-page="roswell-p2"] .evidence-col{ background: var(--ink-mid); padding: 1.5rem; }
html[data-page="roswell-p2"] .evidence-col-label{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.15em; text-transform: uppercase;
      margin-bottom: 0.85rem; padding-bottom: 0.6rem;
      border-bottom: 1px solid var(--border);
    }
html[data-page="roswell-p2"] .evidence-col:nth-child(1) .evidence-col-label{ color: var(--cyan); }
html[data-page="roswell-p2"] .evidence-col:nth-child(2) .evidence-col-label{ color: #f97316; }
html[data-page="roswell-p2"] .evidence-col ul{ list-style: none; display: flex; flex-direction: column; gap: 0.65rem; }
html[data-page="roswell-p2"] .evidence-col li{
      font-size: 0.88rem; color: var(--muted); line-height: 1.45;
      padding-left: 0.75rem; border-left: 1px solid var(--border);
    }
html[data-page="roswell-p2"] .evidence-col li strong{ color: var(--paper-warm); }
html[data-page="roswell-p2"] .sources-box{
      border: 1px solid var(--border); padding: 2rem; margin: 3rem 0; background: var(--ink-soft);
    }
html[data-page="roswell-p2"] .sources-label{
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);
      margin-bottom: 1.25rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--border);
    }
html[data-page="roswell-p2"] .source-item{
      display: grid; grid-template-columns: auto 1fr; gap: 1rem;
      padding: 0.75rem 0; border-bottom: 1px solid rgba(201,168,76,0.08);
      align-items: start;
    }
html[data-page="roswell-p2"] .source-item:last-child{ border-bottom: none; }
html[data-page="roswell-p2"] .source-year{
      font-family: "JetBrains Mono", monospace; font-size: 0.6rem;
      letter-spacing: 0.1em; color: var(--cyan); min-width: 3.5rem;
      padding-top: 0.15rem;
    }
html[data-page="roswell-p2"] .source-name{
      font-family: "Space Grotesk", sans-serif; font-size: 0.88rem;
      font-style: italic; color: var(--paper); margin-bottom: 0.15rem;
    }
html[data-page="roswell-p2"] .source-desc{ font-size: 0.78rem; color: var(--muted); line-height: 1.4; }
html[data-page="roswell-p2"] .bar-chart{
      border: 1px solid var(--border); background: var(--ink-mid); margin: 3rem 0; overflow: hidden;
    }
html[data-page="roswell-p2"] .bar-chart-header{
      padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border);
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);
    }
html[data-page="roswell-p2"] .bar-chart-body{ padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; }
html[data-page="roswell-p2"] .bar-row{ display: grid; grid-template-columns: 160px 1fr 50px; gap: 1rem; align-items: center; }
html[data-page="roswell-p2"] .bar-label{ font-family: "JetBrains Mono", monospace; font-size: 0.6rem; letter-spacing: 0.08em; color: var(--muted); text-align: right; line-height: 1.4; }
html[data-page="roswell-p2"] .bar-track{ height: 8px; background: var(--ink-soft); border-radius: 0; position: relative; overflow: hidden; }
html[data-page="roswell-p2"] .bar-fill{
      height: 100%; border-radius: 0;
      animation: growBar 1.2s ease forwards;
      transform-origin: left;
    }
html[data-page="roswell-p2"] .bar-pct{ font-family: "JetBrains Mono", monospace; font-size: 0.6rem; color: var(--muted); text-align: right; }
@media (max-width: 768px) {
  
  html[data-page="roswell-p2"] .article-header, html[data-page="roswell-p2"] .article-body{ padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-page="roswell-p2"] .pull-quote{ margin: 2rem 0; }
  html[data-page="roswell-p2"] .evidence-grid{ grid-template-columns: 1fr; }
  
  html[data-page="roswell-p2"] .bar-row{ grid-template-columns: 100px 1fr 40px; }
  html[data-page="roswell-p2"] .theory-card{ grid-template-columns: 1fr; }
  html[data-page="roswell-p2"] .comparison-table{ font-size: 0.72rem; }
}

/* -- roswell-p3.html -- */
html[data-page="roswell-p3"]{
      --ink: #0d0d0f; --ink-mid: #161619; --ink-soft: #1e1e23;
      --paper: #f5f0e8; --paper-warm: #ede6d6; --gold: #c9a84c;
      --gold-light: #e8c97a; --cyan: #4ecdc4; --cyan-dim: #2a9d95;
      --red: #c0392b; --muted: #6b6b7a; --border: rgba(201,168,76,0.25);
    }
html[data-page="roswell-p3"] .why-grid{
      display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
      background: var(--border); border: 1px solid var(--border); margin: 3rem 0;
    }
html[data-page="roswell-p3"] .why-card{
      background: var(--ink-mid); padding: 1.75rem;
      position: relative; overflow: hidden;
    }
html[data-page="roswell-p3"] .why-card::before{
      content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
      background: var(--gold); transform: scaleX(0); transform-origin: left;
      transition: transform 0.3s;
    }
html[data-page="roswell-p3"] .why-card:hover::before{ transform: scaleX(1); }
html[data-page="roswell-p3"] .why-icon{
      font-size: 1.5rem; margin-bottom: 0.75rem; display: block;
    }
html[data-page="roswell-p3"] .why-title{
      font-family: "Space Grotesk", sans-serif; font-size: 1rem;
      font-weight: 700; font-style: italic; color: var(--paper); margin-bottom: 0.5rem;
    }
html[data-page="roswell-p3"] .why-desc{ font-size: 0.85rem; color: var(--muted); line-height: 1.5; }
html[data-page="roswell-p3"] .certainty-table{
      border: 1px solid var(--border); margin: 3rem 0; overflow: hidden;
    }
html[data-page="roswell-p3"] .certainty-header{
      padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border);
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);
    }
html[data-page="roswell-p3"] .certainty-grid{
      display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
      background: var(--border);
    }
html[data-page="roswell-p3"] .certainty-col{ background: var(--ink-mid); padding: 1.5rem; }
html[data-page="roswell-p3"] .certainty-col-label{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.15em; text-transform: uppercase;
      margin-bottom: 0.85rem; padding-bottom: 0.6rem; border-bottom: 1px solid var(--border);
    }
html[data-page="roswell-p3"] .certainty-col:nth-child(1) .certainty-col-label{ color: var(--cyan); }
html[data-page="roswell-p3"] .certainty-col:nth-child(2) .certainty-col-label{ color: var(--muted); }
html[data-page="roswell-p3"] .certainty-col ul{ list-style: none; display: flex; flex-direction: column; gap: 0.65rem; }
html[data-page="roswell-p3"] .certainty-col li{
      font-size: 0.88rem; color: var(--muted); line-height: 1.45;
      padding-left: 0.75rem; border-left: 1px solid var(--border);
    }
html[data-page="roswell-p3"] .certainty-col li strong{ color: var(--paper-warm); }
html[data-page="roswell-p3"] .cultural-track{
      border: 1px solid var(--border); background: var(--ink-mid); margin: 3rem 0;
    }
html[data-page="roswell-p3"] .cultural-header{
      padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border);
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);
    }
html[data-page="roswell-p3"] .cultural-items{
      display: grid; grid-template-columns: repeat(5, 1fr);
      gap: 1px; background: var(--border);
    }
html[data-page="roswell-p3"] .cultural-item{
      background: var(--ink-soft); padding: 1.25rem;
    }
html[data-page="roswell-p3"] .cultural-year{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.1em; color: var(--cyan); margin-bottom: 0.4rem;
    }
html[data-page="roswell-p3"] .cultural-event{
      font-family: "Space Grotesk", sans-serif; font-size: 0.82rem;
      font-style: italic; color: var(--paper); margin-bottom: 0.25rem; line-height: 1.3;
    }
html[data-page="roswell-p3"] .cultural-desc{ font-size: 0.72rem; color: var(--muted); line-height: 1.4; }
html[data-page="roswell-p3"] .closing-text{
      font-family: "Space Grotesk", sans-serif; font-size: 1.1rem;
      font-style: italic; line-height: 1.7; color: rgba(245,240,232,0.85);
    }
html[data-page="roswell-p3"] .closing-text strong{ font-style: normal; color: var(--gold-light); }
html[data-page="roswell-p3"] .connection-box{
      border: 1px solid rgba(78,205,196,0.2); border-left: 3px solid var(--cyan);
      padding: 1.75rem 2rem; margin: 3rem 0; background: rgba(78,205,196,0.03);
    }
html[data-page="roswell-p3"] .connection-label{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.2em; text-transform: uppercase; color: var(--cyan); margin-bottom: 0.75rem;
    }
html[data-page="roswell-p3"] .connection-box p{
      font-size: 0.95rem !important; color: rgba(245,240,232,0.75) !important;
      font-style: italic; margin: 0 !important; line-height: 1.6;
    }
html[data-page="roswell-p3"] .connection-box p:first-child::first-letter{ all: unset; }
html[data-page="roswell-p3"] .article-footer{
      border-top: 1px solid var(--border); padding: 3rem 4rem;
      background: var(--ink-mid); max-width: none;
      display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;
    }
@media (max-width: 768px) {
  
  html[data-page="roswell-p3"] .article-header, html[data-page="roswell-p3"] .article-body{ padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-page="roswell-p3"] .pull-quote{ margin: 2rem 0; }
  html[data-page="roswell-p3"] .why-grid{ grid-template-columns: 1fr; }
  html[data-page="roswell-p3"] .certainty-grid{ grid-template-columns: 1fr; }
  html[data-page="roswell-p3"] .cultural-items{ grid-template-columns: 1fr 1fr; }
  
  html[data-page="roswell-p3"] .article-footer{ padding: 2rem 1.5rem; flex-direction: column; }
}

/* -- seti-ia.html -- */
html[data-page="seti-ia"]{
      --ink:        #0d0d0f;
      --ink-mid:    #161619;
      --ink-soft:   #1e1e23;
      --paper:      #f5f0e8;
      --paper-warm: #ede6d6;
      --gold:       #c9a84c;
      --gold-light: #e8c97a;
      --cyan:       #4ecdc4;
      --cyan-dim:   #2a9d95;
      --red:        #c0392b;
      --orange:     #f97316;
      --muted:      #6b6b7a;
      --border:     rgba(201,168,76,0.25);
    }
html[data-page="seti-ia"] .img-block{ margin: 3rem -2rem; }
html[data-page="seti-ia"] .img-block img{
      width: 100%; display: block;
      filter: grayscale(10%) contrast(1.05);
    }
html[data-page="seti-ia"] .img-caption{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.12em; color: var(--muted);
      padding: 0.75rem 0; border-bottom: 1px solid var(--border);
    }
html[data-page="seti-ia"] .img-placeholder{
      min-height: 200px; background: var(--ink-soft);
      border: 1px dashed rgba(245,240,232,0.15);
      display: flex; align-items: center; justify-content: center;
      color: var(--muted); font-family: "JetBrains Mono", monospace;
      font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase;
    }
html[data-page="seti-ia"] .chart-title{
      font-family: "JetBrains Mono", monospace; font-size: 0.58rem;
      letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);
      margin-bottom: 1.25rem; padding-bottom: 0.75rem;
      border-bottom: 1px solid var(--border);
    }
html[data-page="seti-ia"] .td-orange{ color: var(--orange) !important; }
html[data-page="seti-ia"] .td-muted{ color: var(--muted) !important; }

/* -- torio-energia-nuclear.html -- */
html[data-page="torio-energia-nuclear"]{
      --ink:        #0d0d0f;
      --ink-mid:    #161619;
      --ink-soft:   #1e1e23;
      --paper:      #f5f0e8;
      --paper-warm: #ede6d6;
      --gold:       #c9a84c;
      --gold-light: #e8c97a;
      --cyan:       #4ecdc4;
      --cyan-dim:   #2a9d95;
      --red:        #c0392b;
      --orange:     #f97316;
      --muted:      #6b6b7a;
      --border:     rgba(201,168,76,0.25);
    }

/* -- tunguska-evento-1908.html -- */
html[data-page="tunguska-evento-1908"]{
      --ink:        #0d0d0f;
      --ink-mid:    #161619;
      --ink-soft:   #1e1e23;
      --paper:      #f5f0e8;
      --paper-warm: #ede6d6;
      --gold:       #c9a84c;
      --gold-light: #e8c97a;
      --cyan:       #4ecdc4;
      --cyan-dim:   #2a9d95;
      --red:        #c0392b;
      --orange:     #f97316;
      --muted:      #6b6b7a;
      --border:     rgba(201,168,76,0.25);
    }

/* -- uap-actualidad-2026.html -- */
html[data-page="uap-actualidad-2026"]{
      --ink:        #0d0d0f;
      --ink-mid:    #161619;
      --ink-soft:   #1e1e23;
      --paper:      #f5f0e8;
      --paper-warm: #ede6d6;
      --gold:       #c9a84c;
      --gold-light: #e8c97a;
      --cyan:       #4ecdc4;
      --cyan-dim:   #2a9d95;
      --red:        #c0392b;
      --orange:     #f97316;
      --muted:      #6b6b7a;
      --border:     rgba(201,168,76,0.25);
    }
html[data-page="uap-actualidad-2026"] .chart-container{
      margin: 3rem 0; background: var(--ink-mid);
      border: 1px solid var(--border); padding: 2rem;
      position: relative;
    }
html[data-page="uap-actualidad-2026"] .lb-btn{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase;
      padding: 0.3rem 0.75rem;
      background: transparent;
      border: 1px solid rgba(201,168,76,0.4);
      color: var(--gold); cursor: pointer;
      transition: background 0.2s, color 0.2s;
      flex-shrink: 0;
    }
html[data-page="uap-actualidad-2026"] .lb-btn:hover{ background: rgba(201,168,76,0.1); color: var(--gold-light); }
html[data-page="uap-actualidad-2026"] .video-embed{ position: relative;  background: #000; }
html[data-page="uap-actualidad-2026"] .video-embed iframe{
      position: absolute; inset: 0; width: 100%; height: 100%; border: none;
    }
html[data-page="uap-actualidad-2026"] .video-grid{
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 1px; background: var(--border);
      border: 1px solid var(--border); margin: 3rem 0;
    }
html[data-page="uap-actualidad-2026"] .video-grid-item{ background: var(--ink-mid); overflow: hidden; }
html[data-page="uap-actualidad-2026"] .video-grid-thumb{ position: relative;  }
html[data-page="uap-actualidad-2026"] .video-grid-thumb iframe{
      position: absolute; inset: 0; width: 100%; height: 100%; border: none;
    }
html[data-page="uap-actualidad-2026"] .video-grid-info{ padding: 0.85rem 1.1rem; }
html[data-page="uap-actualidad-2026"] .video-grid-tag{
      font-family: "JetBrains Mono", monospace; font-size: 0.5rem;
      letter-spacing: 0.15em; text-transform: uppercase;
      margin-bottom: 0.3rem;
    }

html[data-page="uap-actualidad-2026"] .tag-civil{ color: #7cffa4; }
html[data-page="uap-actualidad-2026"] .tag-analisis{ color: var(--cyan); }
html[data-page="uap-actualidad-2026"] .tag-viral{ color: var(--orange); }
html[data-page="uap-actualidad-2026"] .video-grid-title{
      font-family: "Space Grotesk", sans-serif; font-size: 0.85rem;
      font-weight: 600; color: var(--paper); line-height: 1.3;
      margin-bottom: 0.4rem;
    }
html[data-page="uap-actualidad-2026"] .video-grid-desc{
      font-size: 0.8rem; color: var(--muted); line-height: 1.4;
      margin-bottom: 0.6rem;
    }
html[data-page="uap-actualidad-2026"] .video-grid-actions{
      display: flex; gap: 0.5rem; align-items: center;
    }
html[data-page="uap-actualidad-2026"] .vg-yt-link{
      font-family: "JetBrains Mono", monospace; font-size: 0.52rem;
      letter-spacing: 0.1em; text-transform: uppercase;
      color: var(--cyan); text-decoration: none;
      border-bottom: 1px solid rgba(78,205,196,0.3);
      padding-bottom: 1px; transition: color 0.2s;
    }
html[data-page="uap-actualidad-2026"] .vg-yt-link:hover{ color: var(--gold); border-color: var(--border); }
html[data-page="uap-actualidad-2026"] .vg-lb-btn{
      font-family: "JetBrains Mono", monospace; font-size: 0.5rem;
      letter-spacing: 0.08em; text-transform: uppercase;
      padding: 0.2rem 0.55rem;
      background: transparent; border: 1px solid var(--border);
      color: var(--muted); cursor: pointer; transition: all 0.2s;
    }
html[data-page="uap-actualidad-2026"] .vg-lb-btn:hover{ border-color: rgba(201,168,76,0.4); color: var(--gold); }
html[data-page="uap-actualidad-2026"] .lightbox{
      position: fixed; inset: 0; z-index: 1000;
      background: rgba(0,0,0,0.95);
      display: none; align-items: center; justify-content: center;
      padding: 2rem;
    }
html[data-page="uap-actualidad-2026"] .lightbox.active{ display: flex; }
html[data-page="uap-actualidad-2026"] .lightbox-inner{
      position: relative; width: 100%;
      background: var(--ink-mid);
      border: 1px solid var(--border);
      max-width: 900px;
    }
html[data-page="uap-actualidad-2026"] .lightbox-close{
      position: absolute; top: -2.5rem; right: 0;
      font-family: "JetBrains Mono", monospace; font-size: 0.62rem;
      letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--muted); background: none; border: none;
      cursor: pointer; padding: 0.4rem 0;
      transition: color 0.2s;
    }
html[data-page="uap-actualidad-2026"] .lightbox-video{ position: relative; padding-top: 56.25%; background: #000; }
html[data-page="uap-actualidad-2026"] .lightbox-video iframe{
      position: absolute; inset: 0; width: 100%; height: 100%; border: none;
    }
html[data-page="uap-actualidad-2026"] .lightbox-svg-wrap{ padding: 2rem; }
html[data-page="uap-actualidad-2026"] .lightbox-info{
      padding: 1.2rem 1.5rem;
      border-top: 1px solid var(--border);
    }
html[data-page="uap-actualidad-2026"] .lightbox-title{
      font-family: "Space Grotesk", sans-serif; font-size: 0.9rem;
      font-weight: 600; color: var(--paper); margin-bottom: 0.35rem;
    }
html[data-page="uap-actualidad-2026"] .lightbox-desc{
      font-family: "JetBrains Mono", monospace; font-size: 0.55rem;
      letter-spacing: 0.08em; color: var(--muted); line-height: 1.5;
    }
html[data-page="uap-actualidad-2026"] .yt-card{
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      background: #0d0d0f;
      border: 1px solid rgba(201,168,76,0.2);
      cursor: pointer;
      overflow: hidden;
      display: block;
      text-decoration: none;
    }
html[data-page="uap-actualidad-2026"] .yt-card-inner{
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1rem;
      padding: 1.5rem;
    }
html[data-page="uap-actualidad-2026"] .yt-card-thumb{
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.4;
    }
html[data-page="uap-actualidad-2026"] .yt-card-overlay{
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 100%);
    }
html[data-page="uap-actualidad-2026"] .yt-card-play{
      position: relative;
      z-index: 2;
      width: 64px;
      height: 64px;
      background: #ff0000;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: transform 0.2s, background 0.2s;
    }
html[data-page="uap-actualidad-2026"] .yt-card:hover .yt-card-play{ transform: scale(1.1); background: #cc0000; }
html[data-page="uap-actualidad-2026"] .yt-card-play svg{ margin-left: 4px; }
html[data-page="uap-actualidad-2026"] .yt-card-label{
      position: relative;
      z-index: 2;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.62rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(245,240,232,0.8);
      text-align: center;
    }
html[data-page="uap-actualidad-2026"] .yt-card-sub{
      position: relative;
      z-index: 2;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.5rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(245,240,232,0.45);
    }
@media (max-width: 768px) {
  
  html[data-page="uap-actualidad-2026"] .article-header, html[data-page="uap-actualidad-2026"] .article-body, html[data-page="uap-actualidad-2026"] .article-hero-visual{ padding-left: 1.5rem; padding-right: 1.5rem; }
  html[data-page="uap-actualidad-2026"] .hero-visual-block{ grid-template-columns: 1fr; }
  html[data-page="uap-actualidad-2026"] .debate-grid{ grid-template-columns: 1fr; }
  html[data-page="uap-actualidad-2026"] .video-grid{ grid-template-columns: 1fr; }
  
  html[data-page="uap-actualidad-2026"] .voice-card{ grid-template-columns: 1fr; }
  html[data-page="uap-actualidad-2026"] .pull-quote{ margin: 2rem 0; }
}

/* -- umbra-resumen.html -- */
html[data-page="umbra-resumen"] .umbra-stamp{
      display: inline-block;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.62rem;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      padding: 0.4rem 1rem;
      border: 2px solid var(--red);
      color: var(--red);
      opacity: 0.85;
      margin-right: 0.75rem;
      margin-bottom: 2.5rem;
      vertical-align: middle;
    }
html[data-page="umbra-resumen"] .hallazgos-grid{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1px;
      background: var(--border);
      border: 1px solid var(--border);
      margin: 3rem 0;
    }
html[data-page="umbra-resumen"] .hallazgo-card{
      background: var(--ink-mid);
      padding: 2rem;
      position: relative;
      overflow: hidden;
    }
html[data-page="umbra-resumen"] .hallazgo-card::before{
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 3px; height: 100%;
    }
html[data-page="umbra-resumen"] .hallazgo-card.sigint::before{ background: var(--cyan); }
html[data-page="umbra-resumen"] .hallazgo-card.militar::before{ background: var(--red); }
html[data-page="umbra-resumen"] .hallazgo-card.fisico::before{ background: #a78bfa; }
html[data-page="umbra-resumen"] .hallazgo-card.legal::before{ background: var(--gold); }
html[data-page="umbra-resumen"] .hallazgo-card.multiple::before{ background: #fb923c; }
html[data-page="umbra-resumen"] .hallazgo-card.contexto::before{ background: var(--muted); }
html[data-page="umbra-resumen"] .hallazgo-num{
      font-family: "JetBrains Mono", monospace;
      font-size: 2.5rem;
      font-weight: 700;
      color: rgba(201,168,76,0.12);
      position: absolute;
      top: 1rem; right: 1.5rem;
      line-height: 1;
    }
html[data-page="umbra-resumen"] .hallazgo-tag{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.5rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      margin-bottom: 0.75rem;
    }
html[data-page="umbra-resumen"] .hallazgo-card.sigint .hallazgo-tag{ color: var(--cyan); }
html[data-page="umbra-resumen"] .hallazgo-card.militar .hallazgo-tag{ color: var(--red); }
html[data-page="umbra-resumen"] .hallazgo-card.fisico .hallazgo-tag{ color: #a78bfa; }
html[data-page="umbra-resumen"] .hallazgo-card.legal .hallazgo-tag{ color: var(--gold); }
html[data-page="umbra-resumen"] .hallazgo-card.multiple .hallazgo-tag{ color: #fb923c; }
html[data-page="umbra-resumen"] .hallazgo-card.contexto .hallazgo-tag{ color: var(--muted); }
html[data-page="umbra-resumen"] .hallazgo-title{
      font-family: "Space Grotesk", sans-serif;
      font-size: 1rem;
      font-weight: 700;
      color: var(--paper);
      margin-bottom: 0.75rem;
    }
html[data-page="umbra-resumen"] .hallazgo-body{
      font-size: 0.83rem !important;
      color: var(--muted) !important;
      margin: 0 !important;
      line-height: 1.65;
    }
html[data-page="umbra-resumen"] .hallazgo-body::first-letter{ all: unset; }
html[data-page="umbra-resumen"] .incidents-section{
      margin: 3rem 0;
    }
html[data-page="umbra-resumen"] .incidents-label{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.55rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 1.5rem;
      padding-bottom: 0.75rem;
      border-bottom: 1px solid var(--border);
    }
html[data-page="umbra-resumen"] .incident-row{
      display: grid;
      grid-template-columns: 80px 1fr auto;
      gap: 1.5rem;
      padding: 1.5rem 0;
      border-bottom: 1px solid rgba(201,168,76,0.08);
      align-items: start;
    }
html[data-page="umbra-resumen"] .incident-row:last-child{ border-bottom: none; }
html[data-page="umbra-resumen"] .incident-era{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.65rem;
      font-weight: 700;
      color: var(--gold);
    }
html[data-page="umbra-resumen"] .incident-detail{}
html[data-page="umbra-resumen"] .incident-title{
      font-family: "Space Grotesk", sans-serif;
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--paper);
      margin-bottom: 0.35rem;
    }
html[data-page="umbra-resumen"] .incident-desc{
      font-size: 0.82rem !important;
      color: var(--muted) !important;
      margin: 0 !important;
      line-height: 1.6;
    }
html[data-page="umbra-resumen"] .incident-desc::first-letter{ all: unset; }
html[data-page="umbra-resumen"] .incident-badge{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.48rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      padding: 0.2rem 0.6rem;
      white-space: nowrap;
      flex-shrink: 0;
      border: 1px solid;
    }
html[data-page="umbra-resumen"] .incident-badge.fuerte{ border-color: var(--red); color: var(--red); }
html[data-page="umbra-resumen"] .incident-badge.moderada{ border-color: var(--gold); color: var(--gold); }

html[data-page="umbra-resumen"] .key-numbers{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: var(--border);
      border: 1px solid var(--border);
      margin: 3rem 0;
    }
html[data-page="umbra-resumen"] .key-num-cell{
      background: var(--ink-mid);
      padding: 2rem 1.5rem;
      text-align: center;
    }
html[data-page="umbra-resumen"] .key-num-val{
      font-family: "JetBrains Mono", monospace;
      font-size: 2.8rem;
      font-weight: 700;
      display: block;
      line-height: 1;
      margin-bottom: 0.5rem;
    }
html[data-page="umbra-resumen"] .key-num-val.red{ color: var(--red); }
html[data-page="umbra-resumen"] .key-num-val.gold{ color: var(--gold); }
html[data-page="umbra-resumen"] .key-num-val.cyan{ color: var(--cyan); }
html[data-page="umbra-resumen"] .key-num-val.purple{ color: #a78bfa; }
html[data-page="umbra-resumen"] .key-num-desc{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.52rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--muted);
      line-height: 1.5;
    }
html[data-page="umbra-resumen"] .pursue-box{
      border: 1px solid var(--border);
      background: var(--ink-soft);
      padding: 2.5rem;
      margin: 3rem 0;
    }
html[data-page="umbra-resumen"] .pursue-box-label{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.55rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--cyan);
      margin-bottom: 1.25rem;
      padding-bottom: 0.75rem;
      border-bottom: 1px solid var(--border);
    }
html[data-page="umbra-resumen"] .pursue-box-title{
      font-family: "Space Grotesk", sans-serif;
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--paper);
      margin-bottom: 1rem;
    }
html[data-page="umbra-resumen"] .rec-list{
      list-style: none;
      margin: 2rem 0;
      display: flex;
      flex-direction: column;
      gap: 0;
    }
html[data-page="umbra-resumen"] .rec-item{
      display: flex;
      gap: 1.5rem;
      padding: 1.5rem 0;
      border-bottom: 1px solid rgba(201,168,76,0.08);
      align-items: start;
    }
html[data-page="umbra-resumen"] .rec-item:last-child{ border-bottom: none; }
html[data-page="umbra-resumen"] .rec-num{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.6rem;
      font-weight: 700;
      color: var(--gold);
      background: rgba(201,168,76,0.08);
      border: 1px solid var(--border);
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin-top: 0.1rem;
    }
html[data-page="umbra-resumen"] .rec-content{}
html[data-page="umbra-resumen"] .rec-title{
      font-family: "Space Grotesk", sans-serif;
      font-size: 0.95rem;
      font-weight: 700;
      color: var(--paper);
      margin-bottom: 0.4rem;
    }
html[data-page="umbra-resumen"] .rec-body{
      font-size: 0.84rem !important;
      color: var(--muted) !important;
      margin: 0 !important;
      line-height: 1.65;
    }
html[data-page="umbra-resumen"] .rec-body::first-letter{ all: unset; }
html[data-page="umbra-resumen"] .editorial-note-label{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.55rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--cyan);
      margin-bottom: 1.25rem;
      padding-bottom: 0.75rem;
      border-bottom: 1px solid rgba(78,205,196,0.2);
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 0.5rem;
    }
@media (max-width: 768px) {
  html[data-page="umbra-resumen"] .hallazgos-grid{ grid-template-columns: 1fr; }
  html[data-page="umbra-resumen"] .key-numbers{ grid-template-columns: 1fr 1fr; }
  html[data-page="umbra-resumen"] .incident-row{ grid-template-columns: 60px 1fr; }
  html[data-page="umbra-resumen"] .incident-badge{ display: none; }
}
@media (max-width: 500px) {
  html[data-page="umbra-resumen"] .key-numbers{ grid-template-columns: 1fr 1fr; }
  html[data-page="umbra-resumen"] .key-num-val{ font-size: 2rem; }
}

/* -- umbra-topsecret.html -- */
html[data-page="umbra-topsecret"] .umbra-header-stamp{
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-bottom: 2.5rem;
    }
html[data-page="umbra-topsecret"] .umbra-stamp{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.62rem;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      padding: 0.4rem 1rem;
      border: 2px solid var(--red);
      color: var(--red);
      opacity: 0.85;
    }
html[data-page="umbra-topsecret"] .classification-hierarchy{
      margin: 3rem 0;
      border: 1px solid var(--border);
      background: var(--ink-mid);
      overflow: hidden;
    }
html[data-page="umbra-topsecret"] .hierarchy-label{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.55rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--muted);
      padding: 1rem 1.5rem;
      border-bottom: 1px solid var(--border);
    }
html[data-page="umbra-topsecret"] .hierarchy-row{
      display: flex;
      align-items: center;
      padding: 0.9rem 1.5rem;
      border-bottom: 1px solid rgba(201,168,76,0.08);
      gap: 1.25rem;
      transition: background 0.2s;
    }
html[data-page="umbra-topsecret"] .hierarchy-row:last-child{ border-bottom: none; }
html[data-page="umbra-topsecret"] .hierarchy-row.top{ background: rgba(192,57,43,0.08); }
html[data-page="umbra-topsecret"] .hierarchy-row.top:hover{ background: rgba(192,57,43,0.14); }
html[data-page="umbra-topsecret"] .hierarchy-row:not(.top):hover{ background: rgba(201,168,76,0.04); }
html[data-page="umbra-topsecret"] .hierarchy-level{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      min-width: 220px;
      flex-shrink: 0;
    }
html[data-page="umbra-topsecret"] .hierarchy-row.top .hierarchy-level{ color: var(--red); }
html[data-page="umbra-topsecret"] .hierarchy-row:not(.top) .hierarchy-level{ color: var(--gold); }
html[data-page="umbra-topsecret"] .hierarchy-damage{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.58rem;
      color: var(--muted);
      letter-spacing: 0.05em;
    }
html[data-page="umbra-topsecret"] .hierarchy-keywords{
      margin-left: auto;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.52rem;
      letter-spacing: 0.1em;
      color: rgba(201,168,76,0.5);
      text-align: right;
      flex-shrink: 0;
    }
html[data-page="umbra-topsecret"] .umbra-timeline{
      margin: 3rem 0;
      position: relative;
    }
html[data-page="umbra-topsecret"] .timeline-label{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.55rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 2rem;
      padding-bottom: 0.75rem;
      border-bottom: 1px solid var(--border);
    }
html[data-page="umbra-topsecret"] .timeline-line{
      position: absolute;
      left: 80px;
      top: 4rem;
      bottom: 0;
      width: 1px;
      background: linear-gradient(to bottom, var(--gold), transparent);
      opacity: 0.3;
    }
html[data-page="umbra-topsecret"] .timeline-item{
      display: flex;
      gap: 2rem;
      padding: 1.5rem 0;
      border-bottom: 1px solid rgba(201,168,76,0.08);
      position: relative;
    }
html[data-page="umbra-topsecret"] .timeline-item:last-child{ border-bottom: none; }
html[data-page="umbra-topsecret"] .timeline-year{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.72rem;
      font-weight: 700;
      color: var(--gold);
      min-width: 56px;
      flex-shrink: 0;
      padding-top: 0.15rem;
    }
html[data-page="umbra-topsecret"] .timeline-dot{
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--gold);
      flex-shrink: 0;
      margin-top: 0.35rem;
      opacity: 0.6;
    }
html[data-page="umbra-topsecret"] .timeline-item.highlight .timeline-dot{
      background: var(--red);
      box-shadow: 0 0 8px rgba(192,57,43,0.5);
      opacity: 1;
    }
html[data-page="umbra-topsecret"] .timeline-item.highlight .timeline-year{ color: var(--red); }
html[data-page="umbra-topsecret"] .timeline-content{}
html[data-page="umbra-topsecret"] .timeline-event{
      font-family: "Space Grotesk", sans-serif;
      font-size: 0.92rem;
      font-weight: 600;
      color: var(--paper);
      margin-bottom: 0.4rem;
    }
html[data-page="umbra-topsecret"] .timeline-detail{
      font-size: 0.85rem !important;
      color: var(--muted) !important;
      margin: 0 !important;
      line-height: 1.6;
    }
html[data-page="umbra-topsecret"] .timeline-detail::first-letter{ all: unset; }
html[data-page="umbra-topsecret"] .umbra-stats{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1px;
      background: var(--border);
      border: 1px solid var(--border);
      margin: 3rem 0;
    }
html[data-page="umbra-topsecret"] .stat-cell{
      background: var(--ink-mid);
      padding: 2rem 1.5rem;
      text-align: center;
    }
html[data-page="umbra-topsecret"] .stat-num{
      font-family: "JetBrains Mono", monospace;
      font-size: 2.2rem;
      font-weight: 700;
      color: var(--gold);
      display: block;
      line-height: 1;
      margin-bottom: 0.5rem;
    }
html[data-page="umbra-topsecret"] .stat-desc{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.52rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--muted);
      line-height: 1.5;
    }
html[data-page="umbra-topsecret"] .case-box{
      border: 1px solid rgba(192,57,43,0.35);
      border-left: 3px solid var(--red);
      background: rgba(192,57,43,0.04);
      padding: 2.5rem;
      margin: 3rem 0;
    }
html[data-page="umbra-topsecret"] .case-label{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.55rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--red);
      margin-bottom: 1.25rem;
      padding-bottom: 0.75rem;
      border-bottom: 1px solid rgba(192,57,43,0.2);
    }
html[data-page="umbra-topsecret"] .case-title{
      font-family: "Space Grotesk", sans-serif;
      font-size: 1.25rem;
      font-weight: 700;
      color: var(--paper);
      margin-bottom: 1rem;
    }
html[data-page="umbra-topsecret"] .foia-box{
      border: 1px solid var(--border);
      background: var(--ink-soft);
      margin: 3rem 0;
      overflow: hidden;
    }
html[data-page="umbra-topsecret"] .foia-box-header{
      background: rgba(201,168,76,0.08);
      border-bottom: 1px solid var(--border);
      padding: 1rem 2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
html[data-page="umbra-topsecret"] .foia-box-title{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.6rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--gold);
    }
html[data-page="umbra-topsecret"] .foia-box-date{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.55rem;
      letter-spacing: 0.1em;
      color: var(--muted);
    }
html[data-page="umbra-topsecret"] .foia-content-grid{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: var(--border);
    }
html[data-page="umbra-topsecret"] .foia-content-cell{
      background: var(--ink-mid);
      padding: 1.75rem;
    }
html[data-page="umbra-topsecret"] .foia-cell-tag{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.5rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      margin-bottom: 0.75rem;
    }
html[data-page="umbra-topsecret"] .foia-cell-tag.sigint{ color: var(--cyan); }
html[data-page="umbra-topsecret"] .foia-cell-tag.uap{ color: var(--gold); }
html[data-page="umbra-topsecret"] .foia-cell-tag.legal{ color: var(--red); }

html[data-page="umbra-topsecret"] .foia-cell-title{
      font-family: "Space Grotesk", sans-serif;
      font-size: 0.88rem;
      font-weight: 600;
      color: var(--paper);
      margin-bottom: 0.6rem;
    }
html[data-page="umbra-topsecret"] .foia-cell-desc{
      font-size: 0.8rem !important;
      color: var(--muted) !important;
      margin: 0 !important;
      line-height: 1.6;
    }
html[data-page="umbra-topsecret"] .foia-cell-desc::first-letter{ all: unset; }
html[data-page="umbra-topsecret"] .editorial-note-label{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.55rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--cyan);
      margin-bottom: 1.25rem;
      padding-bottom: 0.75rem;
      border-bottom: 1px solid rgba(78,205,196,0.2);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
html[data-page="umbra-topsecret"] .umbra-quote{
      border-left: 2px solid var(--red);
      padding: 1.5rem 2rem;
      margin: 3rem 0;
      background: rgba(192,57,43,0.03);
    }
html[data-page="umbra-topsecret"] .umbra-quote p{
      font-family: "DM Serif Text", Georgia, serif;
      font-size: 1.15rem !important;
      font-style: italic;
      color: var(--paper) !important;
      line-height: 1.7;
      margin-bottom: 1rem !important;
    }
html[data-page="umbra-topsecret"] .umbra-quote p::first-letter{ all: unset; }
html[data-page="umbra-topsecret"] .umbra-quote cite{
      font-family: "JetBrains Mono", monospace;
      font-size: 0.58rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--red);
    }
@media (max-width: 768px) {
  html[data-page="umbra-topsecret"] .umbra-stats{ grid-template-columns: 1fr 1fr; }
  html[data-page="umbra-topsecret"] .foia-content-grid{ grid-template-columns: 1fr; }
  html[data-page="umbra-topsecret"] .hierarchy-keywords{ display: none; }
  html[data-page="umbra-topsecret"] .hierarchy-level{ min-width: auto; }
}
@media (max-width: 500px) {
  html[data-page="umbra-topsecret"] .umbra-stats{ grid-template-columns: 1fr 1fr; }
  html[data-page="umbra-topsecret"] .stat-num{ font-size: 1.6rem; }
}