<style>
/* ========================================================================= */
/* --- RESET DE ESTILOS DO CONFLUENCE (GARANTIA) --- */
/* ========================================================================= */
/* Esta parte garante que o header padrão do Confluence não irá interferir. */
#title-text, .page-description {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ========================================================================= */
/* --- HEADER BANNER PERSONALIZADO --- */
/* ========================================================================= */
.custom-header {
    position: relative;
    height: 200px;
    width: 100%;
    border-radius: 12px;
    margin-bottom: 80px;
    
    /* IMAGEM DE FUNDO ATUALIZADA */
    background-image: url('https://tdn.totvs.com/download/attachments/961641951/header%20capacita%C3%A7%C3%A3o%20de%20terceiros.png?api=v2');
    background-size: cover;
    background-position: center;
    
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
    box-sizing: border-box;
    font-family: Verdana, sans-serif;
}

.header-text-content .main-title {
    font-size: 2.5em; /* Aumentei um pouco para dar mais destaque */
    font-weight: bold;
    line-height: 1.1;
    margin: 0;
}

.home-button {
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
}

.home-button img {
    width: 35px;
    height: 35px;
    margin-left: 10px;
}

</style>

 
<div class="custom-page-container">

   <div class="custom-header">
    <div class="header-text-content">
        <h2 class="main-title"></h2>
    </div>
    <a href="https://tdn.totvs.com/display/GDTDS" class="home-button">
        <span>Voltar à HOME</span>
        <img src="https://tdn.totvs.com/download/attachments/632845879/home-icon-branca.png?api=v2"/>
    </a>
</div>