diff --git a/src/pages/users/admin/codigos.jsx b/src/pages/users/admin/codigos.jsx
index 2301c7f..240debd 100644
--- a/src/pages/users/admin/codigos.jsx
+++ b/src/pages/users/admin/codigos.jsx
@@ -17,7 +17,7 @@ const ComponenteCodigos = () => {
   const [fechaInicio, setFechaInicio] = useState(''); // Estado para fecha de inicio
   const [fechaFin, setFechaFin] = useState(''); // Estado para fecha de fin
   const [planesSeleccionados, setPlanesSeleccionados] = useState([]);
-  
+  const [comunasSeleccionadas, setComunasSeleccionadas] = useState([]); // Estado para comunas seleccionadas
 
   // Lista de comunas y categorías
   const comunas = [
@@ -46,10 +46,10 @@ const ComponenteCodigos = () => {
   ];
 
   const planes = [
-    "Mensual",
-    "Trimestral",
-    "Semestral",
-    "Anual"
+    "Mes",
+    "Trimestre",
+    "Semestre",
+    "Año"
   ]
 
   const handlePlanChange = (plan) => {
@@ -133,36 +133,26 @@ const ComponenteCodigos = () => {
       <div className="codigo-container">
         <h1 className="codigo-title">Generador de Códigos</h1>
 
-        <div className="codigo-field">
-          <label className="codigo-label">Duración del código:</label>
-          <div className="codigo-input-group">
-            <input
-              type="number"
-              value={duracion}
-              onChange={(e) => setDuracion(e.target.value)}
-              placeholder="Duración"
-              className="codigo-input"
-            />
-            <select
-              value={tipoDuracion}
-              onChange={(e) => setTipoDuracion(e.target.value)}
-              className="codigo-select"
-            >
-              <option value="horas">Horas</option>
-              <option value="días">Días</option>
-            </select>
-          </div>
-        </div>
+        
 
         <div className="codigo-field">
           <label className="codigo-label">Usos permitidos:</label>
           <input
-            type="number"
-            value={usos}
-            onChange={(e) => setUsos(e.target.value)}
-            placeholder="Número de usos"
-            className="codigo-input"
-          />
+    type="number"
+    value={usos}
+    onChange={(e) => {
+      const valor = parseInt(e.target.value, 10);
+      if (!isNaN(valor) && valor >= 1) {
+        setUsos(valor); // Actualiza si es válido
+      } else {
+        setUsos(''); // Vacía el campo si no es válido
+      }
+    }}
+    min="1" // Establece el mínimo permitido en el atributo HTML
+    placeholder="Número de usos"
+    className="codigo-input"
+  />
+          
         </div>
 
         <div className="codigo-field">
@@ -177,25 +167,58 @@ const ComponenteCodigos = () => {
             <option value="Georreferenciado">Georreferenciado</option>
           </select>
         </div>
-
         {tipoCodigo === "Georreferenciado" && (
-          <div className="codigo-field">
-            <label className="codigo-label">Seleccione la comuna</label>
-            <select
-              value={comuna}
-              onChange={(e) => setComuna(e.target.value)}
-              className="codigo-select"
-            >
-              <option value="">Seleccione una comuna</option>
-              {comunas.map((comuna) => (
-                <option key={comuna} value={comuna}>
-                  {comuna}
-                </option>
-              ))}
-            </select>
-          </div>
-        )}
+  <div className="georeferenced-notification">
+    {/* Contenedor de etiquetas de comunas seleccionadas */}
+    <div className="tags-container">
+      {comunasSeleccionadas.map((comuna) => (
+        <span key={comuna} className="tag">
+          {comuna}
+          <button
+            type="button"
+            onClick={() => setComunasSeleccionadas(
+              comunasSeleccionadas.filter((item) => item !== comuna)
+            )}
+            className="tag-remove"
+          >
+            &times;
+          </button>
+        </span>
+      ))}
+    </div>
+    <br />
+    {/* Selector para agregar nuevas comunas */}
+    <select
+      value=""
+      onChange={(e) => {
+        const selectedComuna = e.target.value;
+        if (
+          selectedComuna &&
+          !comunasSeleccionadas.includes(selectedComuna)
+        ) {
+          setComunasSeleccionadas([...comunasSeleccionadas, selectedComuna]);
+        }
+      }}
+      className="comuna-select"
+    >
+
+      <option value="">Seleccione una comuna</option>
 
+      {comunas
+        .filter((comuna) => !comunasSeleccionadas.includes(comuna))
+        .map((comuna) => (
+          <option key={comuna} value={comuna}>
+            {comuna}
+          </option>
+        ))}
+    </select>
+  </div>
+  
+)}
+
+
+        
+<br></br><br></br>
         <div className="codigo-field">
           <label className="codigo-label">Aplicar código sobre:</label>
           <div className="checkbox-container">
diff --git a/src/pages/users/admin/precios.jsx b/src/pages/users/admin/precios.jsx
index 2f92e62..7824c53 100644
--- a/src/pages/users/admin/precios.jsx
+++ b/src/pages/users/admin/precios.jsx
@@ -165,6 +165,13 @@ function GestionPreciosTabla() {
     ),
   });
 
+  const handleSave = () => {
+    const isConfirmed = window.confirm("¿Está seguro de que desea guardar los cambios?");
+    if (isConfirmed) {
+      formik.handleSubmit(); // Llama a la función de submit de Formik
+    }
+  };
+
   const formik = useFormik({
     initialValues,
     validationSchema,
@@ -185,9 +192,18 @@ function GestionPreciosTabla() {
   return (
     <div>
       <Navbar />
+      <div className="gestion-precios-header">
+  <h1 className="gestion-precios-title">Gestión de Precios</h1>
+  <button type="submit" onClick={handleSave} className="gestion-precios-button">
+    Guardar
+  </button>
+</div>
+
+  
+   
       <div className="gestion-precios-container">
-        <h1 className="gestion-precios-title">Gestión de Precios</h1>
-        <p>1. Ingresa el precio normal y precio promocional de tu plan.
+       
+        <p>1. Ingresa el precio normal (IVA incluído) y precio promocional de tu plan.
           <br>
           </br><br></br>
           2. Escoge cuál de los dos se mostrará al usuario (si el precio normal o el precio en promoción). <br></br><br></br>
@@ -212,6 +228,7 @@ function GestionPreciosTabla() {
             <option value="Servicios y Oficios">Servicios y Oficios</option>
           </select>
         </div>
+    
         <br></br>
 
         <form onSubmit={formik.handleSubmit}>
@@ -241,6 +258,7 @@ function GestionPreciosTabla() {
                           disabled={formik.values.precios[index][periodo].activo === "inactivo"}
                           className="gestion-precios-input"
                         />
+                
                         <input
                           type="number"
                           placeholder="Precio promocional"
@@ -273,50 +291,54 @@ function GestionPreciosTabla() {
                         </select>
                         <br></br><br></br>
                         <div className="date-input-container">
+                          {/* Mostrar placeholder personalizado si no hay valor */}
+  
   <input
     type="date"
     name={`precios[${index}][${periodo}].fechaInicio`}
     value={formik.values.precios[index][periodo].fechaInicio}
     onChange={formik.handleChange}
     disabled={formik.values.precios[index][periodo].activo === "inactivo"}
-    className={
-      !formik.values.precios[index][periodo].fechaInicio
-        ? "date-placeholder"
-        : ""
-    }
+    className="date-input"
   />
   {!formik.values.precios[index][periodo].fechaInicio && (
-    <span className="placeholder">Fecha de inicio</span>
+    <span className="placeholder"></span>
+  )}
+  
+</div>
+
+<div className="date-input-container">
+  <input
+    type="date"
+    name={`precios[${index}][${periodo}].fechaFin`}
+    value={formik.values.precios[index][periodo].fechaFin}
+    onChange={formik.handleChange}
+    disabled={formik.values.precios[index][periodo].activo === "inactivo"}
+    className="date-input"
+  />
+  {/* Mostrar placeholder personalizado si no hay valor */}
+  {!formik.values.precios[index][periodo].fechaFin && (
+    <span className="placeholder"></span>
+  )}
+
+  {/* Mostrar mensaje de error si existe */}
+  {formik.errors.precios?.[index]?.[periodo]?.fechaFin &&
+    formik.touched.precios?.[index]?.[periodo]?.fechaFin && (
+      <div className="error">{formik.errors.precios[index][periodo].fechaFin}</div>
   )}
 </div>
 
+                        
+
+
+                        
+
 
 
 
 
                        
-<div className="date-input-container">
-                        
-                        <input
-                          type="date"
-                          name={`precios[${index}][${periodo}].fechaFin`}
-                          value={formik.values.precios[index][periodo].fechaFin}
-                          onChange={formik.handleChange}
-                          disabled={formik.values.precios[index][periodo].activo === "inactivo"}
-                          className={
-                            !formik.values.precios[index][periodo].fechaInicio
-                              ? "date-placeholder"
-                              : ""
-                          }
-                        /><br></br><br></br>
-                        {formik.errors.precios?.[index]?.[periodo]?.fechaFin &&
-                          formik.touched.precios?.[index]?.[periodo]?.fechaFin && (
-                            <div className="error">{formik.errors.precios[index][periodo].fechaFin}</div>
-                        )}
-                        {!formik.values.precios[index][periodo].fechaInicio && (
-    <span className="placeholder">Fecha de término</span>
-  )}
-  </div>
+
                      
                       </div>
                     </td>
@@ -325,9 +347,7 @@ function GestionPreciosTabla() {
               ))}
             </tbody>
           </table>
-          <button type="submit" className="gestion-precios-button">
-            Guardar
-          </button>
+          
         </form>
       </div>
     </div>
diff --git a/src/pages/users/notificacion.jsx b/src/pages/users/notificacion.jsx
index 33b55f2..4a5d71b 100644
--- a/src/pages/users/notificacion.jsx
+++ b/src/pages/users/notificacion.jsx
@@ -30,7 +30,12 @@ const Notification = () => {
   const [url, setUrl] = useState('');
   const [comunaInput, setComunaInput] = useState(''); // Input del usuario
   const comunas = ['Santiago', 'Providencia', 'Ñuñoa', 'La Florida', 'Las Condes']; // Lista fija de comunas
-  const preferencias = ['Deportes', 'Cultura', 'Educación', 'Salud', 'Tecnología'];
+  const preferencias = [
+    'Salud y Belleza', 'Arte y Cultura', 'Cine, Teatro y Espectáculos',
+    'Comida y Restaurantes', 'Hobbies', 'Música', 'Deportes y Actividad Física',
+    'Mascotas', 'Hogar', 'Ciencia y Tecnología', 'Educación', 'Mundo Automotor',
+    'Mundo Niños', 'Viajes y Turismo'
+  ];
   const [seleccionadas, setSeleccionadas] = useState([]);
   const [filteredComunas, setFilteredComunas] = useState([]);
   const [showDays, setShowDays] = useState(false);
@@ -441,45 +446,44 @@ const Notification = () => {
           </label>
         </div>
         {repeat && (
-  <div className="repeat-input-container">
-    {/* Input y dropdown en la misma fila */}
-    <div className="repeat-row">
-      <label htmlFor="repeat" className="repeat-label">Repetir cada</label>
-      <input
-        type="number"
-        id="repeat"
-        name="repeat"
-        min="1"
-        defaultValue="1"
-        className="repeat-number"
-      />
-      <select
-        id="unit"
-        name="unit"
-        className="repeat-select"
-        onChange={handleSelectChange}
-      >
-        <option value="día">día</option>
-        <option value="semana">semana</option>
-        <option value="mes">mes</option>
-        <option value="año">año</option>
-      </select>
-    </div>
-
-    {/* Mostrar los días de la semana si "semana" está seleccionado */}
-    {showDays && (
-      <div className="days-container">
-        {['D', 'L', 'M', 'X', 'J', 'V', 'S'].map((day) => (
-          <button key={day} className="day-circle">
-            {day}
-          </button>
-        ))}
+  <>
+    <div className="repeat-input-container">
+      {/* Input y dropdown en la misma fila */}
+      <div className="repeat-row">
+        <label htmlFor="repeat" className="repeat-label">Repetir cada</label>
+        <input
+          type="number"
+          id="repeat"
+          name="repeat"
+          min="1"
+          defaultValue="1"
+          className="repeat-number"
+        />
+        <select
+          id="unit"
+          name="unit"
+          className="repeat-select"
+          onChange={handleSelectChange}
+        >
+          <option value="día">día</option>
+          <option value="semana">semana</option>
+          <option value="mes">mes</option>
+          <option value="año">año</option>
+        </select>
+      
       </div>
-    )}
-  </div>
-)}
-{/* Mostrar opciones adicionales si "mes" está seleccionado */}
-{unit === 'mes' && (
+
+      {/* Mostrar los días de la semana si "semana" está seleccionado */}
+      {showDays && (
+        <div className="days-container">
+          {['D', 'L', 'M', 'X', 'J', 'V', 'S'].map((day) => (
+            <button key={day} className="day-circle">
+              {day}
+            </button>
+          ))}
+        </div>
+      )}
+      {unit === 'mes' && (
         <div className="month-options-container">
           <select
           id="month-options"
@@ -493,69 +497,70 @@ const Notification = () => {
           </select>
         </div>
       )}
-  {/* Opciones adicionales si "día" o "año" están seleccionados */}
-  {(unit === 'día' || unit === 'año') && (
-    <div className="termination-options">
-    <p className="termination-title">Termina</p>
-    <div className="termination-item">
-    <label>
-      <input
-        type="radio"
-        name="termination"
-        value="nunca"
-        checked={terminationOption === 'nunca'}
-        onChange={handleTerminationChange}
-      />
-      Nunca
-    </label>
-  </div>
-  
-    {/* Opción "El" */}
-    <div className="termination-item">
-      <label>
-        <input
-          type="radio"
-          name="termination"
-          value="el"
-          checked={terminationOption === 'el'}
-          onChange={handleTerminationChange}
-        />
-        El
-      </label>
-      <input
-        type="date"
-        className="termination-date"
-        disabled={terminationOption !== 'el'} // Deshabilita si no está seleccionada
-      />
     </div>
-  
-    {/* Opción "Después de" */}
-    <div className="termination-item">
-      <label>
-        <input
-          type="radio"
-          name="termination"
-          value="despues"
-          checked={terminationOption === 'despues'}
-          onChange={handleTerminationChange}
-        />
-        Después de
-      </label>
-      <div className="repetition-container">
+    <br></br><br></br>
+    {/* Mostrar la sección "Termina" solo cuando `repeat` está activado */}
+    <div className="termination-options">
+      <p className="termination-title">Termina</p>
+      <div className="termination-item">
+        <label>
+          <input
+            type="radio"
+            name="termination"
+            value="nunca"
+            checked={terminationOption === 'nunca'}
+            onChange={handleTerminationChange}
+          />
+          Nunca
+        </label>
+      </div>
+
+      {/* Opción "El" */}
+      <div className="termination-item">
+        <label>
+          <input
+            type="radio"
+            name="termination"
+            value="el"
+            checked={terminationOption === 'el'}
+            onChange={handleTerminationChange}
+          />
+          El
+        </label>
         <input
-          type="number"
-          min="1"
-          className="termination-number"
-          disabled={terminationOption !== 'despues'} // Deshabilita si no está seleccionada
+          type="date"
+          className="termination-date"
+          disabled={terminationOption !== 'el'} // Deshabilita si no está seleccionada
         />
-        <span className="repetition-label">repeticiones</span>
+      </div>
+
+      {/* Opción "Después de" */}
+      <div className="termination-item">
+        <label>
+          <input
+            type="radio"
+            name="termination"
+            value="despues"
+            checked={terminationOption === 'despues'}
+            onChange={handleTerminationChange}
+          />
+          Después de
+        </label>
+        <div className="repetition-container">
+          <input
+            type="number"
+            min="1"
+            className="termination-number"
+            disabled={terminationOption !== 'despues'} // Deshabilita si no está seleccionada
+          />
+          <span className="repetition-label">repeticiones</span>
+        </div>
       </div>
     </div>
-  </div>
-  
-          
-        
-        )}
+  </>
+)}
+
+       
 
 
         
diff --git a/src/styles/users/admin/codigos.css b/src/styles/users/admin/codigos.css
index fadcdd4..7568ce3 100644
--- a/src/styles/users/admin/codigos.css
+++ b/src/styles/users/admin/codigos.css
@@ -1,5 +1,4 @@
 
-  
   .codigo-container {
     max-width: 1000px;
     margin: 50px auto;
@@ -108,11 +107,40 @@
   .checkbox-container {
     display: grid;
     grid-template-columns: repeat(2, 1fr); /* 2 columnas del mismo tamaño */
-    gap: 10px; /* Espacio entre filas y columnas */
+    gap: 0px; /* Espacio entre filas y columnas */
   }
   
   .checkbox-item {
     display: flex;
     align-items: center;
   }
-  
\ No newline at end of file
+  
+  .comuna-select {
+    width: 70%; /* Ocupa todo el ancho disponible */
+    padding: 10px; /* Espaciado interno */
+    font-size: 14px; /* Tamaño de fuente */
+    border: 1px solid #ccc; /* Borde gris */
+    border-radius: 5px; /* Bordes redondeados */
+    background-color: #fff; /* Fondo blanco */
+    color: #333; /* Color del texto */
+    transition: border-color 0.3s ease, box-shadow 0.3s ease;
+    appearance: none; /* Elimina el estilo predeterminado del navegador */
+    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E"); /* Icono de flecha */
+    background-repeat: no-repeat;
+    background-position: right 10px center;
+    background-size: 12px;
+    cursor: pointer; /* Cambia el cursor a una mano */
+    margin-left: 0;
+    text-align: left;
+  }
+  
+  .comuna-select:focus {
+    border-color: #007bff; /* Cambia el borde a azul al enfocar */
+    outline: none; /* Elimina el contorno predeterminado */
+    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Sombra azul */
+  }
+  
+  .comuna-select-container {
+    display: flex;
+    justify-content: flex-start; /* Alinea los elementos hacia la izquierda */
+  }
\ No newline at end of file
diff --git a/src/styles/users/admin/precios.css b/src/styles/users/admin/precios.css
index 882d6c1..c698807 100644
--- a/src/styles/users/admin/precios.css
+++ b/src/styles/users/admin/precios.css
@@ -4,11 +4,8 @@
   }
   
   /* Title */
-  .gestion-precios-title {
-    font-size: 24px;
-    font-weight: bold;
-    margin-bottom: 20px;
-  }
+
+
   
   /* Filter container */
   .filtro-categoria-container {
@@ -29,19 +26,8 @@
   }
   
   
-  /* Table */
-  .gestion-precios-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin-bottom: 20px;
-  }
-  
-  .gestion-precios-th,
-  .gestion-precios-td {
-    border: 1px solid #ccc;
-    padding: 10px;
 
-  }
+
 
   .error-message {
     color: #d93025; /* Rojo elegante */
@@ -66,56 +52,152 @@
   }
   
 
-  
-  /* Estilo para eliminar las flechas de incremento en el input number */
+  /* Tabla general */
+.gestion-precios-table {
+  width: 100%;
+  border-collapse: collapse; /* Elimina espacios entre bordes */
+  margin-bottom: 20px;
+  background-color: #f9f9f9; /* Fondo claro para la tabla */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra para resaltar */
+  border-radius: 8px; /* Bordes redondeados */
+  overflow: hidden; /* Asegura que los bordes sean visibles */
+}
+
+/* Estilo de los encabezados de tabla */
+.gestion-precios-th {
+  background-color: #fc7b03; /* Fondo naranja */
+  color: white; /* Texto blanco */
+  font-size: 16px;
+  font-weight: bold;
+  text-align: center; /* Texto centrado */
+  padding: 12px; /* Espaciado interno */
+  border: 1px solid #ddd; /* Bordes claros */
+}
+
+/* Estilo para celdas */
+.gestion-precios-td {
+  padding: 12px; /* Espaciado interno */
+  text-align: center; /* Texto centrado */
+  border: 1px solid #ddd; /* Bordes claros */
+  font-size: 14px;
+  color: #333; /* Texto oscuro */
+  background-color: #fff; /* Fondo blanco */
+}
+
+/* Resaltado en filas al pasar el cursor */
+.gestion-precios-td:hover {
+  background-color: #f0f0f0; /* Fondo gris claro */
+}
+
+/* Inputs dentro de las celdas */
 .gestion-precios-input {
-  -moz-appearance: textfield; /* Firefox */
-  -webkit-appearance: none; /* Chrome, Safari */
-  appearance: none; /* Otros navegadores */
-   /* O el valor que desees en píxeles */
-  /* O puedes usar otras unidades como %, em, rem, etc. */
+  width: 100%; /* Ocupa todo el ancho de la celda */
+  padding: 8px;
+  font-size: 14px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  box-sizing: border-box; /* Asegura que el padding no desborde */
+}
 
+/* Inputs enfocados */
+.gestion-precios-input:focus {
+  border-color: #007bff; /* Azul para el borde al enfocar */
+  outline: none; /* Elimina el contorno predeterminado */
+  box-shadow: 0 0 5px rgba(0, 123, 255, 0.3); /* Sombra azul clara */
 }
 
-/* Para asegurar que los estilos se apliquen correctamente */
-.gestion-precios-input::-webkit-outer-spin-button,
-.gestion-precios-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
+/* Estilo para selects dentro de la tabla */
+.gestion-precios-input select {
+  width: 100%;
+  padding: 8px;
+  font-size: 14px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+/* Fila de la tabla */
+.gestion-precios-row {
+  transition: background-color 0.3s ease; /* Transición suave para el hover */
+}
+
+/* Placeholder para fechas */
+.date-input-container .placeholder {
+
+  top: 50%;
+  left: 10px;
+  transform: translateY(-50%);
+  color: #aaa;
+  pointer-events: none; /* Evita interferencia con clics */
+
 }
 
+/* Sombra al hacer hover sobre los campos */
+.date-input-container input:focus {
+  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
+}
+
+
+
   
-  /* Button */
-  .gestion-precios-button {
-    background-color: #fc7b03 !important; /* Color de fondo naranja */
-    color: white;
-    font-weight: bold !important; /* Texto en negrita */
-    border-radius: 20px; /* Bordes redondeados */
-    padding: 10px 20px; /* Tamaño del botón */
-    cursor: pointer; /* Icono de mano al pasar el mouse */
-    transition: background-color 0.3s; /* Transición suave */
-    border: none; /* Sin borde */
+
+
+
+  .gestion-precios-container-button {
+    text-align: right; /* Alinea el texto y los elementos inline a la derecha */
+    padding: 10px; /* Espaciado opcional */
+
   }
   
   .date-input-container {
-    position: relative;
+    width: 100%; /* Asegúrate de que ocupe todo el ancho disponible de la celda */
+    max-width: 300px; /* Ajusta este valor según el tamaño deseado */
     display: flex;
+    flex-direction: column; /* Para organizar los elementos verticalmente */
+    gap: 20px;
+   
   }
   
-  .date-placeholder {
-    color: transparent;
+  
+ 
+  
+
+  
+  .date-input-container input[type="date"] {
+    width: 100%; /* Ocupa todo el ancho del contenedor */
+    padding: 8px; /* Espaciado interno */
+    font-size: 14px; /* Tamaño de fuente */
+    border: 1px solid #ccc; /* Bordes suaves */
+    border-radius: 4px; /* Bordes redondeados */
+    
   }
   
-  .date-input-container .placeholder {
-    position: absolute;
-    top: 50%;
-    left: 10px;
-    transform: translateY(-50%);
-    color: #aaa;
-    pointer-events: none; /* Para que no interfiera con los clics */
+  
+  .gestion-precios-header {
+    display: flex; /* Activa Flexbox */
+    justify-content: space-between; /* Título a la izquierda, botón a la derecha */
+    align-items: center; /* Alinea verticalmente ambos elementos */
+    margin-bottom: 20px; /* Espacio debajo del encabezado */
+    padding: 15px;
+    margin-left: 10px;
+    margin-top: 20px;
+    margin-bottom: 0;
   }
   
-  input[type="date"]:focus + .placeholder {
-    display: none;
+  .gestion-precios-title {
+    font-size: 24px; /* Tamaño del título */
+    font-weight: bold; /* Negrita */
+    margin: 0; /* Elimina márgenes extra */
+  }
+  
+  .gestion-precios-button {
+    background-color: #fc7b03; /* Color de fondo */
+    color: white; /* Color del texto */
+    font-weight: bold; /* Negrita */
+    border-radius: 20px; /* Bordes redondeados */
+    padding: 10px 20px; /* Tamaño del botón */
+    cursor: pointer; /* Cursor de mano al pasar */
+    transition: background-color 0.3s; /* Transición suave */
+    border: none; /* Sin borde */
+    font-size: 16px; /* Ajusta el tamaño del texto del botón */
   }
   
diff --git a/src/styles/users/notification.css b/src/styles/users/notification.css
index 279cf90..47ebbe6 100644
--- a/src/styles/users/notification.css
+++ b/src/styles/users/notification.css
@@ -333,6 +333,7 @@ body {
   gap: 10px; /* Espaciado entre los días */
   margin-top: 10px; /* Espaciado superior respecto al input y select */
   flex-wrap: wrap; /* Permitir que los días se acomoden en varias filas si es necesario */
+
 }
 
 
@@ -396,35 +397,29 @@ body {
 /* Quitar estilos predeterminados de focus */
 .repeat-number:focus,
 .repeat-select:focus {
-  border-color: #8c52ff; /* Color del borde al enfocar */
+  border-color: #ffa426; /* Color del borde al enfocar */
   outline: none; /* Eliminar contorno predeterminado */
 }
 
 /* Contenedor del dropdown adicional */
 .month-options-container {
   display: flex; /* Usa flexbox */
-  justify-content: center; /* Centra horizontalmente */
-  margin-top: 15px; /* Espaciado superior */
+
+
+  padding: 30px;
 
 }
 
 /* Dropdown adicional */
 .month-options-dropdown {
-  width: 60%; /* Ancho ajustado al contenido */
-  padding: 10px;
+  width: 100%; /* Ancho ajustado al contenido */
   font-size: 14px;
   border: 1px solid #ccc;
   border-radius: 5px;
   background-color: #fff;
 }
 
-/* Aumentar el tamaño del radio button */
-/* Contenedor principal */
-.termination-options {
-  margin-top: 20px;
-}
-
-/* Estilo de cada opción */
+/* Estilo del contenedor para las opciones de "Termina" */
 .termination-item {
   display: flex;
   align-items: center;
@@ -437,7 +432,29 @@ body {
   width: 18px;
   height: 18px;
   margin-right: 10px;
-  vertical-align: middle;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  background-color: #fff;
+  appearance: none; /* Elimina el diseño predeterminado */
+  cursor: pointer;
+}
+
+/* Radio Buttons activos */
+.termination-item input[type="radio"]:checked {
+  background-color: #ffa920;
+  border-color: #000000;
+}
+
+/* Inputs adicionales (deshabilitados) */
+.termination-date,
+.termination-number {
+  height: 40px; /* Coincide con el height del dropdown y input number */
+  padding: 5px 10px;
+  font-size: 14px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  box-sizing: border-box;
+  width: auto; /* Ajusta según el contenido */
 }
 
 /* Inputs deshabilitados */
@@ -449,10 +466,37 @@ body {
   cursor: not-allowed;
 }
 
+/* Inputs habilitados */
+.termination-date:enabled,
+.termination-number:enabled {
+  border-color: #000000;
+}
 
-/* Título de la sección "Termina" */
+/* Opciones de repetición */
+.repetition-container {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+
+/* Etiqueta de repetición */
+.repetition-label {
+  font-size: 14px;
+  color: #333;
+}
+.termination-options {
+  display: flex;
+  flex-direction: column;
+  gap: 15px; /* Espaciado entre opciones */
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  background-color: #fff;
+  width: 100%;
+}
 .termination-title {
   font-size: 16px;
-  font-weight: bold;
+  font-weight: 500;
+  color: #333;
   margin-bottom: 10px;
 }