/* ============================================================
   Cabecera Blog – estilos frontend
   Especificidad reforzada con "body section.cabecera-blog"
   para no ser pisados por style.css global.
   ============================================================ */

body section.cabecera-blog {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0 60px;
    height: 100%;
}

body section.cabecera-blog .row-top {
    margin-bottom: 30px;
}

body section.cabecera-blog .titulo-pequeno {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}

body section.cabecera-blog h1 {
    color: #fff;
    margin: 0;
}

body section.cabecera-blog .texto {
    color: #fff;
}

body section.cabecera-blog .texto p {
    color: #fff;
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 991px) {

    body section.cabecera-blog .row-bottom .col-lg-3,
    body section.cabecera-blog .row-bottom .col-lg-4 {
        margin-bottom: 20px;
    }
}