/**
 * ASCA — Single Publicación / Investigación
 * Usa el hero compacto .asca-page-title-bar (definido en style.css).
 * Aquí solo se definen: meta-bar, contenido y navegación.
 */

/* ─── Meta bar (categoría + fecha) ───────────────────────────── */
.asca-pub-meta-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem 1.25rem;
    margin-bottom: 1.75rem;
    font-size: .85rem;
}

.asca-pub-meta-bar__cat {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: var(--asca-red);
    color: #fff;
    border-radius: 2rem;
    padding: .28rem .85rem;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .15s;
}

.asca-pub-meta-bar__cat:hover {
    background: #a80e0e;
    color: #fff;
}

.asca-pub-meta-bar__date {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #6b7280;
}

.asca-pub-meta-bar__date i {
    font-size: .75rem;
    opacity: .75;
}

/* ─── Article content ────────────────────────────────────────── */
.asca-single-pub-content {
    font-size: 1rem;
    line-height: 1.8;
    color: #1f2937;
}

/* ─── Post navigation ────────────────────────────────────────── */
.asca-single-pub-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e4e9f0;
}

.asca-single-pub-nav .nav-links {
    flex: 1;
    min-width: 0;
    display: flex;
    justify-content: space-between;
    gap: .5rem;
}

.asca-single-pub-nav .nav-previous,
.asca-single-pub-nav .nav-next {
    max-width: 48%;
}

.asca-single-pub-nav a {
    font-size: .85rem;
    font-weight: 600;
    color: var(--asca-navy);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .4rem;
    line-height: 1.35;
    transition: color .15s;
}

.asca-single-pub-nav a:hover {
    color: var(--asca-red);
}

.asca-single-pub-nav__back {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .82rem;
    font-weight: 600;
    color: #6b7280;
    text-decoration: none;
    padding: .4rem .9rem;
    background: #f3f4f6;
    border-radius: 6px;
    transition: background .15s, color .15s;
    flex-shrink: 0;
}

.asca-single-pub-nav__back:hover {
    background: #e5e7eb;
    color: var(--asca-navy);
}

/* ─── Responsive ─────────────────────────────────────────────── */
@media (max-width: 640px) {
    .asca-single-pub-nav .nav-links {
        flex-direction: column;
    }

    .asca-single-pub-nav .nav-previous,
    .asca-single-pub-nav .nav-next {
        max-width: 100%;
    }
}