/* Variáveis para consistência visual */
:root {
–cor-categoria: #4052B5;
–cor-texto-categoria: #ffffff;
–cor-titulo: #1a1a1a;
–cor-autor: #333333;
–cor-data: #666666;
–cor-marca: #777777;
–borda-leve: #eeeeee;
}

/* Reset básico para garantir consistência */
.artigo-header * {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Container principal – isolado com classe única */
.artigo-header {
width: 100%;
max-width: 100%;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen-Sans, Ubuntu, Cantarell, “Helvetica Neue”, sans-serif;
margin-bottom: 40px;
overflow: hidden;
}

/* Banner da categoria */
.artigo-categoria {
background-color: var(–cor-categoria);
padding: 20px 0;
text-align: center;
width: 100%;
margin-bottom: 20px;
}

.artigo-categoria-texto {
color: var(–cor-texto-categoria);
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Área do título */
.artigo-titulo {
text-align: center;
padding: 0 15px;
margin-bottom: 25px;
}

.artigo-titulo h1 {
font-size: 32px !important;
font-weight: 700 !important;
color: var(–cor-titulo) !important;
line-height: 1.2 !important;
}

/* Área de metadados (autor e marca) */
.artigo-meta {
border-top: 1px solid var(–borda-leve);
border-bottom: 1px solid var(–borda-leve);
padding: 15px;
margin-bottom: 30px;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}

/* Informações do autor */
.artigo-autor {
display: flex;
align-items: center;
}

.artigo-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
}

.artigo-nome {
font-weight: bold;
margin-right: 10px;
color: var(–cor-autor);
}

.artigo-data {
color: var(–cor-data);
}

/* Marca do conteúdo */
.artigo-marca {
color: var(–cor-marca);
font-size: 12px;
text-align: right;
}

/* Media queries para responsividade */
@media (max-width: 600px) {
.artigo-meta {
flex-direction: column;
align-items: flex-start;
}

.artigo-marca {
margin-top: 10px;
margin-left: 50px; /* Alinha com o texto do autor */
}
}

CATEGORIA DO ARTIGO

Título do Seu Artigo

Nome do Autor
14 de Maio de 2025

CONTEÚDO DE MARCA