/* =======================================================
   ARQUIVO: categoria.css
   Estilo da página de resultados de categorias
   ======================================================= */

.secao-categoria-resultados {
    padding: 50px 20px 80px 20px;
    background-color: #ffffff;
    min-height: 50vh;
}

.container-categoria {
    max-width: 1200px;
    margin: 0 auto;
}

/* O novo cabeçalho alinhado à esquerda */
.cabecalho-breadcrumb {
    text-align: left;
    margin-bottom: 50px;
}

.titulo-pagina-categoria {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 3.5rem; /* Tamanho grande para igualar a proporção da imagem */
    margin: 0;
}

/* A parte "blog /" em vermelho e negrito */
.texto-vermelho {
    color: #e30613; /* Vermelho Fllumen */
    font-weight: 700;
}

/* O nome da categoria em cinza escuro/azulado mais fino */
.texto-cinza {
    color: #3e4b5b; /* Tom exato de cinza chumbo da foto */
    font-weight: 500;
}

/* Tratamento para quando não há posts */
.mensagem-erro-categoria {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    color: #555;
    font-size: 1.2rem;
    padding: 20px 0;
}