Update style.css

Ajustes para deixar mais próximo ao sistema

Author: MarjMart

public/style.css

@@ -130,7 +130,7 @@ body::after {
 
 
 .brand-logo {
-    height: 90px;
+    height: 95px;
     width: auto;
     object-fit: contain;
     display: block;
@@ -354,37 +354,28 @@ body::after {
 }
 
 .dashboard-container {
+    padding: 20px;
+    border-radius: 20px;
+    overflow: hidden;
+    border: 1px solid rgba(15, 23, 42, 0.08);
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
 
-    padding: 14px;
-
-    border-radius: 28px;
-
-    background:
-        rgba(255,255,255,0.35);
-
-    border:
-        1px solid rgba(255,255,255,0.7);
-
-    backdrop-filter: blur(14px);
-
-    box-shadow: var(--sombra-forte);
-
-    transition: var(--transition);
+    transition: all 0.3s ease;
 }
 
 .dashboard-container:hover {
+    transform: translateY(-8px);
 
-    transform:
-        translateY(-8px)
-        rotate(0.5deg);
+    box-shadow:
+        0 28px 55px rgba(0, 0, 0, 0.18);
 }
 
 .dashboard-img {
 
     width: 100%;
-    max-width: 620px;
+    max-width: 700px;
 
-    display: block;
+    border-radius: 18px;
 
     border-radius: 18px;
 }
@@ -417,84 +408,28 @@ body::after {
 
     min-height: 280px;
 
-    border-radius: 28px;
-
-    background:
-        linear-gradient(
-            180deg,
-            rgba(255,255,255,0.96),
-            rgba(255,255,255,0.82)
-        );
-
-    border:
-        1px solid rgba(255,255,255,0.9);
-
-    backdrop-filter: blur(20px);
-
-    transition: var(--transition);
-
-    box-shadow:
-        0 20px 40px rgba(4,57,39,0.06);
-}
-
-.pillar-card::before {
-
-    content: '';
-
-    position: absolute;
-
-    width: 180px;
-    height: 180px;
-
-    top: -80px;
-    right: -80px;
+    border-radius: 20px;
 
-    border-radius: 50%;
+    background: #ffffff;
 
-    background:
-        radial-gradient(
-            circle,
-            rgba(0,168,120,0.18),
-            transparent 70%
-        );
+    border: 1px solid rgba(15, 23, 42, 0.08);
 
     transition: var(--transition);
-}
-
-.pillar-card:hover::before {
-
-    transform: scale(1.2);
-}
-
-.pillar-card:hover {
-
-    transform:
-        translateY(-10px)
-        scale(1.01);
-
-    border-color:
-        rgba(0,168,120,0.22);
 
     box-shadow:
-        0 30px 60px rgba(4,57,39,0.12);
+    0 8px 24px rgba(15, 23, 42, 0.06);
 }
 
-
 /* ÍCONE */
 
 .icon-box {
 
-    width: 68px;
-    height: 68px;
+    width: 60px;
+    height: 60px;
 
     border-radius: 20px;
 
-    background:
-        linear-gradient(
-            135deg,
-            rgba(0,168,120,0.15),
-            rgba(0,168,120,0.05)
-        );
+    background: rgba(0,168,120,0.08);
 
     display: flex;
     align-items: center;