.) Ficam de fora: slides de imagem (sem
) e os de layout próprio (fuzzing_02 e ia_02). Ao criar um novo slide de conteúdo, inclua o
aqui. (Exceção: resultados/conclusões têm bloco próprio, com fonte menor.) */ #paralelo span, #paralelo p, #observacao_direta p, #paralelo_2 p, #tecnicas p, #revisao_manual p, #analise_estatica_01 p, #analise_estatica_02 p, #fuzzing_01 p, #fuzzing_02 p, #analise_baseada_em_ia_01 p, #analise_baseada_em_ia_02 p, #ferramentas p, #ferramentas_analise_estatica_00 p, #ferramentas_analise_estatica_01 p, #ferramentas_fuzzing_01 p, #ferramentas_ia_01 p { font-size: var(--fs-paragrafo); text-align: center; color: var(--cor-texto); padding-top: var(--espaco-paragrafo); } /* --- titulo --- */ /* Só ajusta o respiro do título; o resto do slide usa os tamanhos base. */ #titulo h1 { padding-top: 30px; } /* --- quem_sou --- */ /* Com o conteúdo centralizado verticalmente (flex em .slide), o hack de margem negativa não é mais necessário; um respiro positivo separa a lista do título. O fundo transparente tira o cinza padrão das listas (base ul, acima). */ #quem_sou ul { margin-top: 40px; padding-left: 160px; background-color: transparent; } #quem_sou li { font-size: 70px; } /* --- paralelo --- */ /* A tabela "Biologia : Programação" fica num cartão suave (cantos arredondados, leve preenchimento e sombra), combinando com o cartão branco do slide. */ .table-container { display: flex; justify-content: center; padding: 10px 40px; background: rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 16px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } #paralelo table { margin: 30px; } /* Alinhamento das colunas em direção aos dois-pontos centrais: alinhamos as células da tabela, que é o que tem efeito sobre o conteúdo inline. */ #paralelo td:first-child { text-align: right; } #paralelo td:last-child { text-align: left; } /* Respiro ao redor do ":" central. */ #paralelo .dois_pontos { margin-left: 15px; margin-right: 15px; } /* --- registro_indicios --- */ /* Subtítulo menor que o
(ia_03, achado_01, resultados_04) ---
Texto centralizado com setas ↓ entre as etapas; linhas compactas.
(Antes eram estilos inline em cada .) */
#ferramentas_ia_03 pre,
#achado_01 pre,
#resultados_04 pre {
font-size: 62px;
line-height: 90%;
text-align: center;
}
/* O fluxo de ia_03 tem menos etapas, então cabe maior. */
#ferramentas_ia_03 pre {
font-size: 80px;
}
/* --- capivarias --- */
/* Vídeos e imagem lado a lado, na mesma altura.
(Antes eram estilos inline em cada elemento.) */
#capivarias video,
#capivarias img {
height: 650px;
}
/* --- resultados_pub (capturas de publicações) --- */
#resultados_pub_01 img {
height: 70%;
}
#resultados_pub_02 img {
height: 650px;
}
/* --- resultados / conclusoes --- */
/* Slides densos em números: parágrafos centralizados como no seletor
compartilhado, mas um pouco menores (60px) para as linhas com métricas
(ex.: "Free threading: 4.556+ corridas, 30+ crashes") caberem sem quebra. */
#resultados_01 p,
#resultados_02 p,
#resultados_03 p,
#conclusoes_01 p,
#conclusoes_02 p,
#conclusoes_03 p,
#recursos p {
font-size: var(--fs-paragrafo-denso);
text-align: center;
color: var(--cor-texto);
padding-top: var(--espaco-paragrafo);
}
/* Títulos longos ("Importância das ..."): reduzidos para caber numa linha,
mesmo tratamento dos títulos de ferramentas_ia. */
#conclusoes_01 h1,
#conclusoes_02 h1 {
font-size: var(--fs-h1-menor);
padding-bottom: 30px;
}
/* --- fechamento --- */
/* Parágrafos à esquerda (alinhamento padrão), maiores. */
#fechamento p {
font-size: 65px;
color: var(--cor-texto);
}
/* --- convite --- */
#convite p {
font-size: 85px;
color: var(--cor-texto);
}
/* --- contato --- */
/* Slide alinhado à esquerda, com o QR code no canto superior direito.
display:block reverte o flex de .slide: o contato tem composição própria
(conteúdo fluindo do topo). O #fff no atalho mantém o cartão branco (senão o
background do contato sobrescreveria o branco herdado de .slide). */
#contato {
display: block;
font-size: 60px;
text-align: left;
color: var(--cor-texto);
background: #fff url("../images/qrcode.svg") no-repeat right top / 530px;
}
#contato h1 {
line-height: 100%;
padding-bottom: 0;
}
/* vertical-align: top alinha o texto ao topo da linha, junto dos ícones. */
#contato span {
font-size: 70px;
text-align: left;
vertical-align: top;
color: var(--cor-texto);
}
/* =============================== 8. OVERVIEW ============================= */
/* Passo de overview: sem conteúdo, fica escondido para podermos clicar nos
outros passos durante o zoom-out. */
#overview {
display: none;
}
/* No modo overview, todos os passos ficam visíveis e clicáveis. */
.impress-on-overview .step {
opacity: 1;
cursor: pointer;
}
/* =================== 9. BARRA DE PROGRESSO E CONTADOR ==================== */
.impress-progressbar {
position: absolute;
/* As margens reservam espaço: à esquerda para o contador de %, à direita
para a toolbar. Valores afinados para a largura de design (1920px). */
left: 118px;
right: 318px;
bottom: 1px;
border: 2px solid rgb(100, 100, 100);
border-radius: 7px;
}
.impress-progressbar div {
width: 0;
height: 20px;
background: rgb(175, 175, 175);
border-radius: 5px;
transition: width 1s linear;
}
.impress-progress {
position: absolute;
left: 40px;
bottom: 1px;
font-size: 30px;
font-weight: bold;
text-align: left;
color: #000;
background-color: #fff;
}
/* Em telas estreitas (celulares), o cromo da tela encolhe: as margens acima
foram afinadas para janelas de ~1920px e deixariam a barra com largura
negativa num celular. */
@media (max-width: 800px) {
.impress-progressbar {
left: 64px;
right: 8px;
}
.impress-progressbar div {
height: 10px;
}
.impress-progress {
left: 8px;
font-size: 16px;
}
}