diff --git a/styles.css b/styles.css
index 0f24c4d..aec1c43 100644
--- a/styles.css
+++ b/styles.css
@@ -343,3 +343,62 @@ header:hover .header-bg {
         font-size: 1.2rem;
     }
 }
+
+/* Seções de Dashboards */
+.dashboard-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1.5rem;
+    justify-content: center;
+}
+
+.dashboard-card {
+    width: 100%;
+    max-width: 350px; /* Reduzir o tamanho máximo da imagem */
+    height: auto;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    overflow: hidden;
+    background-color: rgba(255, 255, 255, 0.8); /* Fundo mais leve */
+}
+
+.dashboard-card img {
+    width: 100%;
+    height: auto; /* Ajusta automaticamente para a altura */
+    object-fit: cover; /* Garante o preenchimento da imagem */
+}
+
+/* Ajusta o tamanho das imagens no header */
+.profile-img {
+    width: 200px; /* Ajuste o tamanho conforme necessário */
+    height: 200px;
+    border-radius: 50%;
+}
+
+/* Ajusta o tamanho das imagens no dashboard */
+.dashboard-item img, .maintenance-system img {
+    width: 100%; /* Ajusta a largura para 100% do container */
+    max-width: 800px; /* Limita a largura máxima */
+    height: auto; /* Mantém a proporção da imagem */
+    object-fit: cover; /* Ajusta a imagem dentro do container sem deformá-la */
+}
+
+/* Para os gráficos, ajusta o tamanho dos containers */
+.chart-container {
+    width: 100%;
+    max-width: 800px; /* Limita a largura máxima */
+    margin: 0 auto; /* Centraliza os gráficos */
+}
+
+#produtividadeChart, #barChart, #lineChart {
+    width: 100%;
+    height: 400px; /* Ajusta a altura do gráfico */
+}
+
+/* Imagens pequenas em seções específicas */
+section img {
+    width: 100%; /* Ajusta para 100% da largura do container */
+    max-width: 600px; /* Limita a largura máxima */
+    height: auto;
+}
+