diff --git a/apps/web/src/lib/styles/base.css b/apps/web/src/lib/styles/base.css
index 56a1205..31bcbbf 100644
--- a/apps/web/src/lib/styles/base.css
+++ b/apps/web/src/lib/styles/base.css
@@ -75,8 +75,18 @@ input[type="submit"] {
 	background: var(--color-surface);
 	color: var(--color-text);
 	cursor: pointer;
+	box-shadow: var(--shadow-sm);
+	transition: box-shadow 0.15s ease, transform 0.05s ease;
 }
 
+button:hover,
+button:focus-visible {
+	box-shadow: var(--shadow-md);
+}
+button:active {
+	transform: translateY(0.5px) scale(0.99);
+	box-shadow: var(--shadow-sm);
+}
 button.primary {
 	background: var(--color-primary);
 	border-color: var(--color-primary);
diff --git a/apps/web/src/lib/ui/layout/AppShell.svelte b/apps/web/src/lib/ui/layout/AppShell.svelte
index 783b805..f2e5a9f 100644
--- a/apps/web/src/lib/ui/layout/AppShell.svelte
+++ b/apps/web/src/lib/ui/layout/AppShell.svelte
@@ -72,7 +72,6 @@
     z-index: 10;
     background: var(--color-surface);
     border-bottom: 1px solid var(--color-border);
-    box-shadow: var(--shadow-sm);
     backdrop-filter: saturate(180%) blur(8px);
     -webkit-backdrop-filter: saturate(180%) blur(8px);
   }
diff --git a/apps/web/src/lib/ui/layout/Card.svelte b/apps/web/src/lib/ui/layout/Card.svelte
index 8c3243f..3dfcc19 100644
--- a/apps/web/src/lib/ui/layout/Card.svelte
+++ b/apps/web/src/lib/ui/layout/Card.svelte
@@ -7,7 +7,7 @@
     background: var(--color-surface);
     border: 1px solid var(--color-border);
     border-radius: var(--radius-md);
-    box-shadow: var(--shadow-sm);
+    /* sin sombra: contenedor no interactivo */
     padding: var(--space-1);
     position: relative;
   }