diff --git a/src/components/ImageUpload2.jsx b/src/components/ImageUpload2.jsx
index b960c88..c0009f4 100644
--- a/src/components/ImageUpload2.jsx
+++ b/src/components/ImageUpload2.jsx
@@ -37,7 +37,7 @@ function ImageUpload({ files, setFiles }) {
     onDrop,
     accept: 'image/jpeg, image/png',
     maxFiles: 5,
-    maxSize: 5000000 // 5MB
+    maxSize: 50000000 // 5MB
   });
 
   return (
@@ -51,7 +51,7 @@ function ImageUpload({ files, setFiles }) {
           <div className="text-center w-full">
             <div className="text-xs text-gray-600">
               <span className="font-medium text-indigo-600" style={{ marginBottom: '0.5rem' }}>
-                Hasta 5 imágenes en formato PNG o JPG
+                Hasta 5 imágenes (máximo 1 MB cada una) en formato PNG o JPG
               </span>
             </div>
             <svg
@@ -81,13 +81,6 @@ function ImageUpload({ files, setFiles }) {
                   alt={file.name}
                   style={{ width: "30%", height: "auto" }} // ajustar tamaño
                 />
-                <img
-                  src={logo}
-                  alt="Watermark"
-                  style={{ width: "3%", height: "auto", objectFit: "contain" , opacity: "0.5", 
-                     bottom: "0", right: "10" }} //poner el logo dentro de la imagen ahora esta afuera}} //poner el logo dentro de la imagen ahora esta afuera
-                  className="absolute2 bottom-0 right-0 w-1/3 h-1/3 opacity-50" // Ajusta la posición y tamaño del logo
-                />
                 <button
                   className="absolute right-0 top-0 rounded-md bg-transparent border border-gray-300 p-1 hover:bg-gray-200"
                   type="button"
diff --git a/src/pages/users/pagar.jsx b/src/pages/users/pagar.jsx
index 6f3e4d2..40038c4 100644
--- a/src/pages/users/pagar.jsx
+++ b/src/pages/users/pagar.jsx
@@ -22,6 +22,9 @@ function Pagar({ formData, files }) {
     const [openTermsDialog, setOpenTermsDialog] = useState(false);
     const [openPrivacyDialog, setOpenPrivacyDialog] = useState(false);
     const navigate = useNavigate();
+    
+
+    const { subcategoria } = formData;
 
     const handleTermsToggle = () => setOpenTermsDialog(!openTermsDialog);
     const handlePrivacyToggle = () => setOpenPrivacyDialog(!openPrivacyDialog);
@@ -54,6 +57,7 @@ function Pagar({ formData, files }) {
     }
     };
 
+
     const [paymentMethod, setPaymentMethod] = useState(""); // Nueva variable de estado para el método de pago
     const [promoCode, setPromoCode] = useState(""); // Estado para el código promocional
     const [subscriptionPlan, setSubscriptionPlan] = useState(""); // Plan de suscripción seleccionado
@@ -321,16 +325,6 @@ function Pagar({ formData, files }) {
                 <Button className='aceptar' onClick={handlePrivacyToggle}>Ver Políticas de Privacidad</Button>
             </Box>
 
-            <Button 
-                variant="contained" 
-                color="primary" 
-                disabled={!acceptedTerms || !acceptedPrivacy} 
-                onClick={handleSubmit}
-                sx={{ marginTop: 2 }}
-            >
-                Publicar
-            </Button>
-
             {/* Diálogo de Términos y Condiciones */}
             <Dialog open={openTermsDialog} onClose={handleTermsToggle}>
                 <DialogTitle>TÉRMINOS Y CONDICIONES DE USO GEOMAP CONDICIONES GENERALES</DialogTitle>
diff --git a/src/pages/users/publicaciones.jsx b/src/pages/users/publicaciones.jsx
index 8a04220..d30b769 100644
--- a/src/pages/users/publicaciones.jsx
+++ b/src/pages/users/publicaciones.jsx
@@ -3,7 +3,6 @@ import { useNavigate } from 'react-router-dom';
 import '../../styles/users/publicaciones.css'; 
 import Navbar from '../../components/Navbar';
 import Footer from '../../components/Footer';
-import MostrarPublicacion from './ymostrar.jsx';
 
 function Publicaciones() {
   const navigate = useNavigate();
@@ -20,7 +19,7 @@ function Publicaciones() {
         
         <div className="publicaciones-list">
           <p>No tienes publicaciones aún. ¡Crea una nueva publicación para empezar!</p>
-          <MostrarPublicacion/>
+
         </div>
         <button className="publication-button" onClick={handleClick}>
           Crear nueva publicación
diff --git a/src/pages/users/publicar.jsx b/src/pages/users/publicar.jsx
index 43c6d76..d2296b5 100644
--- a/src/pages/users/publicar.jsx
+++ b/src/pages/users/publicar.jsx
@@ -5,7 +5,6 @@ import Navbar from '../../components/Navbar';
 import Footer from '../../components/Footer';
 import ImageUpload from '../../components/ImageUpload2';
 import Pagar from './pagar.jsx';
-
 import Notification from './notificaciones.jsx'
 import EventosForm from './zeventos.jsx';
 import HospedajeForm from './zhospedaje.jsx';
@@ -20,14 +19,12 @@ import MascotaForm from './zmascota.jsx';
 import EntretenimientoForm from './zentretenimiento.jsx';
 import OficioForm from './zoficio.jsx';
 import FamiliarForm from './zfamiliar.jsx';
-import Prueba from './zprueba.jsx';
-
 import '../../styles/users/publicar.css';
 
 const steps = ['Tipo de publicación', 'Información', 'Imágenes', 'Publicar y Pagar'];
 const publicationTypes = [
-    { label: 'Propiedad', value: 'propiedad',
-        desc:'Publicar alojamiento en arriendos, cabañas, departamentos, casas, hospedaje y hotelería.' 
+    { label: 'Hospedaje', value: 'propiedad',
+        desc:'Publica tu alojamiento en piezas, cabañas, departamentos, casas y hotelería.' 
      },
     { label: 'Camping', value: 'camping',
         desc:'Publicar alojamiento en camping.'
@@ -40,7 +37,6 @@ const publicationTypes = [
     { label: 'Notificaciones', value: 'notificaciones',
         desc:'Crea notificaciones acá.'
      },
-    //{ label: 'Prueba CRUDS', value: 'prueba' }
 ];
 
 const serviceSubCategories = [
@@ -66,19 +62,11 @@ const serviceSubCategories = [
         desc: 'Con Servicio de Oficio, podrás ofrecer tus habilidades y experiencia en una variedad de áreas profesionales. Si eres plomero, electricista, carpintero o tienes cualquier otro talento útil, esta categoría te permite conectar con clientes que buscan soluciones para sus necesidades domésticas o empresariales. Destaca tus conocimientos y garantiza un servicio de calidad para ganar la confianza de nuevos clientes.' }
   ];
 
-  
-  
 
 function Publicar() {
     const [activeStep, setActiveStep] = useState(0);
-    const [selectedType, setSelectedType] = useState(publicationTypes[0].value); // Default to the first type
-    const [selectedSubCategory, setSelectedSubCategory] = useState(null); //nuevo
-    const [details, setDetails] = useState({
-        titulo: '',
-        descripcion: '',
-        horarioInicio: '',
-        horarioFin: ''
-    });
+    const [selectedType, setSelectedType] = useState(publicationTypes[0].value);
+    const [selectedSubCategory, setSelectedSubCategory] = useState(null); 
     const [files, setFiles] = useState([]);
     const [error, setError] = useState('');
     const [errors, setErrors] = useState({});
@@ -102,6 +90,34 @@ function Publicar() {
         startDate: '',
         endDate: '',
     });
+
+    const [formDataGastronomia, setFormDataGastronomia] = useState({
+        titulo: '',
+        descripcion: '',
+        ubicacion: '',
+        nombreContacto: '',
+        celularContacto: '',
+        mailContacto: '',
+        instagram: '',
+        facebook: '',
+        paginaWeb: '',
+        aptoVeganos: false,
+        aptoVegetarianos: false,
+        aptoCeliacos: false,
+    });
+
+    const [formDataNegocios, setFormDataNegocios] = useState({
+        titulo: '',
+        descripcion: '',
+        ubicacion: '',
+        nombreContacto: '',
+        celularContacto: '',
+        mailContacto: '',
+        instagram: '',
+        facebook: '',
+        paginaWeb: ''
+    });
+    
     
 
     const [formDataCamping, setFormDataCamping] = useState({
@@ -218,7 +234,6 @@ function Publicar() {
         // Retorna true si no hay errores
         return Object.keys(newErrors).length === 0;
     };
-    
 
     const handleNext = () => {
         if (activeStep === 0 && !selectedType) {
@@ -229,12 +244,20 @@ function Publicar() {
             
             let isValid = true;
     
+            // Validación según el tipo de publicación
             if (selectedType === 'propiedad') {
                 isValid = validateFormHospedaje();
             } else if (selectedType === 'camping') {
                 isValid = validateFormCamping();
             } else if (selectedType === 'eventos') {
                 isValid = validateFormEventos();
+            } else if (selectedType === 'servicios') {
+                // Validación según la subcategoría de servicios
+                if (selectedSubCategory === 'restaurantes-comida') {
+                    isValid = validateFormGastronomia();
+                } else if (selectedSubCategory === 'negocios-tiendas') {
+                    isValid = validateFormNegocios();
+                }
             }
     
             if (!isValid) {
@@ -242,10 +265,85 @@ function Publicar() {
                 return; // Detiene el avance si hay errores
             }
         }
-    
+        
         // Avanza si todas las validaciones pasaron
         setActiveStep((prevActiveStep) => prevActiveStep + 1);
     };
+    
+    
+
+
+
+    const validateFormGastronomia = () => {
+        const newErrors = {};
+    
+        // Validar que el título sea obligatorio
+        if (!formDataGastronomia.titulo) {
+            newErrors.titulo = 'El título es obligatorio.';
+        }
+    
+        // Validar que la descripción sea obligatoria
+        if (!formDataGastronomia.descripcion) {
+            newErrors.descripcion = 'La descripción es obligatoria.';
+        }
+    
+        // Validar que la ubicación sea obligatoria
+        if (!formDataGastronomia.ubicacion) {
+            newErrors.ubicacion = 'La ubicación es obligatoria.';
+        }
+    
+        // Validar que el nombre de contacto sea obligatorio
+        if (!formDataGastronomia.nombreContacto) {
+            newErrors.nombreContacto = 'El nombre de contacto es obligatorio.';
+        }
+    
+        // Validar que el celular de contacto sea obligatorio
+        if (!formDataGastronomia.celularContacto) {
+            newErrors.celularContacto = 'El celular de contacto es obligatorio.';
+        }
+    
+        // Actualiza el estado de errores
+        setErrors(newErrors);
+    
+        // Retorna true si no hay errores, es decir, si todos los campos obligatorios están completos
+        return Object.keys(newErrors).length === 0;
+    };
+
+    const validateFormNegocios = () => {
+        const newErrors = {};
+    
+        // Validar que el título sea obligatorio
+        if (!formDataNegocios.titulo) {
+            newErrors.titulo = 'El título es obligatorio.';
+        }
+    
+        // Validar que la descripción sea obligatoria
+        if (!formDataNegocios.descripcion) {
+            newErrors.descripcion = 'La descripción es obligatoria.';
+        }
+    
+        // Validar que la ubicación sea obligatoria
+        if (!formDataNegocios.ubicacion) {
+            newErrors.ubicacion = 'La ubicación es obligatoria.';
+        }
+    
+        // Validar que el nombre de contacto sea obligatorio
+        if (!formDataNegocios.nombreContacto) {
+            newErrors.nombreContacto = 'El nombre de contacto es obligatorio.';
+        }
+    
+        // Validar que el celular de contacto sea obligatorio
+        if (!formDataNegocios.celularContacto) {
+            newErrors.celularContacto = 'El celular de contacto es obligatorio.';
+        }
+    
+        // Actualiza el estado de errores
+        setErrors(newErrors);
+    
+        // Retorna true si no hay errores, es decir, si todos los campos obligatorios están completos
+        return Object.keys(newErrors).length === 0;
+    };
+    
 
     const validateFormCamping = () => {
         const newErrors = {};
@@ -304,6 +402,20 @@ function Publicar() {
         }
     };
 
+    const handleInputChangeGastronomia = (field, value) => {
+        setFormDataGastronomia((prev) => ({ ...prev, [field]: value }));
+        if (errors[field]) {
+            setErrors((prevErrors) => ({ ...prevErrors, [field]: undefined }));
+        }
+    };
+
+    const handleInputChangeNegocios = (field, value) => {
+        setFormDataNegocios((prev) => ({ ...prev, [field]: value }));
+        if (errors[field]) {
+            setErrors((prevErrors) => ({ ...prevErrors, [field]: undefined }));
+        }
+    };
+
     const handleTypeChange = (event, newValue) => {
         setSelectedType(newValue);
         setSelectedSubCategory(null); //nuevo
@@ -408,9 +520,9 @@ function Publicar() {
                     return <CampingForm formData={formDataCamping} errors={errors} onInputChange={handleInputChangeCamping} />;
                 } else if (selectedType === 'servicios') {
                     if(selectedSubCategory === 'negocios-tiendas') {
-                        return <NegociosForm />;
+                        return <NegociosForm formData={formDataNegocios} errors={errors} onInputChange={handleInputChangeNegocios}/>;
                     } else if (selectedSubCategory === 'restaurantes-comida') {
-                        return <GastronomiaForm />;
+                        return <GastronomiaForm formData={formDataGastronomia} errors={errors} onInputChange={handleInputChangeGastronomia}/>;
                     }else if (selectedSubCategory === 'cultura') {
                         return <CulturaForm />;
                     }else if (selectedSubCategory === 'tours-transporte') {
@@ -437,9 +549,21 @@ function Publicar() {
             case 2:
                 return <ImageUpload files={files} setFiles={setFiles} setError={setError} />;
             case 3:
+                let formData;
+                if (selectedType === 'propiedad') {
+                    formData = formDataHospedaje;
+                } else if (selectedType === 'camping') {
+                    formData = formDataCamping;
+                } else if (selectedType === 'eventos') {
+                    formData = eventDetails;
+                } else {
+                    formData = {}; // Evitar undefined
+                }
+
                 return (
                     <Pagar formData={formData} files={files} />
                 );
+               
             default:
                 return 'Paso desconocido';
         }
@@ -508,16 +632,6 @@ function Publicar() {
 
     </Box>
 </main>
-<h1>Agregar dropdown para servicios y oficios antes de apretar siguiente</h1>
-<h1>Implementar dropdown antes de entrar al formulario</h1>
-<h1>Eliminar subcategoria de restaurantes y hacer q este en la descripcion</h1>
-
-
-
-
-
-
-
             <Footer />
         </div>
     );
diff --git a/src/pages/users/ymostrar.jsx b/src/pages/users/ymostrar.jsx
index 5e8ceb8..f86d52c 100644
--- a/src/pages/users/ymostrar.jsx
+++ b/src/pages/users/ymostrar.jsx
@@ -2,27 +2,7 @@ import React, { useState, useEffect } from 'react';
 import axios from 'axios';
 
 const MostrarPublicacion = ({ id }) => {
-  const [post, setPost] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  id = 1;
-
-  useEffect(() => {
-    // Función para obtener la publicación
-    const fetchPost = async () => {
-      try {
-        const response = await axios.get(`http://localhost:8000/post/posts/${id}`);
-        setPost(response.data);
-        setLoading(false);
-      } catch (err) {
-        console.error('Error al obtener la publicación:', err);
-        setError('Error al obtener la publicación.');
-        setLoading(false);
-      }
-    };
-
-    fetchPost();
-  }, [id]);
+  
 
   if (loading) {
     return <p>Cargando publicación...</p>;
@@ -34,13 +14,7 @@ const MostrarPublicacion = ({ id }) => {
 
   return (
     <div>
-      <h2>{post.nombre}</h2>
-      <p><strong>Descripción:</strong> {post.descripcion}</p>
-      <p><strong>Dirección:</strong> {post.direccion}</p>
-      <p><strong>Precio:</strong> {post.precio}</p>
-      <p><strong>Contacto:</strong> {post.contacto}</p>
-      <p><strong>URL de contacto:</strong> <a href={post.contacto_url} target="_blank" rel="noopener noreferrer">{post.contacto_url}</a></p>
-      <p><strong>Coordenadas:</strong> {post.latitude}, {post.longitude}</p>
+      <h1>Publicacion</h1>
     </div>
   );
 };
diff --git a/src/pages/users/zgastronomia.jsx b/src/pages/users/zgastronomia.jsx
index 20d4817..e3ce453 100644
--- a/src/pages/users/zgastronomia.jsx
+++ b/src/pages/users/zgastronomia.jsx
@@ -1,16 +1,12 @@
 import '../../styles/users/zgastronomia.css';
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import {
   TextField,
-  MenuItem,
-  FormControl,
-  InputLabel,
-  Select,
-  Button,
-  Checkbox,
-  FormControlLabel,
+  Box,
   Typography,
+  FormControlLabel,
+  Checkbox
 } from '@mui/material';
 import { GoogleMap, LoadScript, Marker } from '@react-google-maps/api';
 
@@ -20,103 +16,83 @@ const mapContainerStyle = {
 };
 
 const center = {
-  lat: -33.4489, // Cambia esto a la latitud de tu ubicación inicial
-  lng: -70.6693  // Cambia esto a la longitud de tu ubicación inicial
+  lat: -33.4489,
+  lng: -70.6693
 };
 
-const subcategories = [
-    { label: 'Restaurant', value: 'Restaurant' },
-    { label: 'Cafetería', value: 'Cafetería' },
-    { label: 'Bar', value: 'Bar' },
-    { label: 'Heladería', value: 'Heladería' }
-];
+const googleApiKey = "AIzaSyAJuzF9SX5VP6CU38hq-lgRopJ66jYgb5E"; // Reemplaza con tu API Key
 
-function GastronomiaForm({ handleNext }) {
-  const [markerPosition, setMarkerPosition] = useState(center); // Estado para la posición del marcador
-  const [userLocation, setUserLocation] = useState(null); // Estado para la ubicación del usuario
-  const [formData, setFormData] = useState({
-    subcategoria: '',
-    titulo: '',
-    descripcion: '',
-    ubicacion: '',
-    nombreContacto: '',
-    celularContacto: '',
-    mailContacto: '',
-    instagram: '',
-    facebook: '',
-    paginaWeb: '',
-    disponible: false,
-    aptoVeganos: false,
-    aptoVegetarianos: false,
-    aptoCeliacos: false,
-  });
-  const [errors, setErrors] = useState({});
+function GastronomiaForm({ formData, errors, onInputChange, onNext }) {
+  const [markerPosition, setMarkerPosition] = useState(center);
+  const autocompleteRef = useRef(null);
+  const inputRef = useRef(null);
+  const mapRef = useRef(null);
 
-  // Función para obtener la dirección a partir de coordenadas
-  const getAddressFromLatLng = async (lat, lng) => {
-    const apiKey = "AIzaSyAJuzF9SX5VP6CU38hq-lgRopJ66jYgb5E"; // Reemplaza con tu API key
-    const response = await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${lat},${lng}&key=${apiKey}`);
-    const data = await response.json();
-    if (data.results && data.results.length > 0) {
-      return data.results[0].formatted_address;
+  useEffect(() => {
+    // Configuración de Autocomplete con verificación
+    const initializeAutocomplete = () => {
+      if (window.google && inputRef.current) {
+        autocompleteRef.current = new window.google.maps.places.Autocomplete(inputRef.current, {
+          fields: ["formatted_address", "geometry"],
+          types: ["address"],
+          componentRestrictions: { country: ["cl"] }
+        });
+        autocompleteRef.current.addListener("place_changed", handlePlaceSelect);
+      }
+    };
+
+    const intervalId = setInterval(() => {
+      if (window.google && window.google.maps && window.google.maps.places) {
+        clearInterval(intervalId);
+        initializeAutocomplete();
+      }
+    }, 200);
+
+    return () => clearInterval(intervalId);
+  }, []);
+
+  const handlePlaceSelect = () => {
+    const place = autocompleteRef.current.getPlace();
+    if (place.geometry && place.geometry.location) {
+      const location = place.geometry.location;
+      setMarkerPosition({ lat: location.lat(), lng: location.lng() });
+      onInputChange('ubicacion', place.formatted_address);
+
+      if (mapRef.current) {
+        mapRef.current.panTo(location);
+        mapRef.current.setZoom(15);
+      }
     } else {
-      return '';
+      console.error("No se encontró la ubicación seleccionada.");
     }
   };
 
   const handleMapClick = async (event) => {
     const lat = event.latLng.lat();
     const lng = event.latLng.lng();
-    setMarkerPosition({ lat, lng }); // Actualiza la posición del marcador
+    setMarkerPosition({ lat, lng });
 
-    const address = await getAddressFromLatLng(lat, lng); // Obtiene la dirección
-    setFormData((prev) => ({ ...prev, ubicacion: address })); // Actualiza el campo de ubicación
-  };
-
-  useEffect(() => {
-    // Obtener ubicación actual del usuario
-    if (navigator.geolocation) {
-      navigator.geolocation.getCurrentPosition(async (position) => {
-        const newLocation = {
-          lat: position.coords.latitude,
-          lng: position.coords.longitude,
-        };
-        setUserLocation(newLocation);
-        setMarkerPosition(newLocation);
-
-        const address = await getAddressFromLatLng(newLocation.lat, newLocation.lng); // Obtiene la dirección de la ubicación actual
-        setFormData((prev) => ({ ...prev, ubicacion: address }));
-      }, () => {
-        alert("No se pudo obtener la ubicación.");
-      });
-    } else {
-      alert("Geolocalización no es soportada en este navegador.");
+    const address = await getAddressFromLatLng(lat, lng);
+    if (address) {
+      onInputChange('ubicacion', address);
     }
-  }, []);
+  };
 
-  const handleInputChange = (field, value) => {
-    setFormData(prev => ({ ...prev, [field]: value }));
-    setErrors(prev => ({ ...prev, [field]: '' })); // Reset error when value changes
+  const getAddressFromLatLng = async (lat, lng) => {
+    const response = await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${lat},${lng}&key=${googleApiKey}`);
+    const data = await response.json();
+    return data.results && data.results.length > 0 ? data.results[0].formatted_address : '';
   };
 
-  const validateForm = () => {
-    const newErrors = {};
-    if (!formData.subcategoria) newErrors.subcategoria = 'Selecciona un tipo de establecimiento.';
-    if (!formData.titulo) newErrors.titulo = 'Escribe un título.';
-    if (!formData.descripcion) newErrors.descripcion = 'Escribe una descripción.';
-    if (!formData.ubicacion) newErrors.ubicacion = 'Escribe una ubicación (Ej: Calle 123, Comuna, Ciudad).';
-    if (!formData.celularContacto && !formData.mailContacto) {
-      newErrors.contacto = 'Debes incluir al menos el número de celular de contacto o el mail de contacto.';
-    }
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
+  const handleInputChange = (field, value) => {
+    onInputChange(field, value);
   };
 
   const handleSubmit = (e) => {
     e.preventDefault();
     if (validateForm()) {
       console.log('Formulario válido, proceder...');
-      handleNext(); 
+      onNext();
     } else {
       console.log('Errores en el formulario:', errors);
     }
@@ -127,88 +103,68 @@ function GastronomiaForm({ handleNext }) {
       <h1>Restaurantes y Comida</h1>
       <h2>Ingresa la información de tu publicación</h2>
 
-      <FormControl fullWidth>
-        <InputLabel id="establishment-type-label">Tipo de Establecimiento</InputLabel>
-        <Select
-          labelId="establishment-type-label"
-          id="establishment-type"
-          value={formData.subcategoria}
-          label="Tipo de Establecimiento"
-          onChange={(e) => handleInputChange('subcategoria', e.target.value)}
-        >
-          {subcategories.map((type) => (
-            <MenuItem key={type.value} value={type.value}>{type.label}</MenuItem>
-          ))}
-        </Select>
-        {errors.subcategoria && <Typography color="error">{errors.subcategoria}</Typography> || 'Campo Obligatorio'}
-      </FormControl>
-
       <TextField
         fullWidth
-        label="Título"
+        label="Título*"
         value={formData.titulo}
         onChange={(e) => handleInputChange('titulo', e.target.value)}
         margin="normal"
+        multiline
         error={Boolean(errors.titulo)}
-        helperText={errors.titulo || 'Campo Obligatorio'}
+        helperText={errors.titulo}
       />
 
       <TextField
         fullWidth
-        label="Descripción"
+        label="Descripción*"
         value={formData.descripcion}
         onChange={(e) => handleInputChange('descripcion', e.target.value)}
         margin="normal"
         multiline
         rows={4}
         error={Boolean(errors.descripcion)}
-        helperText={errors.descripcion || 'Campo Obligatorio'}
+        helperText={errors.descripcion}
       />
 
-      <div className="direccion-container">
-        <TextField
-          fullWidth
-          label="Ubicación: Calle 123, Comuna, Ciudad"
-          value={formData.ubicacion}
-          onChange={(e) => handleInputChange('ubicacion', e.target.value)}
-          margin="normal"
-          error={Boolean(errors.ubicacion)}
-          helperText={errors.ubicacion || 'Campo Obligatorio'}
-        />
-        <TextField
-          fullWidth
-          className='numeroUbicacion'
-          label="Número Casa/Depto"
-          value={formData.numeroUbicacion}
-          onChange={(e) => handleInputChange('numeroUbicacion', e.target.value)}
-          margin="normal"
-        />
-      </div>
+      <TextField
+        fullWidth
+        inputRef={inputRef}
+        multiline
+        label="Ubicación*"
+        value={formData.ubicacion}
+        onChange={(e) => handleInputChange('ubicacion', e.target.value)}
+        margin="normal"
+        error={Boolean(errors.ubicacion)}
+        helperText={errors.ubicacion}
+      />
 
-      <LoadScript googleMapsApiKey="AIzaSyAJuzF9SX5VP6CU38hq-lgRopJ66jYgb5E"> {/* Reemplaza con tu API key */}
+      <LoadScript googleMapsApiKey={googleApiKey} libraries={['places']}>
         <GoogleMap
           mapContainerStyle={mapContainerStyle}
           center={markerPosition}
           zoom={18}
-          onClick={handleMapClick} // Maneja el evento de clic en el mapa
+          onClick={handleMapClick}
+          onLoad={(map) => { mapRef.current = map; }}
         >
           <Marker position={markerPosition} />
         </GoogleMap>
       </LoadScript>
 
-      {/* Campos de contacto */}
-      <div className="contacto-container">
+      <Box display="flex" gap={2} mt={3}>
         <TextField
           fullWidth
-          label="Nombre de Contacto"
+          label="Nombre*"
+          multiline
           value={formData.nombreContacto}
           onChange={(e) => handleInputChange('nombreContacto', e.target.value)}
           margin="normal"
+          error={Boolean(errors.nombreContacto)}
+          helperText={errors.nombreContacto}
         />
-
         <TextField
           fullWidth
-          label="Número de Celular de Contacto: 9 1122 3344"
+          label="Celular*"
+          multiline
           value={formData.celularContacto}
           onChange={(e) => handleInputChange('celularContacto', e.target.value)}
           margin="normal"
@@ -216,48 +172,74 @@ function GastronomiaForm({ handleNext }) {
           helperText={errors.celularContacto}
           type="number"
         />
-
         <TextField
           fullWidth
-          label="Mail de Contacto: usuario@dominio.com"
+          label="Correo (opcional)"
+          multiline
           value={formData.mailContacto}
           onChange={(e) => handleInputChange('mailContacto', e.target.value)}
           margin="normal"
           error={Boolean(errors.mailContacto)}
           helperText={errors.mailContacto}
         />
-      </div>
-
-      {errors.contacto && <Typography color="error">{errors.contacto}</Typography> || 'Incluir al menos el número de celular o mail de contacto'}
-
-      {/* Red social y opciones */}
-      <div className="redes-container">
-        <TextField fullWidth label="Instagram: usuario" value={formData.instagram} onChange={(e) => handleInputChange('instagram', e.target.value)} margin="normal" />
-        <TextField fullWidth label="Facebook: usuario" value={formData.facebook} onChange={(e) => handleInputChange('facebook', e.target.value)} margin="normal" />
-        <TextField fullWidth label="Página Web: https://www.ejemplo.com" value={formData.paginaWeb} onChange={(e) => handleInputChange('paginaWeb', e.target.value)} margin="normal" error={Boolean(errors.paginaWeb)} helperText={errors.paginaWeb} />
-      </div>
+      </Box>
 
-      <div className="boton-container" style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
-        <FormControlLabel control={<Checkbox checked={formData.disponible} onChange={(e) => handleInputChange('disponible', e.target.checked)} />} label="Actualmente Disponible" />
-      </div>
+      {errors.contacto && <Typography color="error">{errors.contacto}</Typography>}
 
-      <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
-        <FormControlLabel control={<Checkbox checked={formData.aptoVeganos} onChange={(e) => handleInputChange('aptoVeganos', e.target.checked)} />} label="Apto para Veganos" />
-        <FormControlLabel control={<Checkbox checked={formData.aptoVegetarianos} onChange={(e) => handleInputChange('aptoVegetarianos', e.target.checked)} />} label="Apto para Vegetarianos" />
-        <FormControlLabel control={<Checkbox checked={formData.aptoCeliacos} onChange={(e) => handleInputChange('aptoCeliacos', e.target.checked)} />} label="Apto para Celíacos" />
-      </div>
-
-      <div>
-        <Button type="submit" variant="contained" className="submit-button">
-          Enviar
-        </Button>
-      </div>
+      <Box display="flex" gap={2} mt={3}>
+        <TextField
+          fullWidth
+          multiline
+          label="Instagram (opcional)"
+          value={formData.instagram}
+          onChange={(e) => handleInputChange('instagram', e.target.value)}
+          margin="normal"
+        />
+        <TextField
+          fullWidth
+          label="Facebook (opcional)"
+          value={formData.facebook}
+          multiline
+          onChange={(e) => handleInputChange('facebook', e.target.value)}
+          margin="normal"
+        />
+        <TextField
+          fullWidth
+          label="Página Web (opcional)"
+          multiline
+          value={formData.paginaWeb}
+          onChange={(e) => handleInputChange('paginaWeb', e.target.value)}
+          margin="normal"
+          error={Boolean(errors.paginaWeb)}
+          helperText={errors.paginaWeb}
+        />
+      </Box>
+
+      <Box display="flex" gap={0} mt={3} justifyContent="center">
+        <div>
+          <FormControlLabel
+            control={<Checkbox checked={formData.aptoVeganos} onChange={(e) => handleInputChange('aptoVeganos', e.target.checked)} />}
+            label="Apto para Veganos"
+          />
+          <FormControlLabel
+            control={<Checkbox checked={formData.aptoVegetarianos} onChange={(e) => handleInputChange('aptoVegetarianos', e.target.checked)} />}
+            label="Apto para Vegetarianos"
+          />
+          <FormControlLabel
+            control={<Checkbox checked={formData.aptoCeliacos} onChange={(e) => handleInputChange('aptoCeliacos', e.target.checked)} />}
+            label="Apto para Celíacos"
+          />
+        </div>
+      </Box>
     </form>
   );
 }
 
 GastronomiaForm.propTypes = {
-  handleNext: PropTypes.func.isRequired,
+  formData: PropTypes.object.isRequired,
+  errors: PropTypes.object.isRequired,
+  onInputChange: PropTypes.func.isRequired,
+  onNext: PropTypes.func.isRequired,
 };
 
 export default GastronomiaForm;
diff --git a/src/pages/users/zhospedaje.jsx b/src/pages/users/zhospedaje.jsx
index 2557448..4d8e798 100644
--- a/src/pages/users/zhospedaje.jsx
+++ b/src/pages/users/zhospedaje.jsx
@@ -195,9 +195,12 @@ function HospedajeForm({ formData, errors, onInputChange, onNext }) {
             <TextField
                     fullWidth
                     label="Nombre de Contacto"
+                    multiline
                     value={formData.nombreContacto}
                     onChange={(e) => handleInputChange('nombreContacto', e.target.value)}
                     margin="normal"
+                    error={Boolean(errors.nombreContacto)}
+                    helperText={errors.nombreContacto}
                 />
                 <TextField
                     label="Teléfono de Contacto*"
@@ -209,13 +212,13 @@ function HospedajeForm({ formData, errors, onInputChange, onNext }) {
                     helperText={errors.telefonoContacto}
                 />
                 <TextField
-                    label="Nombre de Contacto*"
+                    label="Correo electrónico*"
                     multiline
-                    value={formData.nombreContacto}
-                    onChange={(e) => onInputChange('nombreContacto', e.target.value)}
+                    value={formData.mailContacto}
+                    onChange={(e) => onInputChange('mailContacto', e.target.value)}
                     margin="normal"
-                    error={Boolean(errors.nombreContacto)}
-                    helperText={errors.nombreContacto}
+                    error={Boolean(errors.mailContacto)}
+                    helperText={errors.mailContacto}
                 />
             </Box>
             <Box display="flex" gap={2} mt={3} >
@@ -242,34 +245,29 @@ function HospedajeForm({ formData, errors, onInputChange, onNext }) {
                     >
                         <MenuItem multiline value="privado">Privado</MenuItem>
                         <MenuItem value="compartido">Compartido</MenuItem>
-                        <MenuItem value="compartido">No tiene</MenuItem>
+                        <MenuItem value="sin">No tiene</MenuItem>
                     </Select>
                 </FormControl>
             </Box>
 
-            <p>*: Campos Obligatorios</p>
+            <p className="required-field">*: Campos Obligatorios</p>
 
             
 
             
 
             
-            <Box display="flex" gap={2} mt={3} justifyContent="center">
+            <Box display="flex" gap={0} mt={3} justifyContent="center">
             <FormControlLabel
                 control={<Checkbox checked={formData.disponible || false} onChange={(e) => onInputChange('disponible', e.target.checked)} />}
                 label="Actualmente Disponible"
             />
-            
-            
-
-            
-
-            
+        
             </Box>
-            <Box justifyContent="center" display="flex" gap={2} mt={3}><h3>Este hospedaje incluye:</h3></Box>
+            <Box justifyContent="center" display="flex" gap={0} mt={3}><h3>Este hospedaje incluye:</h3></Box>
             
 
-            <Box display="flex" justifyContent="center" gap={3} mt={2}>
+            <Box display="flex" justifyContent="center" gap={1} mt={2}>
             
             
             
diff --git a/src/pages/users/znegocios.jsx b/src/pages/users/znegocios.jsx
index 7f94a82..8681005 100644
--- a/src/pages/users/znegocios.jsx
+++ b/src/pages/users/znegocios.jsx
@@ -1,11 +1,9 @@
 import '../../styles/users/zservicios.css';
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import {
   TextField,
-  Button,
-  Checkbox,
-  FormControlLabel,
+  Box,
   Typography,
 } from '@mui/material';
 import { GoogleMap, LoadScript, Marker } from '@react-google-maps/api';
@@ -16,92 +14,84 @@ const mapContainerStyle = {
 };
 
 const center = {
-  lat: -33.4489, // Cambia esto a la latitud de tu ubicación inicial
-  lng: -70.6693  // Cambia esto a la longitud de tu ubicación inicial
+  lat: -33.4489,
+  lng: -70.6693
 };
 
-function NegociosForm({ handleNext }) {
-  const [markerPosition, setMarkerPosition] = useState(center); // Estado para la posición del marcador
-  const [userLocation, setUserLocation] = useState(null); // Estado para la ubicación del usuario
-  const [formData, setFormData] = useState({
-    titulo: '',
-    descripcion: '',
-    ubicacion: '',
-    numeroUbicacion: '',
-    nombreContacto: '',
-    celularContacto: '',
-    mailContacto: '',
-    instagram: '',
-    facebook: '',
-    paginaWeb: '',
-    disponible: false,
-  });
-  const [errors, setErrors] = useState({});
-
-  // Función para obtener la dirección a partir de coordenadas
-  const getAddressFromLatLng = async (lat, lng) => {
-    const apiKey = "AIzaSyAJuzF9SX5VP6CU38hq-lgRopJ66jYgb5E"; // Reemplaza con tu API key
-    const response = await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${lat},${lng}&key=${apiKey}`);
-    const data = await response.json();
-    if (data.results && data.results.length > 0) {
-      return data.results[0].formatted_address; // Retorna la primera dirección formateada
+const googleApiKey = "AIzaSyAJuzF9SX5VP6CU38hq-lgRopJ66jYgb5E"; // Reemplaza con tu API Key
+
+function NegociosForm({ formData, errors, onInputChange, onNext }) {
+  const [markerPosition, setMarkerPosition] = useState(center);
+  const autocompleteRef = useRef(null);
+  const inputRef = useRef(null);
+  const mapRef = useRef(null);
+
+  useEffect(() => {
+    // Configura el Autocomplete cuando la API de Google esté lista
+    const initializeAutocomplete = () => {
+      if (window.google && inputRef.current) {
+        autocompleteRef.current = new window.google.maps.places.Autocomplete(inputRef.current, {
+          fields: ["formatted_address", "geometry"],
+          types: ["address"],
+          componentRestrictions: { country: ["cl"] }
+        });
+        autocompleteRef.current.addListener("place_changed", handlePlaceSelect);
+      }
+    };
+
+    // Espera hasta que Google Maps esté disponible, revisa cada 200ms
+    const intervalId = setInterval(() => {
+      if (window.google && window.google.maps && window.google.maps.places) {
+        clearInterval(intervalId);
+        initializeAutocomplete();
+      }
+    }, 200);
+
+    return () => clearInterval(intervalId);
+  }, []);
+
+  const handlePlaceSelect = () => {
+    const place = autocompleteRef.current.getPlace();
+    if (place.geometry && place.geometry.location) {
+      const location = place.geometry.location;
+      setMarkerPosition({ lat: location.lat(), lng: location.lng() });
+      onInputChange('ubicacion', place.formatted_address);
+
+      if (mapRef.current) {
+        mapRef.current.panTo(location);
+        mapRef.current.setZoom(15);
+      }
     } else {
-      return ''; // Retorna vacío si no se encuentra dirección
+      console.error("No se encontró la ubicación seleccionada.");
     }
   };
 
   const handleMapClick = async (event) => {
     const lat = event.latLng.lat();
     const lng = event.latLng.lng();
-    setMarkerPosition({ lat, lng }); // Actualiza la posición del marcador
-
-    const address = await getAddressFromLatLng(lat, lng); // Obtiene la dirección
-    setFormData((prev) => ({ ...prev, ubicacion: address })); // Actualiza el campo de ubicación
-  };
+    setMarkerPosition({ lat, lng });
 
-  useEffect(() => {
-    // Obtener ubicación actual del usuario
-    if (navigator.geolocation) {
-      navigator.geolocation.getCurrentPosition(async (position) => {
-        const newLocation = {
-          lat: position.coords.latitude,
-          lng: position.coords.longitude,
-        };
-        setUserLocation(newLocation);
-        setMarkerPosition(newLocation);
-
-        const address = await getAddressFromLatLng(newLocation.lat, newLocation.lng); // Obtiene la dirección de la ubicación actual
-        setFormData((prev) => ({ ...prev, ubicacion: address }));
-      }, () => {
-        alert("No se pudo obtener la ubicación.");
-      });
-    } else {
-      alert("Geolocalización no es soportada en este navegador.");
+    const address = await getAddressFromLatLng(lat, lng);
+    if (address) {
+      onInputChange('ubicacion', address);
     }
-  }, []);
+  };
 
-  const handleInputChange = (field, value) => {
-    setFormData(prev => ({ ...prev, [field]: value }));
-    setErrors(prev => ({ ...prev, [field]: '' })); // Reset error when value changes
+  const getAddressFromLatLng = async (lat, lng) => {
+    const response = await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${lat},${lng}&key=${googleApiKey}`);
+    const data = await response.json();
+    return data.results && data.results.length > 0 ? data.results[0].formatted_address : '';
   };
 
-  const validateForm = () => {
-    const newErrors = {};
-    if (!formData.titulo) newErrors.titulo = 'Escribe un título.';
-    if (!formData.descripcion) newErrors.descripcion = 'Escribe una descripción.';
-    if (!formData.ubicacion) newErrors.ubicacion = 'Escribe una ubicación (Ej: Calle 123, Comuna, Ciudad).';
-    if (!formData.celularContacto && !formData.mailContacto) {
-      newErrors.contacto = 'Debes incluir al menos el número de celular de contacto o el mail de contacto.';
-    }
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
+  const handleInputChange = (field, value) => {
+    onInputChange(field, value);
   };
 
   const handleSubmit = (e) => {
     e.preventDefault();
     if (validateForm()) {
       console.log('Formulario válido, proceder...');
-      handleNext(); 
+      onNext();
     } else {
       console.log('Errores en el formulario:', errors);
     }
@@ -114,68 +104,66 @@ function NegociosForm({ handleNext }) {
 
       <TextField
         fullWidth
-        label="Título"
+        label="Título*"
         margin="normal"
+        multiline
         value={formData.titulo}
         onChange={(e) => handleInputChange('titulo', e.target.value)}
         error={Boolean(errors.titulo)}
-        helperText={errors.titulo || 'Campo Obligatorio'}
+        helperText={errors.titulo}
       />
       <TextField
         fullWidth
-        label="Descripción"
+        label="Descripción*"
         margin="normal"
         multiline
         rows={4}
         value={formData.descripcion}
         onChange={(e) => handleInputChange('descripcion', e.target.value)}
         error={Boolean(errors.descripcion)}
-        helperText={errors.descripcion || 'Campo Obligatorio'}
+        helperText={errors.descripcion}
       />
 
-      <div className="direccion-container">
-        <TextField
-          fullWidth
-          label="Ubicación: Calle 123, Comuna, Ciudad"
-          margin="normal"
-          value={formData.ubicacion}
-          onChange={(e) => handleInputChange('ubicacion', e.target.value)}
-          error={Boolean(errors.ubicacion)}
-          helperText={errors.ubicacion || 'Campo Obligatorio'}
-        />
-        <TextField
-          fullWidth
-          className="numeroUbicacion"
-          label="Número Casa/Depto"
-          value={formData.numeroUbicacion}
-          onChange={(e) => handleInputChange('numeroUbicacion', e.target.value)}
-          margin="normal"
-        />
-      </div>
+      <TextField
+        fullWidth
+        inputRef={inputRef}
+        label="Ubicación*"
+        margin="normal"
+        multiline
+        value={formData.ubicacion}
+        onChange={(e) => handleInputChange('ubicacion', e.target.value)}
+        error={Boolean(errors.ubicacion)}
+        helperText={errors.ubicacion}
+      />
 
-      <LoadScript googleMapsApiKey="AIzaSyAJuzF9SX5VP6CU38hq-lgRopJ66jYgb5E">
+      <LoadScript googleMapsApiKey={googleApiKey} libraries={['places']}>
         <GoogleMap
           mapContainerStyle={mapContainerStyle}
           center={markerPosition}
           zoom={18}
-          onClick={handleMapClick} // Maneja el evento de clic en el mapa
+          onClick={handleMapClick}
+          onLoad={(map) => { mapRef.current = map; }}
         >
           <Marker position={markerPosition} />
         </GoogleMap>
       </LoadScript>
 
-      <div className="contacto-container">
+      <Box display="flex" gap={2} mt={3}>
         <TextField
           fullWidth
-          label="Nombre de Contacto"
+          label="Nombre*"
           margin="normal"
+          multiline
           value={formData.nombreContacto}
           onChange={(e) => handleInputChange('nombreContacto', e.target.value)}
+          error={Boolean(errors.nombreContacto)}
+          helperText={errors.nombreContacto}
         />
         <TextField
           fullWidth
-          label="Número de Celular de Contacto: 9 1122 3344"
+          label="Celular*"
           margin="normal"
+          multiline
           value={formData.celularContacto}
           onChange={(e) => handleInputChange('celularContacto', e.target.value)}
           type="number"
@@ -184,66 +172,55 @@ function NegociosForm({ handleNext }) {
         />
         <TextField
           fullWidth
-          label="Mail de Contacto: usuario@dominio.com"
+          label="Correo (opcional)"
           margin="normal"
+          multiline
           value={formData.mailContacto}
           onChange={(e) => handleInputChange('mailContacto', e.target.value)}
           error={Boolean(errors.mailContacto)}
           helperText={errors.mailContacto}
         />
-      </div>
+      </Box>
 
-      {errors.contacto && <Typography color="error">{errors.contacto}</Typography> || 'Incluir al menos el número de celular o mail de contacto'}
+      {errors.contacto && <Typography color="error">{errors.contacto}</Typography>}
 
-      <div className="redes-container">
+      <Box display="flex" gap={2} mt={3}>
         <TextField
           fullWidth
-          label="Instagram: usuario"
+          label="Instagram (opcional)"
           margin="normal"
+          multiline
           value={formData.instagram}
           onChange={(e) => handleInputChange('instagram', e.target.value)}
         />
         <TextField
           fullWidth
-          label="Facebook: usuario"
+          label="Facebook (opcional)"
           margin="normal"
+          multiline
           value={formData.facebook}
           onChange={(e) => handleInputChange('facebook', e.target.value)}
         />
         <TextField
           fullWidth
-          label="Página Web: https://www.ejemplo.com"
+          label="Página Web (opcional)"
           margin="normal"
+          multiline
           value={formData.paginaWeb}
           onChange={(e) => handleInputChange('paginaWeb', e.target.value)}
           error={Boolean(errors.paginaWeb)}
           helperText={errors.paginaWeb}
         />
-      </div>
-
-      <div className="boton-container" style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
-        <FormControlLabel
-          control={
-            <Checkbox
-              checked={formData.disponible}
-              onChange={(e) => handleInputChange('disponible', e.target.checked)}
-            />
-          }
-          label="Actualmente Disponible"
-        />
-      </div>
-
-      <div>
-        <Button type="submit" variant="contained" className="submit-button">
-          Enviar
-        </Button>
-      </div>
+      </Box>
     </form>
   );
 }
 
 NegociosForm.propTypes = {
-  handleNext: PropTypes.func.isRequired,
+  formData: PropTypes.object.isRequired,
+  errors: PropTypes.object.isRequired,
+  onInputChange: PropTypes.func.isRequired,
+  onNext: PropTypes.func.isRequired,
 };
 
 export default NegociosForm;