/* ====================================
   HERO
==================================== */

.post-hero{
padding:140px 8% 70px 8%;
}

.post-hero .lb-hero-container{
align-items:flex-start;
}

.post-hero h1{
font-size:52px;
line-height:1.05;
max-width:850px;
margin-bottom:20px;
word-break:break-word;
}

.post-hero .lb-hero-right{
max-width:420px;
}

.post-hero .lb-hero-text{
font-size:18px;
line-height:1.5;
}

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

.post-image{
width:100%;
max-width:900px;
height:auto;
display:block;
margin:0 auto 45px auto;
border-radius:8px;
}

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

.post-content-wrap{
width:100%;
padding:0 24px 70px 24px;
}

.blog-content{
max-width:860px;
margin:0 auto;
text-align:left;
}

.blog-content p{
font-size:18px;
line-height:1.55;
margin-bottom:18px;
color:#222;
}

.blog-content h2{
font-size:30px;
line-height:1.2;
margin:45px 0 22px;
background:#434952;
color:#fff;
padding:14px 18px;
}

.blog-content h3{
font-size:24px;
line-height:1.3;
margin:35px 0 18px;
}

.blog-content ul,
.blog-content ol{
padding-left:28px;
margin-bottom:25px;
}

.blog-content li{
font-size:18px;
line-height:1.6;
margin-bottom:10px;
}

.blog-content img{
width:100%;
height:auto;
display:block;
margin:35px auto;
border-radius:8px;
}

/* ====================================
   FUENTE
==================================== */

.post-fuente{
max-width:860px;
margin:45px auto 0 auto;
padding-top:22px;
border-top:1px solid #ddd;
font-size:15px;
line-height:1.5;
color:#555;
}

/* ====================================
   SHARE
==================================== */

.post-share{
max-width:860px;
margin:70px auto 0 auto;
text-align:center;
}

.post-share h3{
font-size:24px;
margin-bottom:18px;
}

.post-share-buttons{
display:flex;
justify-content:center;
gap:14px;
flex-wrap:wrap;
}

/* ====================================
   RELACIONADAS
==================================== */

.post-relacionadas{
max-width:860px;
margin:70px auto 0 auto;
}

.post-relacionadas h3{
font-size:24px;
margin-bottom:18px;
}

.post-relacionadas ul{
padding-left:24px;
}

.post-relacionadas li{
font-size:18px;
line-height:1.5;
margin-bottom:10px;
}

/* ====================================
   MOBILE
==================================== */

@media (max-width:768px){

.post-hero{
padding:110px 6% 60px 6%;
}

.post-hero .lb-hero-container{
flex-direction:column;
gap:35px;
}

.post-hero h1{
font-size:34px;
line-height:1.1;
max-width:100%;
}

.post-hero .lb-hero-right{
max-width:100%;
}

.post-hero .lb-hero-text{
font-size:16px;
}

.post-content-wrap{
padding:0 18px 60px 18px;
}

.blog-content p{
font-size:17px;
line-height:1.55;
}

.blog-content h2{
font-size:24px;
padding:12px 14px;
}

.blog-content h3{
font-size:21px;
}

.blog-content li{
font-size:17px;
}

.post-share-buttons{
flex-direction:column;
align-items:center;
}

.post-share-buttons .lb-btn{
width:100%;
max-width:300px;
text-align:center;
}

}