From f8711dd464492561cd09570744d09e192091bea9 Mon Sep 17 00:00:00 2001 From: alexandrump Date: Thu, 29 Oct 2026 21:09:13 +0000 Subject: [PATCH] feat: quitar imagen de fondo fondo.jpg del hero --- public/styles.css | 14 ++++---------- 1 file changed, 4 insertions(+), 10 deletions(-) diff --git a/public/styles.css b/public/styles.css index 66b2d85..301b033 100644 --- a/public/styles.css +++ b/public/styles.css @@ -50,20 +50,14 @@ a { color: inherit; text-decoration: none; } .hero-bg { position: absolute; inset: 0; background: - radial-gradient(60% 50% at 50% 38%, rgba(46, 230, 255, .16), transparent 70%), - linear-gradient(180deg, rgba(6, 8, 13, .78) 0%, rgba(6, 8, 13, .92) 65%, var(--bg) 100%), - url("img/fondo.jpg") center 40% / cover no-repeat; - filter: blur(2px) saturate(.9); - transform: scale(1.04); - animation: drift 18s ease-in-out infinite alternate; + radial-gradient(60% 50% at 50% 38%, rgba(46, 230, 255, .18), transparent 70%), + linear-gradient(180deg, rgba(6, 8, 13, .60) 0%, var(--bg) 100%); } @media (max-width: 760px) { - /* en vertical la foto se muestra entera (ancho completo, arriba) y se funde con el fondo por abajo */ .hero-bg { background: - radial-gradient(70% 38% at 50% 40%, rgba(46, 230, 255, .14), transparent 70%), - linear-gradient(180deg, rgba(6, 8, 13, .78) 0%, rgba(6, 8, 13, .85) 40%, var(--bg) 55%), - url("img/fondo.jpg") top center / 100% auto no-repeat var(--bg); + radial-gradient(70% 38% at 50% 40%, rgba(46, 230, 255, .16), transparent 70%), + linear-gradient(180deg, rgba(6, 8, 13, .60) 0%, var(--bg) 60%); } } @keyframes drift { to { transform: scale(1.08) translateY(-1%); } }