:root {
    --color-camaleon-dark: #9c7044;
    --color-camaleon-medium: #b48555;
    --color-camaleon-light: #e9e0c5;
    --color-font-followlink: white;
    --size-font-contenido: large;
    --size-content-width: 50%;
    --size-content-minwidth: 300px;
    --size-article-minwidth: 100%;
    --size-article-maxwidth: 100%;
    --size-article-m-minwidth: 330px;
    --size-article-m-maxwidth: 100%;

}

.last-blogger-content {
    width: 50%;
    min-width: var(--size-content-minwidth);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: var(--responsive--aligndefault-width);
}

.last-blogger-article {
    width: 100%;
    min-width: var(--size-article-minwidth);            
    max-width: var(--size-article-maxwidth);            
    margin: 0.5em auto;
    /*border: 1px solid  var(--color-camaleon-dark); */
    border-radius: 0.5em;
    background-color: var(--color-camaleon-light);
}

.last-blogger-article a {
    text-decoration: none;
}

.last-blogger-titulo {
    background-color: var(--color-camaleon-dark);
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    padding: 0.3em;
}

.last-blogger-publish {
    text-align: right;
    padding: 0.3em;
    padding-right: 0.5em;
    background-color: var(--color-camaleon-medium);
}

.last-blogger-contenido {
    display: inline-flex;
    padding: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}

.last-blogger-contenido .separator {
    display: inline-block;
    vertical-align: top;
    margin-top: 1em;
    margin-bottom: 1em;
    /* float: left; */
}

.last-blogger-contenido .separator a {
    clear: left;
    float: left;
    padding: 0 !important;
    margin-bottom: 1em;
    margin-right: 1em;
    pointer-events: none;
}

.last-blogger-contenido .separator a img {
    vertical-align: middle;
    border-radius: .5em;
    /*height: 180px;*/
    width: auto;
}

.last-blogger-followlink {
    width: 50%;
    margin: 0.5em auto;
    text-align: center;
    padding-bottom: 0.5em;
}

.last-blogger-followlink a {
    padding: 0.3em;
    background-color: var(--color-camaleon-dark);
    border: 1px solid black;
    border-radius: 0.5em;
    color: var(--color-font-followlink);
    font-size: var(--size-font-contenido);
}

@media only screen and (max-width: 480px) {

    .last-blogger-article {
        min-width: var(--size-article-m-minwidth);
        max-width: var(--size-article-m-maxwidth);
    }

}