/* mwc-blog.css
   Reglas propias del blog que no existen en el sitio estatico
   (mwc-site.css), pensadas para reusar exactamente los mismos
   tokens de color, tipografia y espaciado. */

.mwc-blog-card-image{
 border-radius:16px;overflow:hidden;background:rgba(0,0,0,0.05);
 aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;
 margin-bottom:16px;
}
.mwc-blog-card-image img{width:100%;height:100%;object-fit:cover}
.mwc-blog-kicker{
 font-size:13px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;
 margin-bottom:10px;display:inline-block;
}
.mwc-blog-card-title{
 font-size:20px;font-weight:800;color:#000000;line-height:1.3;margin-bottom:10px;
}
.mwc-blog-card-title a{color:inherit}
.mwc-blog-card-excerpt{font-size:15px;color:#000000;line-height:1.7}
.mwc-blog-card{display:block}

/* Estado vacio, aun sin entradas publicadas */
.mwc-blog-empty{
 background:#F5F5F5;border-radius:14px;padding:16px 20px;margin-bottom:32px;
 font-size:14px;color:#000000;font-style:italic;
}

/* Paginacion */
.mwc-blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:44px;flex-wrap:wrap}
.mwc-blog-pagination a,.mwc-blog-pagination span{
 display:inline-flex;align-items:center;justify-content:center;
 min-width:40px;height:40px;padding:0 12px;border-radius:20px;
 font-size:15px;font-weight:700;color:#000000;background:#F5F5F5;
}
.mwc-blog-pagination a:hover{background:#eee}
.mwc-blog-pagination .current{background:#000000;color:#fff}

/* Single post */
.mwc-blog-single-image{
 border-radius:16px;overflow:hidden;margin-bottom:32px;aspect-ratio:16/9;
 background:rgba(0,0,0,0.05);
}
.mwc-blog-single-image img{width:100%;height:100%;object-fit:cover;display:block}
.mwc-blog-single-meta{font-size:14px;color:#666;margin-bottom:28px}
.mwc-blog-single-content{font-size:17px;line-height:1.8;color:#000000;max-width:800px}
.mwc-blog-single-content p{margin-bottom:20px}
.mwc-blog-single-content h2{font-size:28px;font-weight:800;margin:36px 0 16px}
.mwc-blog-single-content h3{font-size:22px;font-weight:800;margin:28px 0 14px}
.mwc-blog-single-content img{border-radius:12px;margin:24px 0}
.mwc-blog-single-content a{color:#40b8b2;text-decoration:underline}
.mwc-blog-single-content ul,.mwc-blog-single-content ol{margin:0 0 20px 22px;list-style:revert}
.mwc-blog-back-link{
 display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;
 color:#000000;margin-bottom:32px;
}