/* Blog de Blue Sky (29/10/2026). Usa los tokens de home-fx.css. Todo con prefijo bj- */
.bj{padding-top:120px;color:var(--ink);font-family:var(--body)}
.bj *{box-sizing:border-box}
.bj a{color:inherit}
.bj img{display:block;max-width:100%}
.bj h1,.bj h2,.bj h3{font-family:var(--display);font-weight:600;line-height:1.1;margin:0;text-wrap:balance;color:var(--ink)}
.bj p{margin:0}
.bj-wrap{max-width:1180px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.bj a:focus-visible,.bj button:focus-visible{outline:2px solid var(--gold-lt);outline-offset:3px}

.bj-kick{font:700 .72rem var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--celeste);display:inline-flex;align-items:center;gap:12px}
.bj-kick::before{content:"";width:28px;height:1.5px;background:var(--gold)}
.bj-head{padding-block:28px 30px}
.bj-head h1{font-size:clamp(2.3rem,6vw,4.4rem);font-weight:900;margin-top:12px}
.bj-head h1 em{font-style:italic;font-weight:400;color:var(--gold-lt)}
.bj-head p{color:var(--ink-soft);max-width:600px;margin-top:14px;font-size:1.06rem;line-height:1.6}
.bj-crumbs{font-size:.8rem;color:var(--ink-soft);margin-bottom:12px}
.bj-crumbs a{text-decoration:none}
.bj-crumbs a:hover{color:var(--gold-lt)}

.bj-tag{align-self:flex-start;display:inline-block;font:800 .66rem var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--bg-deep);background:var(--gold-lt);padding:5px 10px;border-radius:999px}
.bj-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.82rem;color:var(--ink-soft)}
.bj-meta b{color:var(--ink);font-weight:700}
.bj-go{color:var(--gold-lt);font-weight:800;font-size:.9rem}

.bj-ph{position:relative;overflow:hidden;background:var(--panel)}
.bj-ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}

.bj-feat{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--bg-deep);text-decoration:none}
.bj-feat .bj-ph{min-height:380px}
.bj-feat:hover .bj-ph img{transform:scale(1.04)}
.bj-feat-txt{padding:34px;display:flex;flex-direction:column;gap:14px;justify-content:center;min-width:0}
.bj-feat-txt h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.bj-feat-txt p{color:var(--ink-soft);line-height:1.6}
@media (max-width:820px){.bj-feat{grid-template-columns:1fr}.bj-feat .bj-ph{min-height:0;aspect-ratio:16/10}.bj-feat-txt{padding:24px}}

.bj-filters{display:flex;flex-wrap:wrap;gap:8px;padding-block:30px 20px}
.bj-filters button{font:700 .84rem var(--body);color:var(--ink-soft);background:transparent;border:1px solid var(--line);padding:9px 16px;border-radius:999px;cursor:pointer}
.bj-filters button[aria-pressed="true"]{background:var(--ink);color:var(--bg-deep);border-color:var(--ink)}
.bj-filters button span{opacity:.6;margin-left:4px;font-variant-numeric:tabular-nums}

.bj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:20px}
.bj-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--bg-deep);border:1px solid var(--line);text-decoration:none;transition:transform .25s ease,border-color .25s ease}
.bj-card[hidden]{display:none}
.bj-card:hover{transform:translateY(-4px);border-color:rgba(255,206,116,.5)}
.bj-card:hover .bj-ph img{transform:scale(1.05)}
.bj-card .bj-ph{aspect-ratio:16/10}
.bj-card-b{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.bj-card h3{font-size:1.28rem}
.bj-card p{color:var(--ink-soft);font-size:.93rem;line-height:1.55}
.bj-card .bj-meta{margin-top:auto;padding-top:6px}
@media (max-width:960px){.bj-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.bj-grid{grid-template-columns:1fr}}
.bj-pager{display:flex;gap:8px;flex-wrap:wrap;padding-block:10px}
.bj-pager .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink-soft)}
.bj-pager .current{background:var(--gold);color:var(--bg-deep);border-color:var(--gold)}
.bj-empty{color:var(--ink-soft);padding-block:20px}

