/* =========================================================
   PÁGINA FIXA — título global + imagem à esquerda (40%)
   com texto envolvendo a silhueta (float)
   ========================================================= */
.pagina-fixa{padding:0 0 60px;}
.pagina-fixa::after{content:'';display:block;clear:both;}

/* Imagem à esquerda — 40% da largura, texto envolve */
.pagina-fixa-imagem{
    float:left;
    width:40%;
    margin:6px 32px 18px 0;
    border-radius:14px;
    overflow:hidden;
    background:var(--sj-azul-suave);
    box-shadow:0 18px 36px rgba(0,73,124,.12);
    aspect-ratio:4/3;
}
.pagina-fixa-imagem img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transition:transform .6s ease;
}
.pagina-fixa-imagem:hover img{transform:scale(1.04);}

/* Conteúdo textual — não cria container; flui ao redor da imagem */
.pagina-fixa-conteudo{
    font-size:15.5px;
    line-height:1.85;
    color:var(--sj-texto);
    text-align:justify;
}
.pagina-fixa-conteudo p{margin:0 0 1.1em;}
.pagina-fixa-conteudo strong{color:var(--sj-titulo);font-weight:700;}
.pagina-fixa-conteudo a{color:var(--sj-azul);text-decoration:underline;text-underline-offset:3px;}
.pagina-fixa-conteudo a:hover{color:var(--sj-azul-escuro);}
.pagina-fixa-conteudo ul,.pagina-fixa-conteudo ol{margin:14px 0 18px;padding-left:22px;}
.pagina-fixa-conteudo ul li{list-style:disc;margin-bottom:6px;}
.pagina-fixa-conteudo ol li{list-style:decimal;margin-bottom:6px;}
.pagina-fixa-conteudo h2,.pagina-fixa-conteudo h3{color:var(--sj-titulo);font-weight:800;margin:22px 0 10px;letter-spacing:-.015em;clear:none;}
.pagina-fixa-conteudo h2{font-size:22px;}
.pagina-fixa-conteudo h3{font-size:18px;}
.pagina-fixa-conteudo blockquote{margin:22px 0;padding:16px 22px;background:#eef5fb;border-left:4px solid var(--sj-azul);border-radius:0 10px 10px 0;font-style:italic;color:var(--sj-azul-escuro);}

/* Mobile — imagem deixa de flutuar, ocupa 100% acima do texto */
@media (max-width:760px){
    .pagina-fixa-imagem{float:none;width:100%;margin:0 0 22px;aspect-ratio:16/10;}
    .pagina-fixa-conteudo{text-align:left;font-size:15px;line-height:1.75;}
}