diff --git a/frontend/src/views/LandingView.vue b/frontend/src/views/LandingView.vue index 46ebb6b..cbfa24d 100644 --- a/frontend/src/views/LandingView.vue +++ b/frontend/src/views/LandingView.vue @@ -151,19 +151,19 @@ const scrollToInstall = () => { top: 0; left: 0; right: 0; - height: 90px; + height: 140px; z-index: 1000; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; align-items: center; - background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, transparent 100%); + background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, transparent 100%); } .nav-minimal.scrolled { background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); - height: 75px; + height: 100px; border-bottom: 1px solid rgba(255,255,255,0.05); } @@ -178,9 +178,14 @@ const scrollToInstall = () => { } .brand-logo-img { - height: 50px; + height: 100px; /* Doble del tamaño anterior */ width: auto; object-fit: contain; + transition: height 0.3s ease; +} + +.nav-minimal.scrolled .brand-logo-img { + height: 70px; } .nav-links { @@ -242,7 +247,7 @@ const scrollToInstall = () => { .hero-content { position: relative; z-index: 1; - padding-top: 140px; /* Bajar el texto más */ + padding-top: 200px; /* Bajar el texto aún más para el logo gigante */ } .hero-title {