/* ===================================================
   BLOG — Filtros, fechas y variantes de etiqueta
   =================================================== */

.blog-filters .btn {
    font-size: .7rem;
    letter-spacing: .12em;
    padding: .45rem 1rem;
}

/* Fecha de publicacion */
.article-date {
    display: block;
    font-size: .78rem;
    opacity: .5;
    letter-spacing: .06em;
    margin-bottom: .75rem;
    text-transform: uppercase;
}

/* Variantes de color para etiqueta de categoria */
.article-tag--noticia {
    background: #EFF3FF;
    color: #1323E5;
}
.article-tag--tendencia {
    background: #ECFDF5;
    color: #166534;
}
.article-tag--label {
    background: #F3F4F6;
    color: #374151;
}

/* Detalle de articulo */
.article-content .wysiwyg-content h2,
.article-content .wysiwyg-content h3 { margin-top: 2rem; margin-bottom: .75rem; }
.article-content .wysiwyg-content p  { margin-bottom: 1.25rem; }
.article-content .wysiwyg-content ul,
.article-content .wysiwyg-content ol { padding-left: 1.5rem; margin-bottom: 1.25rem; }
.article-content .wysiwyg-content li { margin-bottom: .4rem; }
.article-content .wysiwyg-content img { max-width: 100%; border-radius: .5rem; margin: 1rem 0; }
.article-content .wysiwyg-content a  { color: #1323E5; text-decoration: underline; }
.article-content .wysiwyg-content blockquote {
    border-left: 3px solid #1323E5;
    padding: .75rem 1.25rem;
    margin: 1.5rem 0;
    background: rgba(26,63,255,.04);
    border-radius: 0 .5rem .5rem 0;
    font-style: italic;
}
/* ── Blog image fixes ─────────────────────────────────── */
.article-media {
    position: relative;
}
.article-media--empty {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
}
.article-media--empty::after {
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23cbd5e1' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E") center/contain no-repeat;
    opacity: .4;
}
.article-media img {
    max-width: 60%;
    height: auto;
    display: block;
    margin: 0 auto;
}
/* Blog full page grid */
.blog-full .grid-3 { gap: 2rem; }
@media (max-width: 980px) {
    .blog-full .grid-3 { gap: 1.5rem; }
}