fix: resolve 5 UI issues from post-deploy review

- CloudDivider: replace Tailwind fill classes with inline CSS var() (fixes black separators)
- ServiceCard: add p-6 md:p-7 padding, reduce border-top to 3px (fixes broken card layout)
- Hero: increase eyebrow font-size 0.7rem→0.8rem, badges text-sm→text-base (fixes tiny fonts)
- LenisScroll: duration 1.2→0.8, remove double RAF bug, add ScrollTrigger.update sync, reduced-motion guard (fixes slow scroll + missing animations)
- global.css: remove scroll-behavior:smooth from html (conflicted with Lenis)
This commit is contained in:
Mauricio López Coria
2026-07-01 23:44:28 -03:00
parent 9aeaeafa3f
commit 1db0e7a185
6 changed files with 36 additions and 40 deletions
+1 -1
View File
@@ -100,7 +100,7 @@ const { t, whatsappUrl } = Astro.props;
</a>
</div>
<div id="hero-badges" class="flex flex-wrap items-center gap-x-8 gap-y-3 text-sm opacity-0" style="color: var(--hds-fg-muted);">
<div id="hero-badges" class="flex flex-wrap items-center gap-x-8 gap-y-3 text-base opacity-0" style="color: var(--hds-fg-muted);">
<span class="flex items-center gap-2">
<span style="color: var(--color-hds-naranja);">●</span>
{t('hero.badge26')}