/* Índice editorial 2026: conversación, papel y acentos de la misma familia que la portada. */
.jb { margin-block-start: 0 !important; background: var(--juky-paper); }
.jb :is(h1,h2,h3,p,figure) { margin: 0; }
.jb h1,.jb h2,.jb h3 { font-family: Manrope,Aptos,"Segoe UI",sans-serif; text-wrap: balance; }
.jb a:focus-visible { outline: 3px solid var(--juky-ink); outline-offset: 4px; box-shadow: 0 0 0 6px var(--juky-yellow); }
.jb-eyebrow { display: flex; align-items: center; gap: .5rem; color: var(--juky-atlantic); font-size: .76rem; font-weight: 800; letter-spacing: .065em; line-height: 1.4; text-transform: uppercase; }
.jb-eyebrow > span { font-size: 1.25rem; }
.jb-hero { background: var(--juky-ivory); padding-block: 4.5rem 5rem; }
.jb-hero__grid { display: grid; grid-template-columns: 1fr .92fr; align-items: center; gap: 5rem; }
.jb-hero h1 { max-width: 12ch; margin: 1.15rem 0 1.1rem; color: var(--juky-atlantic); font-size: clamp(3rem,5.2vw,5rem); font-weight: 800; letter-spacing: -.06em; line-height: 1.07; }
.jb-hero__copy > p:not(.jb-eyebrow) { max-width: 32rem; color: var(--juky-muted); font-size: 1.04rem; line-height: 1.7; }
.jb-button { display: inline-flex; align-items: center; justify-content: center; gap: 1.2rem; min-height: 50px; padding: .78rem 1.3rem; border-radius: 12px; background: var(--juky-red-action); color: white; font-size: .9rem; font-weight: 800; text-decoration: none; }
.jb-button:hover { background: #952035; color: white; }
.jb-hero__copy > .jb-button { margin-top: 1.6rem; }
.jb-feature { overflow: hidden; border: 1px solid #dce4db; border-radius: 20px; background: var(--juky-paper); box-shadow: 0 14px 32px #17211d0a; transform: rotate(1deg); }
.jb-feature__symbol { display: grid; place-items: center; height: 10rem; background: var(--juky-atlantic); font-size: 4rem; }
.jb-feature__body { padding: 1.55rem 1.8rem 1.7rem; }
.jb .jb-feature__label { color: var(--juky-atlantic); font-size: .74rem; font-weight: 800; letter-spacing: .06em; line-height: 1.5; text-transform: uppercase; }
.jb-feature h2 { max-width: 27ch; margin: .8rem 0; font-size: clamp(1.55rem,2.4vw,2.2rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.22; }
.jb-feature h2 a,.jb-story h3 a { color: var(--juky-ink); text-decoration: none; }
.jb-feature h2 a:hover,.jb-story h3 a:hover { text-decoration: underline; }
.jb-feature__body > p:not(.jb-feature__label) { color: var(--juky-muted); font-size: .88rem; line-height: 1.65; }
.jb-link { display: inline-flex; align-items: center; gap: .6rem; min-height: 44px; color: var(--juky-atlantic); font-size: .84rem; font-weight: 800; text-decoration: underline; }
.jb-feature .jb-link { margin-top: .55rem; }
.jb-topics { padding-block: 4.2rem; background: var(--juky-paper); }
.jb-section-head h2 { max-width: 22ch; margin-top: .5rem; font-size: clamp(2rem,3.4vw,3rem); font-weight: 800; letter-spacing: -.045em; line-height: 1.15; }
.jb-section-head > p:not(.jb-eyebrow) { margin-top: .7rem; color: var(--juky-muted); font-size: .95rem; line-height: 1.6; }
.jb-topics__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .85rem; margin-top: 1.9rem; }
.jb-topics__grid a { position: relative; min-height: 11.5rem; padding: 1.15rem; border: 1px solid #e6e1d8; border-radius: 16px; background: var(--juky-ivory); color: var(--juky-ink); text-decoration: none; }
.jb-topics__grid a:hover { border-color: #b9c4ba; background: #f0e9dc; }
.jb-topics__grid a > span { display: block; font-size: 1.85rem; margin-bottom: 1.1rem; }
.jb-topics__grid strong { display: block; max-width: 18ch; margin-bottom: .4rem; font-size: 1.02rem; line-height: 1.35; }
.jb-topics__grid small { display: block; max-width: 22ch; padding-right: .8rem; color: var(--juky-muted); font-size: .77rem; line-height: 1.45; }
.jb-topics__grid em { position: absolute; top: 1rem; right: 1rem; color: var(--juky-atlantic); font-style: normal; }
.jb-stories { padding-block: 4.4rem 5rem; background: var(--juky-ivory); scroll-margin-top: 100px; }
.jb-stories__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.6rem; margin-top: 2.1rem; }
.jb-story { display: flex; flex-direction: column; min-height: 17rem; padding: 1.4rem 1.35rem 1.2rem; border: 1px solid #dfe3dc; border-top: 4px solid var(--juky-red); border-radius: 0 0 15px 15px; background: var(--juky-paper); }
.jb-story:nth-child(3n+2) { border-top-color: var(--juky-atlantic); }
.jb-story:nth-child(3n) { border-top-color: var(--juky-olive); }
.jb .jb-story__category { color: var(--juky-atlantic); font-size: .7rem; font-weight: 800; letter-spacing: .055em; line-height: 1.5; text-transform: uppercase; }
.jb-story h3 { margin: .7rem 0; font-size: 1.17rem; font-weight: 800; letter-spacing: -.025em; line-height: 1.35; }
.jb-story > p:not(.jb-story__category) { margin-bottom: .7rem; color: var(--juky-muted); font-size: .84rem; line-height: 1.65; }
.jb-story .jb-link { margin-top: auto; align-self: flex-start; }
.jb-pagination { display: flex; justify-content: center; gap: .5rem; margin-top: 2rem; }
.jb-pagination a,.jb-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: .65rem .85rem; border: 1px solid var(--juky-line); border-radius: 8px; color: var(--juky-atlantic); font-size: .85rem; font-weight: 800; }
.jb-pagination .current { background: var(--juky-atlantic); color: white; }
.jb-directory { padding-block: 2.5rem; background: #edf2e9; }
.jb-directory > .juky-shell { display: flex; justify-content: space-between; align-items: center; gap: 2rem; }
.jb-directory h2 { margin-top: .45rem; font-size: clamp(1.45rem,2.8vw,2.3rem); font-weight: 800; letter-spacing: -.035em; line-height: 1.2; }
.jb-directory p:not(.jb-eyebrow) { margin-top: .5rem; color: var(--juky-muted); font-size: .87rem; line-height: 1.6; }
.jb-button--light { flex-shrink: 0; background: var(--juky-atlantic); }
.jb-button--light:hover { background: #075579; }
@media (max-width: 1000px) {
 .jb-hero__grid { gap: 2.5rem; }
 .jb-topics__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .jb-stories__grid { gap: .9rem; }
}
@media (max-width: 700px) {
 .jb .juky-shell { width: calc(100% - 40px); }
 .jb-hero { padding-block: 2.6rem 3rem; }
 .jb-hero__grid { grid-template-columns: 1fr; gap: 2rem; }
 .jb-hero h1 { font-size: clamp(2.9rem,9.5vw,4.2rem); }
 .jb-feature { transform: rotate(.5deg); }
 .jb-feature__symbol { height: 7rem; font-size: 3rem; }
 .jb-topics,.jb-stories { padding-block: 3rem; }
 .jb-topics__grid { gap: .6rem; }
 .jb-topics__grid a { min-height: 10rem; padding: 1rem; }
 .jb-stories__grid { grid-template-columns: 1fr; gap: .9rem; }
 .jb-story { min-height: 0; }
 .jb-directory > .juky-shell { flex-direction: column; align-items: flex-start; gap: 1.3rem; }
}
@media (max-width: 380px) {
 .jb-topics__grid { grid-template-columns: 1fr; }
 .jb-topics__grid a { min-height: 7.5rem; }
 .jb-topics__grid a > span { margin-bottom: .4rem; }
}
@media (prefers-reduced-motion: reduce) { .jb-feature { transform: none; } }