/* ====================================
   ENSOBRADOS SINGLE V2
==================================== */

:root{

    --primary:#e61919;

    --text:#111;

    --text-soft:#444;

    --meta:#777;

    --border:#ececec;

    --bg:#ffffff;

    --radius:18px;

}

/* ====================================
   CONTENEDOR
==================================== */

.article-main{

    max-width:1400px;

    margin:0 auto;

    padding:40px 24px;

}

.article-layout{

    display:grid;

    grid-template-columns:minmax(0,1fr) 340px;

    gap:50px;

    align-items:start;
}

/* ====================================
   COLUMNA PRINCIPAL
==================================== */

.article-content-area{

    min-width:0;
}

/* ====================================
   SIDEBAR STICKY
==================================== */

.sidebar{

    position:sticky;

    top:120px;

    align-self:start;
}

/* ====================================
   HEADER
==================================== */

.article-header{

    max-width:900px;

    margin-bottom:30px;
}

.cat-label{

    display:inline-block;

    background:var(--primary);

    color:#fff;

    padding:6px 14px;

    border-radius:999px;

    font-size:12px;

    font-weight:800;

    text-transform:uppercase;

    margin-bottom:20px;
}

.article-title{

    font-size:clamp(38px,5vw,64px);

    line-height:1.05;

    font-weight:900;

    letter-spacing:-0.04em;

    color:var(--text);

    margin-bottom:20px;
}

.article-lead{

    font-size:22px;

    line-height:1.6;

    color:var(--text-soft);

    margin-bottom:25px;
}

/* ====================================
   META
==================================== */

.meta-data{

    display:flex;

    align-items:center;

    gap:12px;

    flex-wrap:wrap;

    color:var(--meta);

    font-size:14px;
}

.meta-author{

    font-weight:700;

    color:#111;
}

.meta-separator{

    opacity:.35;
}

/* ====================================
   IMAGEN
==================================== */

.featured-image-container{

    margin:35px 0 45px;

    border-radius:22px;

    overflow:hidden;
}

.featured-image-container img{

    width:100%;

    display:block;
}

/* ====================================
   CONTENIDO
==================================== */

.article-content{

    max-width:850px;

    font-size:1.22rem;

    line-height:1.95;

    color:var(--text);
}

.article-content p{

    margin-bottom:1.8rem;
}

.article-content h2{

    font-size:2rem;

    margin:2.5rem 0 1rem;

    font-weight:900;
}

.article-content h3{

    font-size:1.6rem;

    margin:2rem 0 1rem;

    font-weight:800;
}

/* ====================================
   SIDEBAR
==================================== */

.trending{

    background:#fff;

    border:1px solid var(--border);

    border-radius:22px;

    padding:24px;
}

.trending h3{

    margin-bottom:20px;

    font-size:20px;

    font-weight:900;
}

.trending-item{

    display:flex;

    gap:16px;

    padding:14px 0;

    text-decoration:none;

    border-bottom:1px solid var(--border);
}

.trending-num{

    font-size:34px;

    font-weight:900;

    color:var(--primary);

    opacity:.25;
}

.trending-item strong{

    color:#111;

    line-height:1.4;
}

/* ====================================
   RESPONSIVE
==================================== */

@media(max-width:992px){

    .article-layout{

        grid-template-columns:1fr;
    }

    .sidebar{

        position:static;
    }

}

@media(max-width:768px){

    .article-main{

        padding:20px 16px;
    }

    .article-title{

        font-size:36px;
    }

    .article-content{

        font-size:1.12rem;

        line-height:1.85;
    }

}

body{
    background:red !important;
}