/* ══════════════════════════════════════════════════════════════════════════
   BLOG · ESTILO 2026 (2026-10-21). Va después de styles.css; lo cargan blog.php y blog-articulo.php
   con $pageCss. Retoque ligero: en el blog manda la lectura, así que nada de animaciones dentro
   del artículo. Solo tarjetas, buscador, filtros, paginación, la llamada a la acción del final y
   los bloques de enlaces, con las formas y colores de marca del resto de la web.
   ══════════════════════════════════════════════════════════════════════════ */

/* tarjetas de artículos (índice y «Sigue leyendo») */
.post-card-a{border-radius:24px;border-color:transparent;box-shadow:0 14px 34px -26px rgba(33,42,50,.55);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,border-color .3s ease}
.post-card-a:hover,.post-card-a:focus-visible{transform:translateY(-4px);border-color:rgba(46,134,166,.35);box-shadow:0 24px 44px -26px rgba(33,42,50,.5)}
.post-card-img{overflow:hidden}
.post-card-img img{transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.post-card-a:hover .post-card-img img{transform:scale(1.04)}
.post-card-cat{align-self:flex-start;padding:4px 10px;border-radius:999px;background:rgba(46,134,166,.12);color:var(--teal);letter-spacing:.05em}
.post-card-a:hover h2,.post-card-a:hover h3{color:var(--teal)}
.post-card h2,.post-card h3{transition:color .25s ease}
/* destacada: bloque oscuro de marca */
.post-card.destacada .post-card-a{background:radial-gradient(120% 80% at 100% 100%,rgba(46,134,166,.45),transparent 60%),linear-gradient(160deg,#2A363F,#151c22);border-color:transparent}
.post-card.destacada h2{color:#fff}
.post-card.destacada .post-card-x{color:#c3ced7}
.post-card.destacada .post-card-m{color:#9fb0bd}
.post-card.destacada .post-card-cat{background:rgba(110,207,234,.16);color:var(--cyan)}
.post-card.destacada .post-card-a:hover h2{color:var(--cyan)}

/* buscador, filtros y paginación: píldoras */
.blog-buscar{border-radius:999px}
.blog-buscar .btn{border-radius:999px}
.blog-buscar:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(110,207,234,.25)}
.blog-sug{border-radius:20px}
.blog-cats a:hover,.blog-paginas a:hover{border-color:var(--teal);color:var(--teal)}
.blog-cats a[aria-current="page"],.blog-paginas span[aria-current]{background:var(--teal);border-color:var(--teal)}
.blog-paginas a,.blog-paginas span{border-radius:999px}

/* llamada a la acción al final del artículo: banda oscura de marca, compacta */
.post .band.post-cta{border:0;border-radius:24px;color:#e7edf2;
  background:radial-gradient(90% 120% at 100% 0%,rgba(110,207,234,.22),transparent 60%),linear-gradient(160deg,#2A363F,#151c22);box-shadow:0 24px 50px -30px rgba(0,0,0,.6)}
.post .band.post-cta::before,.post .band.post-cta::after{display:none}
.post .band.post-cta h2{color:#fff}
.post .band.post-cta p{color:#c3ced7}
.post .band.post-cta .btn{border-radius:999px}

/* bloques de enlaces relacionados (fin del artículo e índice) */
.theme-blog .related a{border-radius:20px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.theme-blog .related a:hover{border-color:rgba(46,134,166,.4);box-shadow:0 18px 36px -26px rgba(33,42,50,.5)}
.theme-blog .related a:hover b{color:var(--teal)}

@media(prefers-reduced-motion:reduce){.post-card-a,.post-card-img img{transition:none}.post-card-a:hover{transform:none}.post-card-a:hover .post-card-img img{transform:none}}