Update Estilo.Css

Estilo.Css

@@ -365,4 +365,38 @@ input, textarea {
 .text-4xl {
   font-size: 2.25rem;
 }
+/* Animaciones para el menú móvil */
+#mobileMenu {
+  transition: all 0.3s ease-in-out;
+  opacity: 0;
+  transform: translateY(-10px);
+  max-height: 0;
+  overflow: hidden;
+}
+
+#mobileMenu.menu-open {
+  opacity: 1;
+  transform: translateY(0);
+  max-height: 100vh;
+}
+
+/* Asegurar que los enlaces del menú móvil sean fáciles de tocar */
+#mobileMenu a {
+  display: block;
+  padding: 0.75rem 1rem;
+  transition: background-color 0.2s ease;
+}
 
+/* Efecto hover para dispositivos que lo soportan */
+@media (hover: hover) {
+  #mobileMenu a:hover {
+      background-color: rgba(255, 255, 255, 0.1);
+  }
+}
+
+/* Ajustes para el menú de escritorio */
+@media (min-width: 768px) {
+  #mobileMenu {
+      display: none !important;
+  }
+}