/* Estilos do componente `section_title`.
   Extraídos do Twig: eram emitidos inline a cada invocação, e páginas com
   várias seções (política de cookies, privacidade, termos, sobre) recebiam
   o mesmo bloco repetido uma vez por seção. */
.section-title{
    position: relative;
    color: #39258d;
    font-size: 1.25rem;
    line-height: 1.2;
    display: inline-flex;
    flex-wrap: nowrap;
    gap: .6rem;
    padding-left: .9rem;
    margin: 0;
}

.section-title::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0; 
    bottom: 0;
    width: 4px;
    background: var(--hl, #e756a1);
    border-radius: 3px;
}

.title-text{
    min-width: 0;
    word-break: break-word;
}

.title-bar{ display: none; }

@media (max-width: 576px){
    .section-title{ font-size: 1rem; }
}