/* ───────────────────────────────────────────────────────────
   Jungla Digital — Blog index + Artículo + mapa de sendero.
   ─────────────────────────────────────────────────────────── */

/* ── Migas ─────────────────────────────────────────────────── */
.jd-crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12.5px;color:var(--dim);margin-bottom:22px}
.jd-crumbs a{color:var(--dim)}
.jd-crumbs a:hover{color:var(--fg);opacity:1}
.jd-crumbs__sep{opacity:.5}
.jd-crumbs [aria-current]{color:var(--fg)}

/* ── Blog index ────────────────────────────────────────────── */
.jd-blog-head{margin-bottom:40px}
.jd-blog-head h1{font-size:clamp(36px,6vw,60px);margin:14px 0 14px}
.jd-blog-head p{color:var(--dim);font-size:18px;max-width:60ch;margin:0}

/* ── Artículo ──────────────────────────────────────────────── */
.jd-article__wrap{max-width:1000px;margin:0 auto;padding:36px clamp(20px,5vw,44px) 64px}
.jd-article__header{margin-top:6px}
.jd-article__meta{display:flex;gap:12px;align-items:center;margin-bottom:18px;font-size:15px;color:var(--dim)}
.jd-article__title{font-size:clamp(34px,6vw,58px);line-height:1.04;max-width:20ch;margin:0 0 22px}
.jd-article__lede{font-size:clamp(19px,2.4vw,22px);line-height:1.55;color:var(--dim);max-width:58ch;margin:0}

.jd-article__byline{display:flex;align-items:center;gap:13px;padding:18px 0;margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.jd-avatar{width:40px;height:40px;border-radius:99px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}
.jd-byline__name{display:block;font-size:15.5px;font-weight:600;color:var(--fg)}
.jd-byline__role{display:block;font-size:14px;color:var(--dim)}

.jd-article__cover{margin:8px 0 28px}
.jd-article__cover img{width:100%;border-radius:12px}
:root[data-mode="consola"] .jd-article__cover img{border-radius:0}

/* ── Cuerpo editorial ──────────────────────────────────────── */
.jd-article__body{font-size:19px;line-height:1.75;color:var(--fg);max-width:68ch}
.jd-content>*{margin-top:1.4em}
.jd-content>*:first-child{margin-top:0}
.jd-content p{margin:0;max-width:66ch}
.jd-content h2{font-size:clamp(24px,3vw,30px);margin-top:1.6em}
.jd-content h3,.jd-content h4{margin-top:1.5em}
.jd-content a{text-decoration:underline;text-underline-offset:3px}
.jd-content img{border-radius:10px}
:root[data-mode="consola"] .jd-content img{border-radius:0}
.jd-content ul,.jd-content ol{padding-left:1.3em;display:flex;flex-direction:column;gap:.6em}
.jd-content blockquote{margin:1.2em 0;padding:6px 0 6px 28px;border-left:3px solid var(--primary)}
.jd-content blockquote p{font-family:var(--font-serif);font-style:italic;font-size:clamp(22px,3vw,30px);line-height:1.3;color:var(--fg)}
:root[data-mode="consola"] .jd-content blockquote p{font-family:var(--font-mono);font-style:normal;font-size:20px}

/* Botones de contenido (wp-block-button) → estilo del tema */
.jd-content .wp-block-button__link{display:inline-block;background:var(--fg)!important;color:var(--bg)!important;border-radius:99px;padding:13px 26px;font-weight:600;text-decoration:none}
:root[data-mode="consola"] .jd-content .wp-block-button__link{border-radius:4px}

/* Neutraliza las clases de color del tema viejo (respeta el modo) */
.jd-content .has-text-color,.jd-content .has-very-dark-gray-color{color:var(--fg)!important}
.jd-content .has-background{background:transparent!important;padding:revert!important}
.jd-content p.has-background{padding:0!important}

/* ── Tags + related ────────────────────────────────────────── */
.jd-article__tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px}
.jd-tag{font-size:14.5px;color:var(--fg);border:1px solid var(--line);border-radius:99px;padding:6px 14px}
:root[data-mode="consola"] .jd-tag{border-radius:4px;font-family:var(--font-mono);font-size:13px}
.jd-tag:hover{border-color:var(--primary);opacity:1}
.jd-related{margin-top:56px}
.jd-related h3{font-size:26px;margin:0 0 28px}

/* ── Mapa de sendero ───────────────────────────────────────── */
.jd-senderomap{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px 30px;margin:8px 0 28px}
:root[data-mode="consola"] .jd-senderomap{border-radius:0;border-color:color-mix(in srgb,var(--primary) 30%,transparent)}
.jd-senderomap__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.jd-senderomap__id{display:flex;align-items:center;gap:12px}
.jd-senderomap__glyph{font-family:var(--font-mono);font-size:20px;color:var(--primary)}
.jd-senderomap__kicker{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);display:block}
.jd-senderomap__name{font-weight:700;font-size:18px;color:var(--fg)}
.jd-senderomap__trail{margin:18px 0 6px}
.jd-senderomap__pos{font-family:var(--font-mono);font-size:12.5px;color:var(--dim)}
.jd-senderomap__nav{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
.jd-senderomap__step{flex:1;min-width:200px;border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:block;color:inherit}
:root[data-mode="consola"] .jd-senderomap__step{border-radius:0}
.jd-senderomap__step.is-next{border-color:var(--primary)}
.jd-senderomap__step--next{text-align:right}
.jd-senderomap__step.is-disabled{opacity:.6;pointer-events:none}
.jd-senderomap__step:hover{border-color:var(--primary);opacity:1}
.jd-senderomap__steplabel{font-family:var(--font-mono);font-size:11.5px;color:var(--dim);display:block}
.jd-senderomap__steptitle{font-size:14.5px;color:var(--fg);font-weight:500}

/* ── Paginación ────────────────────────────────────────────── */
.pagination,.nav-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:48px;font-family:var(--font-mono);font-size:14px}
.pagination .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:8px;color:var(--fg)}
.pagination .page-numbers.current{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}

@media (max-width:680px){
  .jd-article__body{font-size:18px}
}

/* ── Búsqueda ──────────────────────────────────────────────── */
.jd-search-head{margin-bottom:40px}
.jd-search-head h1{font-size:clamp(32px,5vw,52px);margin:14px 0 10px}
.jd-search-head p{color:var(--dim);margin:0 0 22px}
.jd-search-empty{font-size:18px;color:var(--dim);margin:0 0 22px}
.jd-searchform{display:flex;gap:10px;max-width:520px}
.jd-searchform input[type=search]{flex:1}
/* estilo del input: base.css (consistente con el newsletter) */
.jd-searchform button{border:1px solid var(--fg);background:var(--fg);color:var(--bg);border-radius:var(--radius-pill);padding:0 24px;font:inherit;font-weight:600;cursor:pointer}
:root[data-mode="consola"] .jd-searchform button{border-radius:4px;font-family:var(--font-mono);background:var(--primary);border-color:var(--primary);color:var(--on-primary)}