#blog .callout-1 {
    padding: 50px 0 100px;
}
#blog .callout-1 .blog {
    max-width: 380px;
    width: 100%;
    margin: 0 auto 40px;
}
.fecha {
    font-size: 15px;
    color: var(--color1);
}
#blog .callout-1 .blog .linka a {
    font-size: 20px;
    line-height: 1.1;
    color: var(--color1);
}
#blog .callout-1 .blog .linka a:hover {
    color: var(--color2);
}
#blog .callout-1 .terminos > * {
    padding-bottom: 20px;
    text-align: justify;
}
#blog .callout-2 {
    padding: 50px 0 100px;
}
#blog .callout-2 h4 {
    color: var(--color1);
    font-size: 22px;
}
#blog .callout-2 h4 a {
    color: var(--color1);
    font-size: 15px;
}
#blog .callout-2 h4 a:hover {
    color: var(--color2);
}
#blog .callout-2 h1 {
    font-size: 35px;
    color: var(--color2);
}
#blog .callout-2 .detalle > * {
    font-size: 20px;
    padding-bottom: 15px;
}
#blog .callout-2 .detalle > p,
#blog .callout-2 .detalle > ul li {
    font-size: 16px;
}