/* ==========================================================
   ASTRA RESET
========================================================== */

.ast-separate-container{
    background-color: var(--ast-global-color-4);
    background-image: none;
}

/* ==========================================================
   SINGLE NOTICIA (NO TOCAR ESTRUCTURA)
========================================================== */

.single-noticia.container{
    max-width:1170px;
    margin:0 auto;
    padding:1rem;
}

/* CARD */
.single-noticia .noticia-timeline{
    background:#fff;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    padding:1.5rem;
    margin-bottom:2rem;
    overflow:hidden;
}

/* LAYOUT */
.single-noticia .noticia-content-wrapper{
    display:flex;
    gap:1.5rem;
}

/* BODY */
.single-noticia .noticia-body{
    flex:2;
}

/* TITULO */
.single-noticia .noticia-title{
    font-size:2rem;
    color:#2d2d2d;
    margin-bottom:.7rem;
}

/* SUBTITLE */
.single-noticia .noticia-subtitle{
    font-size:1.1rem;
    font-style:italic;
    color:#666;
    margin-bottom:1rem;
}

/* DESCRIPTION */
.single-noticia .noticia-description{
    font-size:1rem;
    line-height:1.6;
    color:#333;
    margin-bottom:1.5rem;
}

/* META */
.single-noticia .noticia-meta{
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
    margin-bottom:1rem;
}

/* META ITEM */
.single-noticia .meta-item{
    background:#f2f2f2;
    padding:.5rem 1rem;
    border-radius:25px;
    font-size:.95rem;
}

/* CATEGORIES */
.single-noticia .noticia-categories{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.single-noticia .categoria-badge{
    padding:.25rem .7rem;
    font-size:.85rem;
    text-transform:uppercase;
    border-radius:4px;
    background:rgba(122,75,47,0.08);
    color:#7a4b2f;
}

/* IMAGE */
.single-noticia .noticia-img-top img{
    width:100%;
    max-height:300px;
    object-fit:cover;
    border-radius:8px;
    margin-bottom:1rem;
}

/* MOBILE */
@media (max-width:768px){

    .single-noticia .noticia-content-wrapper{
        flex-direction:column;
    }

    .single-noticia .noticia-title{
        font-size:1.5rem;
    }

    .single-noticia .noticia-timeline{
        margin:0 1rem;
    }
}