/* Blog: listado, tarjetas, entrada. Usa las variables del tema. */
.bl{padding-block:clamp(2rem,5vw,4rem)}
.bl-bar{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:space-between;margin-bottom:clamp(1.4rem,3vw,2.2rem)}
.bl-cats{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}
.bl-cats a{padding:.45rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--mist);text-decoration:none;font:600 .8rem var(--font-display);transition:border-color .2s,background .2s}
.bl-cats a:hover{border-color:var(--cyan)}
.bl-cats a[aria-current]{background:linear-gradient(135deg,var(--magenta),var(--violet));border-color:transparent;color:#fff}
.bl-search{display:flex;align-items:center;border-radius:999px;border:1px solid var(--line);background:var(--surface);overflow:hidden;min-width:0;width:min(100%,280px)}
.bl-search input{flex:1;min-width:0;background:none;border:0;color:#fff;padding:.65rem 1rem;font:400 .88rem var(--font-body)}
.bl-search input:focus{outline:0}
.bl-search:focus-within{border-color:var(--cyan)}
.bl-search button{width:44px;align-self:stretch;border:0;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.bl-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.bl-count{color:var(--muted);margin:0 0 1.2rem}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.4vw,1.6rem)}

/* Tarjeta */
.pc{display:flex;flex-direction:column;min-width:0;border-radius:var(--r-card);border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));overflow:hidden;transition:border-color .25s,transform .25s}
.pc:hover{border-color:rgba(0,184,232,.5);transform:translateY(-2px)}
.pc-img{display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#2B0057,#0B0714)}
.pc-img img{width:100%;height:100%;object-fit:cover;display:block}
.pc-ph{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(70% 90% at 30% 20%,rgba(229,0,200,.28),transparent 60%),radial-gradient(60% 80% at 80% 90%,rgba(0,184,232,.22),transparent 60%),#12002A}
.pc-ph img{width:84px;height:84px;object-fit:contain;opacity:.9}
.pc-body{display:flex;flex-direction:column;gap:.6rem;padding:1.3rem 1.4rem 1.4rem;flex:1}
.pc-meta{display:flex;flex-wrap:wrap;gap:.2rem .5rem;margin:0;color:var(--muted);font-size:.78rem}
.pc-cat{color:var(--cyan);font-weight:700;text-decoration:none}
.pc-t{font-size:1.15rem;line-height:1.3;margin:0}
.pc-t a{color:#fff;text-decoration:none}
.pc-t a:hover{color:var(--cyan)}
.pc-ex{color:var(--muted);font-size:.9rem;margin:0;flex:1}
.pc-more{display:inline-flex;align-items:center;gap:.4rem;margin-top:.3rem;color:var(--cyan);text-decoration:none;font:700 .82rem var(--font-display)}
.pc-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.pc-more:hover svg{transform:translateX(3px)}
.pc-feat{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.pc-feat .pc-img{aspect-ratio:auto;min-height:280px;height:100%}
.pc-feat .pc-body{padding:clamp(1.4rem,3vw,2.2rem);justify-content:center}
.pc-feat .pc-t{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.pc-feat .pc-ex{font-size:1rem;flex:0}

/* Paginación */
.navigation.pagination{margin-top:2.4rem}
.nav-links{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center}
.nav-links a,.nav-links span{padding:.5rem .95rem;border-radius:999px;border:1px solid var(--line);color:var(--mist);text-decoration:none;font:600 .85rem var(--font-display)}
.nav-links a:hover{border-color:var(--cyan)}
.nav-links .current{background:linear-gradient(135deg,var(--magenta),var(--violet));border-color:transparent;color:#fff}
.nav-links .dots{border-color:transparent}

/* Sin artículos */
.bl-empty{display:grid;justify-items:center;gap:.8rem;text-align:center;max-width:560px;margin:clamp(1rem,4vw,3rem) auto;padding:clamp(1.8rem,5vw,3rem);border-radius:var(--r-card);border:1px dashed rgba(0,184,232,.4);background:var(--surface)}
.bl-empty img{width:110px;height:110px;object-fit:contain}
.bl-empty h2{font-size:clamp(1.3rem,3vw,1.7rem);margin:0}
.bl-empty p{color:var(--muted);margin:0}
.bl-empty-act{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:.4rem}

/* Entrada */
.sp{padding-block:clamp(1.6rem,4vw,3rem)}
.sp-art{max-width:820px;margin-inline:auto;min-width:0}
.sp-meta{display:flex;flex-wrap:wrap;gap:.3rem .6rem;color:var(--muted);font-size:.88rem;margin:0 0 1.4rem}
.sp-meta b{color:var(--mist)}
.sp-img{margin:0 0 2rem}
.sp-img img{width:100%;height:auto;display:block;border-radius:var(--r-card);border:1px solid var(--line)}
.sp-body{max-width:none;font-size:1.05rem}
.sp-body h2{font-size:1.6rem}.sp-body h3{font-size:1.25rem}
.sp-body blockquote{margin:1.6rem 0;padding:.4rem 0 .4rem 1.2rem;border-left:3px solid var(--magenta);color:#fff;font-size:1.15rem}
.sp-body pre,.sp-body code{background:rgba(255,255,255,.07);border-radius:8px}
.sp-body code{padding:.1rem .35rem}.sp-body pre{padding:1rem;overflow-x:auto}.sp-body pre code{background:none;padding:0}
.sp-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 0}
.sp-tags a{color:var(--muted);text-decoration:none;font-size:.85rem;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--line)}
.sp-tags a:hover{color:#fff;border-color:var(--cyan)}
.sp-share{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:2rem 0;padding-block:1.2rem;border-block:1px solid var(--line)}
.sp-share span{font:700 .8rem var(--font-display);color:var(--muted);margin-right:.3rem}
.sp-share a,.sp-share button{padding:.45rem .95rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--mist);text-decoration:none;font:600 .8rem var(--font-display);cursor:pointer}
.sp-share a:hover,.sp-share button:hover{border-color:var(--cyan)}
.sp-cta{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center;justify-content:space-between;padding:clamp(1.2rem,3vw,1.8rem);border-radius:var(--r-card);border:1px solid rgba(179,147,255,.28);background:radial-gradient(90% 140% at 0 0,rgba(101,0,184,.34),transparent 60%),var(--surface)}
.sp-cta div{display:grid;gap:.2rem;min-width:0}
.sp-cta b{font:800 1.1rem var(--font-display)}
.sp-cta span{color:var(--muted);font-size:.92rem}
.sp-pn{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.sp-pn a{display:grid;gap:.2rem;padding:1rem 1.2rem;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);text-decoration:none;min-width:0}
.sp-pn a:hover{border-color:var(--cyan)}
.sp-pn .n{text-align:right;grid-column:2}
.sp-pn small{color:var(--muted);font:600 .75rem var(--font-display)}
.sp-pn b{font:700 .95rem/1.35 var(--font-display);color:#fff}
.sp-rel{margin-top:clamp(2.4rem,6vw,4rem)}
.sp-rel>h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:0 0 1.2rem}

@media (max-width:980px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){
  .bl-grid{grid-template-columns:1fr}
  .pc-feat{grid-template-columns:1fr}
  .pc-feat .pc-img{min-height:0;aspect-ratio:16/9}
  .sp-pn{grid-template-columns:1fr}.sp-pn .n{grid-column:auto;text-align:left}
  .bl-search{width:100%}
}