GUI validada final

src/components/password.tsx

@@ -48,12 +48,18 @@ export default function PasswordInput(props: PasswordInputProps) {
           {label}
         </label>
       )}
-      <div className="input-group">
+      <div className="input-group" style={{ display: 'flex', alignItems: 'stretch' }}>
         <input
           id={inputId}
           name={name}
           type={inputType}
           className={className?.input || 'form-control'}
+          style={{ 
+            borderRight: 'none',
+            borderTopRightRadius: 0,
+            borderBottomRightRadius: 0,
+            flex: 1
+          }}
           {...rest}
         />
         <button
@@ -62,6 +68,16 @@ export default function PasswordInput(props: PasswordInputProps) {
           onClick={toggleVisibility}
           aria-label={visible ? 'Ocultar contraseña' : 'Mostrar contraseña'}
           title={visible ? 'Ocultar contraseña' : 'Mostrar contraseña'}
+          style={{
+            borderLeft: 'none',
+            borderTopLeftRadius: 0,
+            borderBottomLeftRadius: 0,
+            padding: '0.375rem 0.75rem',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            minWidth: '40px'
+          }}
         >
           <i className={`bi ${visible ? 'bi-eye-slash' : 'bi-eye'}`} />
         </button>