1

francopautasso1 · Aug 20, 2024 · cca099d · cca099d
1 parent d86b81a
commit cca099d
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/styles/styles.css b/styles/styles.css
@@ -21,22 +21,25 @@ body, html {
     width: 100%;
     display: flex;
     justify-content: space-around;
-    background-color: rgba(255, 255, 255, 0.5); /* Fondo blanco con 50% de opacidad */
-    backdrop-filter: blur(8px); /* Desenfoque de 8px para un efecto más suave */
+    background-color: rgba(255, 255, 255, 0.3); /* Fondo blanco con 30% de opacidad */
+    backdrop-filter: blur(15px); /* Desenfoque de 15px */
+    -webkit-backdrop-filter: blur(15px); /* Soporte para Safari */
     padding: 15px 0; /* Altura de la barra de navegación */
     box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
-    border-top: 1px solid rgba(255, 255, 255, 0.5); /* Línea delgada semi-transparente */
+    border-top: 1px solid rgba(255, 255, 255, 0.3); /* Línea delgada semi-transparente */
 }
 
 /* Ajustes adicionales para pantallas más pequeñas */
 @media (max-width: 480px) {
     .bottom-nav {
-        background-color: rgba(255, 255, 255, 0.7); /* Aumenta la opacidad a 70% en móviles */
-        backdrop-filter: blur(12px); /* Incrementa el desenfoque para que sea más visible en móviles */
+        background-color: rgba(255, 255, 255, 0.4); /* Incrementa la opacidad a 40% en móviles */
+        backdrop-filter: blur(20px); /* Aumenta el desenfoque a 20px en móviles */
+        -webkit-backdrop-filter: blur(20px); /* Soporte para Safari */
     }
 }
 
 
+
 .nav-item {
     text-align: center;
     text-decoration: none;