/* articulo */
.bj-hero{position:relative;border-radius:28px;overflow:hidden;min-height:460px;display:flex;align-items:flex-end;margin-top:12px;background:var(--panel)}
.bj-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bj-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,28,54,.78),rgba(4,28,54,.2) 70%),linear-gradient(180deg,rgba(4,28,54,0) 35%,rgba(4,28,54,.9))}
.bj-hero-in{position:relative;z-index:1;padding:36px;max-width:880px;display:flex;flex-direction:column;gap:14px}
.bj-hero h1{font-size:clamp(2rem,5vw,3.6rem);font-weight:900}
.bj-dek{font-size:1.1rem;color:#dcebf8;max-width:660px;line-height:1.55}
@media (max-width:600px){.bj-hero{min-height:400px}.bj-hero-in{padding:22px}}

.bj-byline{display:flex;align-items:center;gap:14px;padding-block:24px;border-bottom:1px solid var(--line)}
.bj-av{border-radius:50%;object-fit:cover;border:2px solid var(--gold);flex:none}
.bj-byline .bj-av{width:52px;height:52px}
.bj-byline b{display:block}
.bj-byline span{font-size:.84rem;color:var(--ink-soft)}

.bj-ar{display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;padding-block:40px}
.bj-toc{position:sticky;top:110px;align-self:start;font-size:.88rem}
.bj-toc b{display:block;font:800 .68rem var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--celeste);margin-bottom:12px}
.bj-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.bj-toc a{display:block;padding:7px 0 7px 14px;text-decoration:none;color:var(--ink-soft);margin-left:-1px;border-left:2px solid transparent}
.bj-toc a:hover{color:var(--ink)}
.bj-toc a.on{color:var(--ink);border-left-color:var(--gold)}
@media (max-width:900px){.bj-ar{grid-template-columns:1fr;gap:24px}.bj-toc{position:static}}

.bj-body{max-width:68ch;min-width:0}
.bj .bj-body > * + *{margin-top:20px}
.bj-body h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:44px;scroll-margin-top:110px}
.bj-body p,.bj-body li{color:#d5e6f5;font-size:1.06rem;line-height:1.7}
.bj-body ul{padding-left:20px;margin-bottom:0}
.bj-body li + li{margin-top:6px}
.bj-body strong{color:var(--ink)}
.bj-body p a{color:var(--gold-lt);text-decoration:underline;text-underline-offset:3px}

.bj-glance{background:var(--bg-deep);border:1px solid var(--line);border-radius:20px;padding:24px}
.bj-glance .bj-t{display:block;font-family:var(--display);font-size:1.2rem;margin-bottom:12px}
.bj-glance dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:.95rem}
.bj-glance dt{color:var(--ink-soft)}
.bj-glance dd{margin:0;font-weight:600;min-width:0}
@media (max-width:480px){.bj-glance dl{grid-template-columns:1fr;gap:2px}.bj-glance dd{margin-bottom:8px}}

.bj-tourcard{display:grid;grid-template-columns:160px minmax(0,1fr);border-radius:18px;overflow:hidden;border:1px solid rgba(255,206,116,.45);background:linear-gradient(120deg,rgba(243,165,34,.12),rgba(4,28,54,.6));text-decoration:none}
.bj-tourcard .bj-ph{min-height:130px}
.bj-tourcard .bj-tx{padding:18px 20px;display:flex;flex-direction:column;gap:6px;justify-content:center}
.bj-tourcard small{font:800 .64rem var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt)}
.bj-tourcard b{font-family:var(--display);font-size:1.15rem;line-height:1.2}
.bj-tourcard span{color:var(--ink-soft);font-size:.9rem}
.bj-tourcard:hover{border-color:var(--gold-lt)}
@media (max-width:520px){.bj-tourcard{grid-template-columns:1fr}.bj-tourcard .bj-ph{aspect-ratio:16/8;min-height:0}}

.bj-faq details{border-bottom:1px solid var(--line);padding-block:14px}
.bj-faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px}
.bj-faq summary::-webkit-details-marker{display:none}
.bj-faq summary::after{content:"+";color:var(--gold-lt);font-size:1.3rem;line-height:1}
.bj-faq details[open] summary::after{content:"\2013"}
.bj-faq details p{margin-top:10px}

.bj-author{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;background:var(--bg-deep);border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:44px !important}
.bj-author .bj-av{width:80px;height:80px}
.bj-author b{font-family:var(--display);font-size:1.2rem;display:block}
.bj-author small{display:block;color:var(--celeste);font-weight:700;font-size:.8rem;letter-spacing:.06em;margin:2px 0 8px}
.bj-author p{color:var(--ink-soft);font-size:.95rem;line-height:1.6}
.bj-author a{display:inline-block;margin-top:10px;color:var(--gold-lt);font-weight:700;font-size:.9rem;text-decoration:none}
@media (max-width:480px){.bj-author{grid-template-columns:1fr}}

.bj-rel{padding-block:30px 10px}
.bj-rel h2{font-size:1.6rem;margin-bottom:18px}
.bj-endcta{margin-block:40px 70px;border-radius:26px;padding:40px;background:radial-gradient(90% 140% at 0 0,rgba(22,184,176,.35),transparent 60%),var(--bg-deep);border:1px solid var(--line);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.bj-endcta h2{font-size:clamp(1.5rem,3vw,2.1rem);max-width:560px}
.bj-btn{display:inline-block;background:var(--gold);color:var(--bg-deep) !important;font-weight:800;text-decoration:none;padding:14px 22px;border-radius:999px}
.bj-btn:hover{background:var(--gold-lt)}
@media (max-width:600px){.bj-endcta{padding:26px}}
@media (prefers-reduced-motion:reduce){.bj-card,.bj-ph img{transition:none}.bj-card:hover{transform:none}}