.blog {
    max-width: 560px;
    margin: 0 auto 30px;
}
.blog .deta {
    padding: 10px 15px;
}
.blog .deta a {
    font-size: 20px;
    color: var(--colorTexto);
    line-height: 1.2;
}
.blog .deta a:hover {
    color: var(--color1);
}
.flex-proceso figure {
    height: 146px;
}
.flex-proceso p.title {
    font-size: 20px;
    line-height: 1.2;
}
.flex-proceso i {
    font-size: 35px;
    line-height: 35px;
    height: 35px;
    color: var(--color1);
}
blockquote.title-audio {
    font-size: 24px;
}
.flex-audio {
    max-width: 630px;
    margin: 0 auto 20px;
}
.centro-lateral {
    max-width: 780px;
    margin: 0 auto;
    height: 278px;
    padding: 15px;
}
.centro-lateral::after,
.centro-lateral::before {
    content: '';
    width: 84px;
    height: 278px;
    position: absolute;
    background: url(../img/iconos/lateral.png) no-repeat;
    left: 0;
}
.centro-lateral::after {
    left: inherit;
    right: 0;
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

@media screen and (max-width: 768px){
    .blog .deta {
        padding: 10px 0;
    }
    .flex-proceso p.title {
        font-size: 18px;
    }
}