Processo Seletivo /* Define a largura fixa de 745px e centraliza o conteúdo */ .fixed-width { max-width: 745px; margin: 0 auto; } .card { transition: transform 0.7s ease, background-color 0.7s ease; overflow: hidden; position: relative; } .card:hover { transform: scale(1.05); background-color: rgba(5, 39, 0, 0.8); } .card img { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease; } .card:hover img { opacity: 0.5; } /* Texto sobreposto no centro do card */ .overlay-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 1.2rem; font-weight: bold; text-align: center; opacity: 0; transition: opacity 0.3s ease; padding: 10px; } .card:hover .overlay-text { opacity: 1; } /* Estilo para a seção de Processos Anteriores */ .processos-anteriores { margin-top: 5px; } .processos-anteriores h2 { text-align: center; margin-bottom: 30px; color: #052700; } .card-processo-anterior { width: 100%; height: 200px; background-color: #fdcb01; display: flex; justify-content: center; align-items: center; color: #052700; font-size: 1.5rem; font-weight: bold; transition: transform 0.3s ease, background-color 0.3s ease; position: relative; flex-direction: column; border-radius: 20px; } .card-processo-anterior:hover { transform: scale(1.05); background-color: #052700; color: #fdcb01; } .card-processo-anterior i { font-size: 3rem; margin-bottom: 10px; } .card-processo-anterior span { margin-top: 10px; font-size: 1.5rem; } Clique para ver mais informações sobre o processo Clique para ver mais informações sobre o processo Clique para ver mais informações sobre o processo Clique para ver mais informações sobre o processo Clique para ver mais informações sobre o processo Clique para ver mais informações sobre o processo Processos Anteriores 2022 2023
Redes Sociais