carreiraagronomia

pages/carreira-em-agronomia.html

@@ -11,8 +11,8 @@
     <link rel="stylesheet" href="../css/global/footer.css">
 
     <link rel="icon" href="../img/icon.png">
+
     <script src="../functions/global/header.js"></script>
-
     <script src="../functions/pages/scroll-suave.js"></script>
 
     <title>Carreira em Agronomia</title>
@@ -84,13 +84,18 @@ <h2 class="detailsTitle">
                         <p class="detailsDescription">
                             Em resumo, a agronomia visa não apenas aumentar a produtividade agrícola, mas também garantir a sustentabilidade e a conservação dos recursos naturais, essencial para a segurança alimentar e o equilíbrio ambiental.
                         </p>
+                        <div class="overlay"></div>
                     </div>
                     <figure class="detailsImg">
-                        <img src="" alt="Imagem ilustrativa sobre agronomia">
+                        <img src="../img/agricultura-de-precisao.jpg" alt="">
                     </figure>
+                    <div class="transparente"></div>
                 </section>
 
                 <section class="detailsCards">
+                    <figure class="detailsImg">
+                        <img src="../img/agricultura-de-precisao.jpg" alt="">
+                    </figure>
                     <div class="detailsContent">
                         <h2 class="detailsTitle">
                             Áreas de Atuação
@@ -99,9 +104,6 @@ <h2 class="detailsTitle">
                             Agrônomos podem atuar em várias áreas, cada uma com suas próprias demandas e desafios. Na produção agrícola, eles trabalham com o cultivo de plantas, manejo de solo e recursos hídricos para maximizar a produtividade e a saúde das culturas. Em pesquisa e desenvolvimento, agrônomos se concentram em inovar e melhorar técnicas agrícolas, desenvolver novos produtos e tecnologias, e resolver problemas específicos do setor. A gestão de recursos naturais envolve a conservação e o uso sustentável do solo, água e outros recursos naturais, aplicando práticas para minimizar impactos ambientais e promover a sustentabilidade. Além disso, eles podem atuar na consultoria e extensão rural, oferecendo suporte técnico e aconselhamento para agricultores e comunidades rurais, ajudando a implementar melhores práticas e tecnologias.
                         </p>
                     </div>
-                    <figure class="detailsImg">
-                        <img src="" alt="Imagem ilustrativa sobre áreas de atuação em agronomia">
-                    </figure>
                 </section>
 
                 <section class="detailsCards">

sass/global/header.scss

@@ -123,7 +123,7 @@ header {
 }
 
 main {
-    padding: 5em 0 0 0;
+    padding: 5em 0em 0em 0em;
 }
 
 @media (max-width:1000px) {
@@ -172,6 +172,6 @@ main {
     }
 
     main {
-        padding: 5.5em 0;
+        padding: 5.5em 0em 0em 0em;
     }
 }

sass/pages/carreira-em-agronomia.scss

@@ -61,13 +61,25 @@ html {
                 margin: 0 auto;
                 font-family: "Raleway", sans-serif;
                 color: white;
+                box-shadow: -1px 1px 20px 0px black;
+                max-height: 16em;
+                overflow: hidden;
+                transition: max-height 0.8s linear;
+
+                display: flex;
+
+                &:hover,
+                &:focus-within {
+                  max-height: 100em; // Expande para 100% da altura da visualização
+                }
 
                 .detailsContent {
-                    width: 60em;
+                    max-width: 60em;
                     margin: 0 auto;
                     display: flex;
                     flex-direction: column;
                     gap: 1rem;
+                    width: 50%;
 
                     .detailsTitle {
                         font-weight: 800;
@@ -89,11 +101,78 @@ html {
                     }
                 }
 
+                .detailsImg {
+                    width: 30%;
+
+                    img {
+                        max-width: 100%;
+                        object-fit: cover;
+                        height: 100%;
+                    }
+                }
+
                 &:nth-child(even) {
                     background-color: $light-cream;
                     color: $vivid-green;
                 }
             }
         }
     }
+}
+
+@media (max-width: 1000px) {
+    .main-container {
+        .main-content {
+            .detailsPage {
+                .detailsCards {
+                    .detailsContent {
+                        .detailsDescription, .detailsList {
+                            font-size: 1.2em;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+@media (max-width: 768px) {
+    .main-container {
+        .main-content {
+            flex-direction: column;
+
+            .detailsPage {
+                order: 2;
+
+                .detailsCards {
+                    flex-direction: column;
+
+                    .detailsContent {
+                        width: 100%;
+                        padding: 1.5em;
+
+                        .detailsTitle {
+                            font-size: 2em;
+                            text-align: center;
+                        }
+
+                        .detailsDescription {
+                            text-align: justify;
+                        }
+                    }
+
+                    .detailsImg {
+                        order: 2;
+                        width: 100%;
+                    }
+
+                    &:focus-within,
+                    &:hover {
+                        max-height: 120em; // Expande para 100% da altura da visualização
+                        transition: max-height 0.5s ease-out;
+                    }
+                }
+            }
+        }
+    }
 }