.blog-post-detalle {
font-family: 'Inter', sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 40px 20px;
color: #1a1a1a;
} .blog-post-titulo {
font-size: 28px;
font-weight: 700;
text-align: center;
margin-bottom: 8px;
line-height: 1.4;
} .blog-post-meta {
font-size: 14px;
text-align: center;
color: #666;
margin-bottom: 32px;
} .blog-post-img img {
width: 100%;
max-height: 480px;
object-fit: cover;
border-radius: 20px;
margin-bottom: 40px;
display: block;
} .blog-post-texto {
font-size: 16px;
line-height: 1.8;
color: #333;
} .blog-post-texto p {
margin-bottom: 24px;
} .blog-post-texto h2,
.blog-post-texto h3 {
margin-top: 40px;
margin-bottom: 16px;
font-weight: 600;
color: #1a1a1a;
} .blog-post-texto ul {
margin-left: 20px;
margin-bottom: 24px;
}
.blog-post-texto li {
margin-bottom: 8px;
} .blog-post-texto img {
max-width: 100%;
height: auto;
border-radius: 12px;
margin: 20px 0;
} .blog-post-texto hr {
border: none;
border-top: 1px solid #eee;
margin: 40px 0;
} .blog-post-footer {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #f0f0f0;
padding-top: 30px;
margin-top: 40px;
flex-wrap: wrap;
gap: 16px;
}
.blog-post-footer-autor {
display: flex;
align-items: center;
gap: 12px;
font-weight: 500;
font-size: 16px;
color: #1a1a1a;
}
.blog-post-footer-autor img {
height: 24px;
width: auto;
}
.blog-post-footer-share {
display: flex;
align-items: center;
gap: 18px;
}
.blog-post-footer-share .icon-link {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #2d2d2d;
text-decoration: none;
}
.blog-post-footer-share .icon-social img,
.blog-post-footer-share .icon-link img {
width: 20px;
height: 20px;
} @media screen and (max-width: 768px) {
.blog-post-titulo {
font-size: 24px;
}
.blog-post-img img {
max-height: 300px;
border-radius: 12px;
}
.blog-post-texto {
font-size: 15px;
}
}