diff --git a/apps/web/src/app.css b/apps/web/src/app.css index 5af36f7..865aaf1 100644 --- a/apps/web/src/app.css +++ b/apps/web/src/app.css @@ -21,60 +21,6 @@ @apply font-medium flex items-center justify-center gap-2 text-center px-4 py-2 rounded-xl border border-error bg-base-100 hover:bg-error/60 active:bg-error text-error hover:text-white active:text-white transition-colors; } -:where(.card, .card-hover) { - position: relative; - overflow: hidden; - transform: translateY(0); - transition: transform 220ms ease, box-shadow 220ms ease; -} - -:where(.card, .card-hover)::before { - content: ""; - position: absolute; - inset: -2px; - border-radius: 1.15rem; - box-shadow: - 0 0 0 1px hsl(var(--bc) / 0.04), - 0 14px 32px -22px hsl(var(--bc) / 0.45), - 0 6px 18px -16px hsl(var(--p) / 0.35); - opacity: 0.55; - transition: opacity 220ms ease, transform 220ms ease; - pointer-events: none; - z-index: 0; -} - -:where(.card, .card-hover)::after { - content: ""; - position: absolute; - inset: 0; - border-radius: 1rem; - background: linear-gradient(135deg, hsl(var(--p) / 0.12), hsl(var(--s) / 0.12)); - opacity: 0; - transform: scale(0.96); - transition: opacity 220ms ease, transform 220ms ease; - pointer-events: none; - z-index: 1; -} - -:where(.card, .card-hover):hover { - transform: translateY(-6px); - box-shadow: 0 20px 45px -20px hsl(var(--bc) / 0.35); -} - -:where(.card, .card-hover):hover::before { - opacity: 0.9; - transform: scale(1); -} - -:where(.card, .card-hover):hover::after { - opacity: 1; - transform: scale(1); -} - -:where(.card, .card-hover) > * { - position: relative; - z-index: 2; -} /* Tema Aqua (padrĂ£o roxo/azul) - customizado para garantir funcionamento */ html[data-theme="aqua"], diff --git a/apps/web/src/routes/(dashboard)/ti/+page.svelte b/apps/web/src/routes/(dashboard)/ti/+page.svelte index faa37e5..1a5f058 100644 --- a/apps/web/src/routes/(dashboard)/ti/+page.svelte +++ b/apps/web/src/routes/(dashboard)/ti/+page.svelte @@ -425,7 +425,7 @@
{#each featureCards as card (card.title)}