/* ============================================================
   BLOG · DETALLE
   Estructura visual basada en el Blog de Lois & Lira.
   Identidad adaptada a Simple Media.
   ============================================================ */

.blog-article-hero{position:relative;min-height:690px;display:flex;align-items:flex-end;overflow:hidden;background:#0a0a0a;color:#fff;}
.blog-article-hero__media{position:absolute;inset:0;}
.blog-article-hero__media img{width:100%;height:100%;object-fit:cover;}
.blog-article-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.48) 42%,rgba(0,0,0,.92) 100%);}
.blog-article-hero--fallback::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;}
.blog-article-hero__container{position:relative;z-index:2;width:100%;padding-top:190px;padding-bottom:80px;}
.blog-article-hero__content{max-width:980px;}
.blog-article-hero__meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:25px;color:rgba(255,255,255,.72);font-size:.82rem;}
.blog-article-hero__meta span{display:inline-flex;align-items:center;gap:7px;}
.blog-article-hero__meta i{color:#ff174f;}
.blog-article-hero h1{max-width:1000px;margin:0;font-size:clamp(3rem,6vw,6rem);font-weight:800;line-height:.98;letter-spacing:-.055em;}
.blog-article-hero__lead{max-width:830px;margin:24px 0 0;color:rgba(255,255,255,.75);font-size:1.12rem;line-height:1.75;}

.internal-article{padding:110px 0 125px;background:#fff;color:#111;}
.blog-article__layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:70px;align-items:start;}
.blog-article__layout--single{grid-template-columns:minmax(0,850px);justify-content:center;}
.blog-article__aside{position:relative;}
.blog-article__toc{position:sticky;top:120px;border-top:3px solid #ff174f;border-bottom:1px solid #e4e4e4;padding:24px 0;}
.blog-article__toc-head{padding:0 0 18px;border-bottom:1px solid #e9e9e9;}
.blog-article__toc-kicker,.blog-article__intro-kicker{margin:0 0 7px;color:#ff174f;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.blog-article__toc-head p:last-child{margin:0;color:#777;font-size:.83rem;line-height:1.6;}
.blog-article__toc-list{margin:0;padding:14px 0 0;list-style:none;}
.blog-article__toc-item{margin:0;}
.blog-article__toc-item--depth-1{padding-left:14px;}
.blog-article__toc-item--depth-2{padding-left:28px;}
.blog-article__toc-link{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:10px;padding:9px 0;border:0;background:transparent;color:#444;text-align:left;font-size:.85rem;line-height:1.45;cursor:pointer;}
.blog-article__toc-link:hover{color:#ff174f;}
.blog-article__toc-link i{flex:0 0 auto;color:#ff174f;}
.blog-article__main{min-width:0;}
.blog-article__intro{margin:0 0 52px;padding:28px 30px;border-left:4px solid #ff174f;background:#f7f7f7;}
.blog-article__intro-text{margin:0;color:#333;font-size:1.12rem;line-height:1.75;text-align:justify;text-justify:inter-word;hyphens:auto;}
.blog-article__featured-image{margin:0 0 42px;background:#f3f3f3;overflow:hidden;}
.blog-article__featured-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0;}
.blog-article__featured-image figcaption{padding:10px 0 0;color:#777;font-size:.78rem;line-height:1.5;}
.blog-article__body{color:#2e2e2e;font-size:1.03rem;line-height:1.85;}
.blog-article__body p{margin:0 0 1.5em;text-align:justify;text-justify:inter-word;hyphens:auto;}
.blog-article__body h2,.blog-article__body h3,.blog-article__body h4{scroll-margin-top:125px;color:#111;font-weight:800;letter-spacing:-.035em;line-height:1.12;}
.blog-article__body h2{margin:2.1em 0 .7em;font-size:2.35rem;}
.blog-article__body h3{margin:1.9em 0 .7em;font-size:1.75rem;}
.blog-article__body h4{margin:1.7em 0 .6em;font-size:1.3rem;}
.blog-article__body a{color:#d8003f;text-decoration:underline;text-underline-offset:3px;}
.blog-article__body ul,.blog-article__body ol{margin:0 0 1.6em;padding-left:1.5em;}
.blog-article__body li{margin-bottom:.5em;}
.blog-article__body blockquote{margin:2em 0;padding:22px 28px;border-left:4px solid #ff174f;background:#f7f7f7;font-size:1.1rem;}
.blog-article__body img{max-width:100%;height:auto;margin:22px 0;}
.blog-article__body table{width:100%;margin:30px 0;border-collapse:collapse;}
.blog-article__body th,.blog-article__body td{padding:13px 15px;border:1px solid #ddd;vertical-align:top;}
.blog-article__body th{background:#111;color:#fff;}

.internal-cta{padding:80px 0;background:#ff174f;color:#fff;}
.internal-cta .global-eyebrow{margin:0 0 14px;color:#111;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.internal-cta h2{max-width:800px;margin:0;font-size:clamp(2.2rem,4vw,4rem);font-weight:800;line-height:1;letter-spacing:-.045em;}
.btn-global{display:inline-flex;align-items:center;gap:9px;padding:15px 20px;border:1px solid #111;background:#111;color:#fff;font-weight:800;text-decoration:none;}
.btn-global:hover{background:#fff;color:#111;}

@media (max-width:991.98px){
    .blog-article-hero{min-height:620px;}
    .blog-article-hero__container{padding-top:165px;padding-bottom:65px;}
    .internal-article{padding:90px 0;}
    .blog-article__layout{grid-template-columns:1fr;gap:45px;}
    .blog-article__toc{position:relative;top:auto;}
}
@media (max-width:767.98px){
    .blog-article-hero{min-height:560px;}
    .blog-article-hero__container{padding-top:145px;padding-bottom:50px;}
    .internal-article{padding:70px 0;}
    .blog-article__intro{padding:23px 22px;}
    .blog-article__body h2{font-size:1.9rem;}
    .blog-article__body h3{font-size:1.5rem;}
    .internal-cta{padding:65px 0;}
}